/*** Stylesheet für die Struktur und Anordnung der Navbar ***/
* {
    box-sizing: border-box;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar-switch {
	border-radius: 8px;
	float: left;
	height: 36px;
	margin: 7px 0 7px 7px;
	width: 50px;
	transition: all 0.3s ease 0s;
}
.navbar-switch > img {
	height: 22px;
	width: 28px;
	margin-top: 4px;
}
@media only screen and (min-width: 870px) {
    .navbar {
        width: 100%;
        height: 50px;
        line-height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        min-height: 50px;
        z-index: 100;
        display: block;
    }
    .navbar-content {
        max-width: 860px;
        margin: 0 auto;
        line-height: 18px;
    }
    .navbar-header {
        height: 50px;
        float: left;
    }
    .navbar-brand {
        display: block;
        transition: all 0.3s ease 0s;
        font-size: 18px;
        font-weight: 800;
        padding: 15px 15px 19px 15px;
        text-decoration: none;
        line-height: 16px;
    }
    .navbar-points {
        float: left;
    }
    .navbar-list::before {
        content: " ";
        display: table;
    }
    .navbar-list {
        clear: both;
        float: left;
        margin: 0;
        padding: 0;
    }
    .navbar-list > li {
        float: left;
        display: block;
        position: relative;
        list-style: outside none none;
    }
    .navbar-list > li > a {
        padding: 15px;
        position: relative;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 12px;
        transition: all 0.3s ease 0s;
        letter-spacing: 1px;
        line-height: 18px;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-topspacer {
        width: 100%;
        height: 50px;
    }
}
@media only screen and (max-width: 869px) {
    .navbar {
        width: 100%;
        height: 50px;
        line-height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        min-height: 50px;
        z-index: 100;
        display: block;
    }
    .navbar-content {
        max-width: 768px;
        margin: 0 auto;
        line-height: 18px;
    }
    .navbar-header {
        height: 50px;
    }
    .navbar-brand {
        display: block;
        float: left;
        transition: all 0.3s ease 0s;
        font-size: 18px;
        font-weight: 800;
        padding: 15px 15px 19px 15px;
        text-decoration: none;
        line-height: 16px;
    }
    .navbar-toggle {
        border-radius: 8px;
        float: right;
        height: 36px;
        margin: 7px 7px 7px 0;
        width: 50px;
        transition: all 0.3s ease 0s;
    }
    .navbar-points {
        position: relative;
        overflow: hidden;
        transition: all 1s ease 0s;
    }
    .navbar-content {
        transition: all 1s ease 0s;
    }
    .navbar-content div.collapse {
        transition: height 1s ease 0s;
        height: 300px;
        border-bottom: solid 2px #0d2e6d;
    }
    .navbar-content div.collapsed {
        transition: height 1s ease 0s;
        height: 0px;
    }
    .navbar-list::before {
        content: " ";
        display: table;
    }
    .navbar-list {
        width: 100%;
        clear: both;
        margin: 0;
        padding: 0;
    }
    .navbar-list > li {
        display: block;
        position: relative;
        list-style: outside none none;
    }
    .navbar-list > li > a {
        padding: 15px;
        position: relative;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 12px;
        transition: all 0.3s ease 0s;
        letter-spacing: 1px;
        line-height: 20px;
    }
    .navbar-topspacer {
        width: 100%;
        height: 50px;
    }
}
.navbar.is-fixed {
    position: fixed;
    top: -50px;
    transition: transform 0.3s ease 0s;
}

.navbar.is-fixed.is-visible {
    transform: translate3d(0px, 50px, 0px);
}
.navbar.is-fixed.is-visible.is-open{
    transform: translate3d(0px, 50px, 0px);
}
.navbar.is-fixed.is-open{
	transform: translate3d(0px, -300px, 0px);
}

/*** federn brand logo ***/
div.navbar-header {
margin: 0;
}
div.navbar-header a {
	position: relative;
	background: transparent;
	cursor: pointer;
	transition: all ease 1s;
	background: none left no-repeat transparent;
    background-size: 50px 50px;
    margin-left: 115px
}
div.navbar-header a:hover, .choise a:active {
    outline: none;
    background-size: 75px 49px;
}
div.navbar-header a::before {
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0;
}
div.navbar-header a::before {
	content: " ";
	top: -11px;
    left: -135px;
	background: none center no-repeat transparent;
	background-size: 103px 48px;
	transition: all ease 1s;
	transform: rotate(0deg);
}
#start::before {
	background-image: url("../img/template/logo-federn-brand.png");
}
@media only screen and (max-width: 500px) {
    div.navbar-header a {
        margin-left: 110px
    }
    div.navbar-header a::before {
    left: -123px;
    }
}