body.home .topbar {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

body.home .topbar.scrolled,
.topbar {
    background-color: #272727;
    box-shadow: none;
}

.topbar .logo_column {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 3000;
}

.topbar .logo_wrapper .svg_wrapper {
    width: 6rem;
}

@media screen and (min-width: 64em) {
    body.home .topbar {
        height: 10rem;
    }
    body.home .topbar.scrolled,
    .topbar {
        height: 4rem;
    }

    body.home .topbar .logo_wrapper .svg_wrapper {
        width: 15rem;
        transition: all .25s ease;
    }
    
    body.home .topbar.scrolled .logo_wrapper .svg_wrapper {
        width: 6rem;
    }
}


/***************************************************************************
* Navigation
****************************************************************************/
@media screen and (max-width:63.9375em){
    .topbar .navigation_wrapper {
        background-color: #272727;
        color: #ffffff;
    }
}

.topbar .menu li {
    list-style: none;
}
.topbar .menu li a {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    position: relative;
    display: inline-block;
}
.topbar .menu li a:after {
    content: ''; position: absolute;
    bottom: 0.375em; left: 50%; height: 0.0625rem;
    background-color: currentColor;
    width: 0; transform: translate(-50%,0);
    transition: all .25s ease;
}
.topbar .menu li a:hover:after {
    width: calc(100% - 1.5rem);
}

.topbar .menu li a[aria-current="page"]:not([href*="#"]) {
    font-weight: 700;
}

.topbar .menu li .sub-menu {
    margin-left: 0;
}
.topbar .menu li .sub-menu a {
    padding-left: 2.5rem;
}

.topbar .menu li .sub-menu a:before {
    content: ''; position: absolute;
    top: 50%; left: 1rem; height: 0.125rem; width: 0.75rem;
    background-color: currentColor;
    transform: translate(0,-50%);
}



@media screen and (min-width: 64em) {
	.navigation_wrapper .menu_wrapper {
		display:flex;
	}
	
}


/***************************************************************************
* Language Switch
****************************************************************************/
.menu_wrapper .typo_language_switch_wrapper.has_dropdown {
	position:relative;
	transform:translate(0,0);
	padding: 0 0.75rem;
}

.typo_language_switch_wrapper.has_dropdown > .current {
	text-transform: uppercase;
}

.menu_wrapper .typo_language_switch_wrapper.has_dropdown >* {
	line-height:2.813rem;
	height:auto;
	cursor: pointer;
}

.menu_wrapper .typo_language_switch_nav li { line-height:2;}