.topHeader { height:59px; background-color:var(--color-bg-grey); }
.langNavi { list-style-type:none; margin:0; padding:0; text-align:right; line-height:59px; }
.langNavi li { display:inline-block; margin:0; padding:0; }
.langNavi a { opacity:0.3; transition:all 0.5s; }
.langNavi a:hover,
.langNavi a.active { opacity:1; transition:all 0.5s; }
.langNavi img { width:22px; height:22px; vertical-align:middle; }
.searchBox { position:absolute; top:16px; left:5%; }
.searchOpen { cursor:pointer; }
.searchInputBox { padding:5px; position:absolute; top:-5px; left:100%; width:1px; overflow:hidden; transition:0.3s ease; z-index:100; }
.searchBox.open .searchInputBox { width:150px; transition:0.3s ease; }
.searchInput { width:120px; border:solid 1px var(--color-text-grey); border-radius:0; height:26px; line-height:26px; padding-left:5px; -webkit-appearance:none; appearance:none; outline:none; margin-left:10px; font-size:16px; font-family: 'Lato',sans-serif; color:var(--color-text-grey); }
.loginBox { position:absolute; top:17px; left:calc(5% + 45px); }
.loginBox:hover { text-decoration:none; }
.searchBox .fa,
.loginBox .fa { font-size:24px; color:var(--color-orange); }
.loginBox .text { display:none; }

@media (min-width:768px) {
    .topHeader { height:70px; }
    .langNavi {line-height:70px; }
    .langNavi li { margin-left:5px; }
    .langNavi img { width:30px; height:30px; }
    .loginBox { text-decoration:none; display:flex; justify-content:flex-end; width:200px; top:calc(50% - 21px); right:0; left:unset; }
    .loginBox .text { display:block; font-weight:700; font-size:18px; margin-left:10px; line-height:1.2; }
    .searchBox .fa,
    .loginBox .fa { font-size:41px; }
    .searchBox { top:calc(50% - 21px); left:0; }
    .searchInput { height:37px; line-height:37px; font-size:18px; }
    .searchInputBox { top:1px; }
}
@media (min-width:1024px) {
    .searchInput { width:180px; }
    .searchBox.open .searchInputBox { width:200px; }
}

