.site-header {
background-color:#FFF;
position:relative;
}
.site-header > .wrapper,
.jc--topbar > .wrapper {
padding:0 20px;
margin:0 auto;
max-width:1310px;
display:flex;
justify-content:space-between;
align-items:center;
}
.site-branding > a {
width:41.666667vw;
max-width:370px;
min-width:150px;
padding:10px 0;
}
.site-branding img {
display:block;
}
.site-branding + div {
flex-grow:1;
margin-left:.7rem;
text-align:right;
}
@media screen and (min-width:1200px) {
.site-header {
padding-top:1.333333rem;
}
.site-branding > a {
padding:0;
}
.site-header > .wrapper {
align-items:normal;
}
.jc--topbar {
background-color:#F5F6F8;
font-size:.8745rem; font-weight:400;
}
.menu-top-bar-container {
width:100%;
text-align:right;
}
#topbar-menu {
margin:0;
padding:.625rem 1rem;
list-style:none;
display:flex;
justify-content:flex-end;
}
#topbar-menu > li {
margin-left:1rem;
}
#topbar-menu > li a {
color:#000;
text-transform:uppercase;
}
.menu-zusatz-menue-container {
display:inline-block;
}
#header-menu {
padding:0;
margin:0;
list-style:none;
}
#header-menu > li {
display:inline-block;
}
#header-menu > li > a {
display:block;
color:#000;
font-weight:400;
margin:0 .25em;
padding:7px 20px 9px;
}
#header-menu > li.btn > a {
background-color:#F5F6F8;
border-radius:10px;
}
}