/******* Reset / Standard Adjustments *******/

* {box-sizing: border-box; margin: 0; padding: 0;}

body { height: 100%; font-family: sans-serif; color: #5a5a5a; line-height: 1.25;}

/******* Layout *******/

.wrapper {
    max-width: 1920px;
    height: 100vh;
    margin: 0 auto;
    background-image: url(../image/kaiser_freier_sachverstaendiger_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header {position: relative; height: 110px; background: none; padding-top: 50px;}
.header .small-nav {position: absolute; right: 50px; top: 15px; float: right;}
.header .small-nav ul {margin: 0; list-style: none;}
.header .small-nav ul li {float: left; margin-left: 1em;}
.header .small-nav ul li a {text-decoration: none; color: #5a5a5a;}
.header .small-nav ul li a:hover {color: #8e8e8e;}
.header .small-nav ul li a.active {text-decoration: underline;}

.header .stripe {
    height: 60px;    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70b370+0,636d65+100 */
    background: #70b370; /* Old browsers */
    background: -moz-linear-gradient(left, #70b370 0%, #636d65 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #70b370 0%,#636d65 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #70b370 0%,#636d65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b370', endColorstr='#636d65',GradientType=1 ); /* IE6-9 */
}

.header .stripe .logo {
    position: relative;
    float: left;
    width: 220px;
    height: 60px;
    margin-left: 270px;
    padding: 0 10px;
    background: rgba(219,226,219, 1);
}

.header .stripe .logo .ka-logo {
    position: absolute;
    top: -32px;
    left: -190px;
}

.header .stripe .intro-text {
    float: right; line-height: 60px; color: #fff; font-size: 1em; margin-right: 50px;
}

.main {margin-top: 40px; max-width: 850px; margin-left: 270px;}
.main .section {float: right; width: 69.9999%; font-size: 0.9em;}
.main .section ul li {margin-left: 15px;}
.main .aside {float: left; width: 29.9999%; margin-top: 1em;}
.main .aside ul {list-style: none;}
.main .aside ul li {margin-left: 15px; margin-bottom: 0.5em; color: #5a5a5a; font-size: 1.2em; }

/******* Text *******/

h3 {margin-top: 1em; margin-bottom: 0.8em;}
a {color: #5a5a5a; text-decoration: none;}
a:hover {color: #8e8e8e;}