@font-face {font-family: "Chalet LondonNineteenSixty";
    src: url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.eot"); /* IE9*/
    src: url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.woff2") format("woff2"), /* chrome、firefox */
    url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.woff") format("woff"), /* chrome、firefox */
    url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../fonts/d0b8ef611e47a1c663371e2849eaf0c4.svg#Chalet LondonNineteenSixty") format("svg"); /* iOS 4.1- */
}

h1, h2, h3, h4, h5, h6 {
    color:#241757;
    font-family: "Chalet LondonNineteenSixty";
}

h2 {
    font-size:24px;
}

header {
    height:80px;
}

nav.navbar {
    height:80px;
}

.navbar-nav > li > a {
    padding-top:20px;
    padding-bottom:20px;
}

a, a:hover, a:active, a:visited {
    color: #241757;
}

#header .navbar:before {
    background-image:none;
    display:none;
}

button.btn {
    border-radius:3px;
}

.login-button {
    border: 1px solid #c9d4d7;
    border-radius:3px;
    padding:2px 2px 2px 8px;
    height:40px;
    line-height:32px;
    width:175px;
    margin-top:20px;
}

.login-button .login {
    float:left;
}

.login-button .register button {
    background-color:#241757;
    color:#FFFFFF;
    border-radius:3px;
    font-family: 'Chalet LondonNineteenSixty';
    float:right;
    width:100px;
    padding:7px 5px 7px 5px;
}

.index-teaser {
    background-image:url('../images/slider.png');
    height:420px;
}

.teaser-text h1 {
    color:#241757;
    height:40px;
    margin-top:65px;
    margin-bottom:0px;
}

.teaser-text ul {
    list-style: none;
    padding: 0;
    margin-top:40px;
}

.teaser-text ul li {
    padding-left:1.3em;
    color:#241757;
    margin-bottom:8px;
}

.teaser-text ul li:before {
    content: "\f00c"; 
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em; 
    color:#241757;
}

.teaser-text button {
    margin-top:50px;
    background-color:#ee0000;
    color:#FFFFFF;
    height:60px;
    width:270px;
}

.medien {
    height:80px;
    vertical-align: middle;
    line-height:80px;
    color:#999999;
    font-size:12px;
    border-bottom:1px solid #c9d4d7;
}

.medien img {
    margin-top:25px;
    float:right;
}

.description {
    margin-top:45px;
}

.rechteck {
    margin-top:25px;
    margin-bottom:30px;
}

.registration {
    margin-top:80px;
    position:relative;
}

.registration .img {
    background-image:url('../images/schritte.png');
    height:232px;
    width:986px;
    cursor:pointer;
}

.registration .logintext {
    margin-top:140px;
    padding-left:80px;
    font-size:12px;
}

.advantages {
    background-color:#241757;
    padding-top:210px;
    margin-top:-115px;
    height:1020px;
    color:#FFFFFF;
}

.advantages h2 {
    color:#FFFFFF;
}

.advantages .text {
    margin-top:90px;
}

.advantages .registernow {
    margin-top:40px;
}

.advantages .registernow div {
    line-height:50px;
    vertical-align: middle;
}

.description .wappen {
    text-align:center;
    line-height:400px;
    vertical-align:middle;
}

.condition_table {
    margin-top:40px;
}

footer {
    margin-top:160px;
    line-height:90px;
    height:90px;
    width:100%;
    background-color:#241757;
    color:#FFFFFF;
}

footer a, footer a:visited {
    color:#FFFFFF;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
