section.m36_sprungmarke_navigation {
border-top: 1px solid #333333;
padding: 20px 0 22px;
position: fixed;
top: 168px;
left: 0;
width: 100%;
z-index: 998;
}
section.m36_sprungmarke_navigation + section {
margin-top: 180px;
}
section.m36_sprungmarke_navigation .m36_sprungmarke_navigation_items{
list-style:none;
padding-left: 0;
margin-bottom: 0;
display: flex;
gap: 0 36px;
}
.m36_sprungmarke_navigation_item{
cursor:pointer;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.m36_sprungmarke_navigation_item:hover,
.m36_sprungmarke_navigation_item.active {
color: #007fc5;
}
.m36_sprunkmarke_navigation_inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.m36_sprungmarke_navigation_item svg {
display: none;
}
.m36_sprunkmarke_navigation_inner .button.button_blue {
display: none;
}
@media screen and (max-width: 1599px) {
section.m36_sprungmarke_navigation .m36_sprungmarke_navigation_items {
gap: 0 20px;
}
}
@media screen and (max-width: 1399px) {
section.m36_sprungmarke_navigation {
top: 90px;
}
section.m36_sprungmarke_navigation + section {
margin-top: 160px;
}
.m36_sprungmarke_navigation_main {
position: relative;
margin-left: -15px;
margin-right: -15px;
}
section.m36_sprungmarke_navigation .m36_sprungmarke_navigation_items {
flex-direction: column;
position: absolute;
left: 0;
top: 0;
background: #121212;
z-index: 5;
border-radius: 0 0 10px 10px;
overflow: hidden;
width: max-content;
}
.m36_sprungmarke_navigation_item {
padding: 10px 15px;
line-height: 1;
order: 2;
display: inline-flex;
align-items: center;
}
.m36_sprungmarke_navigation_item.active {
order: 1;
}
.m36_sprungmarke_navigation_item svg {
display: none;
fill: #ccc;
width: 8px;
height: 4px;
min-width: 8px;
min-height: 4px;
margin-left: 5px;
-webkit-transition: fill .4s, -webkit-transform .4s;
-moz-transition: fill .4s, -moz-transform .4s;
-ms-transition: fill .4s, -ms-transform .4s;
-o-transition: fill .4s, -o-transform .4s;
transition: fill .4s, transform .4s;
}
.m36_sprungmarke_navigation_item.active svg {
display: inline;
}
.m36_sprungmarke_navigation_item:hover svg,
.m36_sprungmarke_navigation_item.active svg {
fill: #007fc5;
}
.m36_sprungmarke_navigation_item:hover svg {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media screen and (max-width: 575px) {
section.m36_sprungmarke_navigation {
display: none;
}
section.m36_sprungmarke_navigation + section {
margin-top: 0;
}
.m36_sprungmarke_navigation_item {
justify-content: center;
}
.m36_sprunkmarke_navigation_inner {
flex-direction: column-reverse;
gap: 5px;
}
.m36_sprunkmarke_navigation_inner a.button {
font-size: .9rem;
padding: 12px 25px 14px;
}
}
@media screen and (max-width: 450px) {
.m36_sprungmarke_navigation_item {
justify-content: center;
}
.m36_sprunkmarke_navigation_inner {
flex-direction: column-reverse;
}
.m36_sprungmarke_navigation_main {
margin-top: 15px;
}
}