@font-face {
    font-family: 'Graublau_Regular';
    src: url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-regular-webfont.eot');
    src: url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-regular-webfont.woff') format('woff'), url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Graublau_Semibold';
    src: url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-semibold-webfont.eot');
    src: url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-semibold-webfont.woff') format('woff'), url('https://gewinnspiel.hsk.de/de/assets/font/graublau/graublausans-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
* {
    font-variant-ligatures: no-common-ligatures;
}
body {
    background-color: #FFFFFF;
    font-family: 'Graublau_Regular';
    font-feature-settings: "lnum"1;
    font-size: 17px;
    font-weight: 400;
    color: #1B1B1B;
    line-height: 30px;
    text-align: center;
}
strong {
    font-weight: 600;
}
a, a:hover, a:focus {
    font-family: 'Graublau_Semibold';
    color: #000;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
h1, h2 {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 100;
    color: #1B1B1B;
    line-height: 50px;
}
h3 {
    font-size: 22px;
    font-weight: 300;
    color: #1B1B1B;
    line-height: 30px;
}
h5 {
    padding-bottom: 10px;
}
img {
    max-width: 100%;
}
::-moz-selection {
    background: #d05a4e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #d05a4e;
    color: #fff;
    text-shadow: none;
}
ul {
    list-style: none;
    padding: 0;
}
/***** Top content *****/
.inner-bg {
    padding: 25px 0 25px 0;
}
.top-content h1 {
    color: #1B1B1B;
}
.top-content .description {
    margin: 20px 0 10px 0;
    color: #1B1B1B;
}
.top-content .description a {
    color: #1B1B1B;
    border-bottom: 2px dotted #1B1B1B;
}
.top-content .description a:hover, .top-content .description a:focus {
    border: 0;
}
.top-content .top-big-link {
    margin-top: 35px;
}
.form-box {
    padding-top: 0px;
}
.form-top {
    padding: 25px 25px 15px 25px;
    background: rgba(247, 244, 237, 0.8);
    text-align: left;
}
.form-top h3 {
    margin-top: 0;
}
.form-bottom {
    padding: 25px 25px 30px 25px;
    background-color: #F0F0F3;
    text-align: left;
}
.form-bottom form textarea {
    height: 100px;
}
.form-bottom form .input-error {
    border-color: #d05a4e;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.toptitle {
    background-color: #F0F0F3;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
}
.img-logo {
    max-width: 110px;
    position: absolute;
    right: 25px;
    top: 25px;
}
hr {
    margin: 10px 30px 5px 30px;
    border: 0;
    border-top: 1px solid #9d9892;
}
/***** Media queries *****/
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {
    .img-logo {
        max-width: 100px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .inner-bg {
        padding: 100px 0 25px 0;
    }
    .btn-radio {
        width: 100%;
    }
}
@media (min-device-width : 375px) and (max-device-width : 667px) {
    .img-logo {
        max-width: 100px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    h1, h2 {
        font-size: 23px;
    }
    .inner-bg {
        padding: 100px 0 20px 0;
    }
    .btn-radio {
        width: 100%;
    }
}
@media (min-device-width : 768px) and (max-device-width : 1024px) {
    .img-logo {
        max-width: 100px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    h1, h2 {
        font-size: 25px;
    }
    .inner-bg {
        padding: 100px 0 20px 0;
    }
    .btn-radio {
        width: 100%;
    }
}