.logo img, #header img
{
    width: 8em;
}

.logo #comp
{
    color: #055077;
    font-size: 2em;
}
.logo #fix
{
    color: #066666;
    font-size: 3em;
}

				ul.loggedin li:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}
                ul.loggedin{
			        list-style: none;
			}

		ul.login {
			list-style: none;
			padding: 0;
            text-align: center;
            border-radius: 0.5em;
            margin:  0 0 0 3em;
    		border: 0;
    		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
    		color: #ffffff !important;
		}

			ul.login li{
				text-decoration: none;
				margin: 0.5em 0.5em 0.5em 0.5em;
				padding: 0 0 0.5em 3.25em;
				position: relative;
                text-align: center;
			}

				ul.login li:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				ul.login li:before {
					border-radius: 100%;
					border: solid 2px rgba(255, 255, 255, 0.125);
					display: inline-block;
					font-size: 0.8em;
					height: 2.5em;
					left: 0;
					line-height: 2.35em;
					position: absolute;
					text-align: center;
					top: 0;
					width: 2.5em;
				}

				ul.login li:first-child {
					margin-top: 0;
				}

			@media screen and (max-width: 736px) {

				ul.login li {
					margin: 1.5em 0 0 0;
				}

			}

/*
FARBEN:
C: 055077
fix: 066666
Punkte Rot:  ff0000
background: #669999
feld1: #6f8888
feld 2: #63B0B0

*/

@media only screen and (min-height: 300px)