.logoBox .logo { display:block; width:218px; margin:10px auto 0; }
.mobileOpenerBox { height:70px; background-color:var(--color-bg-grey); }
#mobileOpener { display:block; position:relative; cursor:pointer; width:50px; height:70px; margin:10px auto; }
#mobileOpener span,
#mobileOpener span:after,
#mobileOpener span:before { display:block; width:26px; height:3px; background-color:var(--color-orange); position:absolute; transition:0.3s ease; }
#mobileOpener span { top:33px; left:12px; }
#mobileOpener span:after { content:''; top:-8px; left:0; }
#mobileOpener span:before { content:''; top:8px; left:0; width:14px; }
#mobileOpener.open { transition:0.3s ease; }
#mobileOpener.open span { transform:rotate(-45deg); transition:0.3s ease; }
#mobileOpener.open span:after { transform:rotate(-90deg); top:0; }
#mobileOpener.open span:before { opacity:0; }
.mainNavi { display:none; padding:20px 0; margin:0 auto; width:90%; max-width:320px; }
.navi ul { list-style-type:none; margin:0; padding:0; }
.navi .sub { display:none; }
@media (max-width:1023px) {
    .navi .active .sub { display:block; }
}
.navi a { line-height:20px; font-size:15px; font-weight:700; text-decoration:none!important; display:block; }
.naviItemWithArrow { display:flex; justify-content:space-between; }
.naviItemWithArrow span,
.naviItemWithArrow a { width:calc(100% - 40px); padding:10px 0; }
.instand-academy .navi > ul > li:nth-child(3) .naviItemWithArrow span { color:var(--color-orange); }
.instand-academy .navi > ul > li:nth-child(3) .naviItemWithArrow .fa { color:var(--color-orange); }
@media (max-width:767px) {
    .instand-academy .navi > ul > li:nth-child(3) .naviItemWithArrow span { font-size:20px; line-height:30px; }
    .instand-academy .navi > ul > li:nth-child(3) .naviItemWithArrow .fa { font-size:17px; line-height:46px; }
}
.navi a:hover,
.navi a.current,
.navi li.active > a,
.navi .active > .naviItemWithArrow > * { color:var(--color-orange); transition:0.3s ease; }
.navi .sub a { padding:4px 0 4px 15px; font-weight:400; }
.navi .fa { font-size:17px; line-height:38px; width:40px; text-align:center; cursor:pointer; transition:0.3s ease; }
.navi .fa:hover { color:var(--color-orange); }
.navi .activeLink > div > .fa:not(.fa-angle-right) { transform:rotate(180deg); transition:0.3s ease; }
.navi .sub .text,
.navi .sub .image { display:none; }
@media (min-width:768px) {

    .logoBox { position:relative; }
    .logoBox .logo { display:block; margin:1.5% auto; width:38%; max-width:400px; }
    .logoBox .logo img { width:100%; }
    
    .naviBox { background-color:var(--color-bg-grey); }
    .navi .fa-angle-right,
    .mobileOpenerBox { display:none; }
    .naviBox { position:relative; }
    .mainNavi { display:block!important; padding:0; max-width:var(--max-width); width:90%; margin:0 auto; }
    .mainNavi > ul { display:flex; justify-content:space-between; margin:0 -20px 0 -5px; align-items:center; }
    .mainNavi > ul > li { width:30%; }
    .mainNavi > ul > li > .naviItemWithArrow { height:70px; padding:0 5px; }
    .mainNavi > ul > li > .naviItemWithArrow a { align-self:center; line-height:1.1; }
    .mainNavi > ul > li > .naviItemWithArrow .fa { line-height:70px; }
    .naviItemWithArrow span,
    .naviItemWithArrow a { width: auto; }
    .navi .fa { line-height:40px; }
    .navi .fa.fa-chevron-right { font-size:15px; }
    .navi .sub .text { display:block; width:30%; }
    .navi .sub .text .title { font-size:20px; font-weight:900; text-transform:uppercase; color:var(--color-orange); margin-bottom:30px; padding-right:35px; }
    .navi .sub .text .subline { font-size:20px; max-width:250px; }
    .navi .sub ul { width:36%; padding-top:3px; }
    .navi .sub .image { display:block; width:30%; }
    .navi .sub .image img { width:100%; }
    .navi .sub a { padding-left:0; }
    .navi .sub { justify-content:space-between; padding:32px 5%; position:absolute; left:0; width:100%; background-color:#fff; box-shadow:0 10px 10px 0 #00000016; }
    .mainNavi.navi .sub { top:70px; }
    .navi > ul > li:hover > .sub { display:flex!important; }
    .navi > ul > li:hover > .sub:before { content:''; display:block; width:100%; height:24px; position:absolute; top:-24px; left:0; }
    .navi > ul > li:hover > .naviItemWithArrow > a { color:var(--color-orange); transition:0.3s ease; }
    .navi > ul > li:hover > .naviItemWithArrow > .fa { color:var(--color-orange); transform:rotate(180deg); transition:0.3s ease; }
    .instand-main .navi > ul > li:nth-child(3) { padding-left:12px; margin-right:10px; }
}
@media (min-width:1024px) {
    .mainNavi > ul { margin:0 -15px 0 -5px; }
    .mainNavi > ul > li { width:auto; }
    .navi a { line-height:22px; font-size:16px; }
    .navi .sub .text .title { font-size:25px; }
}
@media (min-width:1120px) {
    .navi a,
    .navi .sub a { line-height:25px; font-size:18px; }
    .navi .fa.fa-chevron-right { line-height:44px; }
}
@media (min-width:1556px) {
    .navi .sub { padding:32px calc((100% - var(--max-width)) / 2); }
    .navi a { line-height:27px; font-size:20px; }
    .addNavi .navi > ul > li > div > .fa,
    .navi .fa { font-size:22px; }
    .navi .fa.fa-chevron-right { font-size:20px; line-height:50px; }
}

#footer nav a { text-decoration:none; }
#footer .footerTopBox nav a:hover { color:var(--color-orange); }
#footer nav a .fa { margin-left:10px; vertical-align:middle; }

.footerTopBar { height:56px; line-height:56px; background-color:#fff; position:relative; z-index:100; }
.footerTopBar.positionFixed { position:fixed; bottom:0; left:0; width:100%; }
.footerTopBar .fa-vial:before { content:''; background:no-repeat url('../Images/RV-Programm_Floater.svg') top center / contain; width:20px; height:20px; display:block; }

.footerRedNavi ul { list-style-type:none; margin:0; padding:0; display:flex; justify-content:space-between; }
.footerRedNavi li {  }
.footerRedNavi a { font-size:16px; }
.footerRedNavi a,
.footerRedNavi a:visited { text-decoration:none; color:var(--color-orange); }
.footerRedNavi a:hover { color:var(--color-orange); }
.footerRedNavi i { margin-right:10px; }
.footerRedNavi .socialIconBox img { width:auto; height:31px; vertical-align:middle; margin-left:15px; }
@media (max-width:599px) {
    .footerRedNavi li { width:12.5%; }
    .footerRedNavi .socialIconBox { width:50%; text-align:right; }
    .footerRedNavi a span { display:none; }
}

.footerTopBox { font-size:17px; padding:60px 0; background-color:var(--color-bg-grey); }
.footerTopBox .footer-col-1 { margin-bottom:40px; }
.footerTopBox .footer-col-2 { text-align:center; margin-bottom:40px; }
.footerTopBox .footer-col-2 p { display:inline; }
.footerTopBox .footer-col-2 img { width:34px; margin:0 10px; }
.footerTopBox ul { list-style-type:none; padding:0; margin:0; line-height:1.8; }

.footerBottomBox .colBox { padding:30px 0; display:flex; flex-wrap:wrap; }
.footerBottomBox .colBox > div { width:100%; }
.footerBottomBox .footer-col-1 { order:1; margin-bottom:30px; }
.footerBottomBox .footer-col-2 { order:3; font-size:14px; }
.footerBottomBox .footer-col-3 { order:2; margin-bottom:30px; }
.footerBottomBox .footer-col-1 img { width:75%; max-width:300px; }
.footerBottomBox .footer-col-2 { padding:0 25%; }
.footerBottomBox .footer-col-3 img { width:56%; max-width:236px; }
@media (min-width:768px) {
    #footer { text-align:left; }
    .footerTopBox nav { font-size:19px; }
    .footerTopBox .colBox { display:flex; justify-content:space-between; }
    .footerTopBox .col-1 { margin-bottom:0; width:40%; }
    .footerTopBox .footer-col-2 p { display:block; }
    .footerTopBox .footer-col-2 img { width:34px; margin:0; }
    .footerBottomBox .colBox { flex-wrap:nowrap; justify-content:space-between; }
    .footerBottomBox .colBox > div { width:30%; display:flex; align-items:center; }
    .footerBottomBox .footer-col-1 { margin-bottom:0; }
    .footerBottomBox .footer-col-2 { order:2; text-align:center; padding:0; justify-content:center; font-size:16px; }
    .footerBottomBox .footer-col-3 { order:3; margin-bottom:0; text-align:right; justify-content: flex-end; }
    .footerBottomBox .footer-col-3 img { width:60%; }
}