/**
 * @license
 * MyFonts Webfont Build ID 3196757, 2016-04-04T06:05:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed ../fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CoreSansD25Light by S-Core
 * URL: http://www.myfonts.com/fonts/s-core/core-sans-d/light/
 * Copyright: Core Sans D 25 Light
 * 
 * Webfont: CoreSansD35Regular by S-Core
 * URL: http://www.myfonts.com/fonts/s-core/core-sans-d/regular/
 * Copyright: Core Sans D 35 Regular
 * 
 * Webfont: CoreSansD55Bold by S-Core
 * URL: http://www.myfonts.com/fonts/s-core/core-sans-d/bold/
 * Copyright: Core Sans D 55 Bold
 * 
 * Webfont: CoreSansD57CnBold by S-Core
 * URL: http://www.myfonts.com/fonts/s-core/core-sans-d/cn-bold/
 * Copyright: Core Sans D 57 Cn Bold
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3196757
 * Licensed pageviews: 10,000
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

@import url("//hello.myfonts.net/count/30c755");
@font-face {
    font-family: 'CoreSansD25Light';
    src: url('../fonts/30C755_0_0.eot');
    src: url('../fonts/30C755_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30C755_0_0.woff2') format('woff2'), url('../fonts/30C755_0_0.woff') format('woff'), url('../fonts/30C755_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CoreSansD35Regular';
    src: url('../fonts/30C755_1_0.eot');
    src: url('../fonts/30C755_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30C755_1_0.woff2') format('woff2'), url('../fonts/30C755_1_0.woff') format('woff'), url('../fonts/30C755_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CoreSansD55Bold';
    src: url('../fonts/30C755_2_0.eot');
    src: url('../fonts/30C755_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30C755_2_0.woff2') format('woff2'), url('../fonts/30C755_2_0.woff') format('woff'), url('../fonts/30C755_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CoreSansD57CnBold';
    src: url('../fonts/30C755_3_0.eot');
    src: url('../fonts/30C755_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/30C755_3_0.woff2') format('woff2'), url('../fonts/30C755_3_0.woff') format('woff'), url('../fonts/30C755_3_0.ttf') format('truetype');
}

/* ==========================================================================
   onlinepuls CSS
   ========================================================================== */

body {
    background: #e7e7e2;
    font-family: 'CoreSansD25Light';
    color: #545454;
    font-size: 15px;
}
strong {
    font-family: 'CoreSansD55Bold';
    font-weight: 400;
}
a {
    color: #545454;
}
a:hover {
    color: #af333c;
}
.OPbox {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.OPboxBottom {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.OPboxTop {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-top: 10px;
    margin-top: 20px;
}
.OPbox h1 {
    color: #af333c;
    font-family: "CoreSansD57CnBold";
    font-size: 2.6em;
    font-weight: 400;
    margin: 0 0px;
    padding: 0;
    text-transform: uppercase;
}
h3 {
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #af333c;
}
.OPbox h2 {
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin: 5px 0px;
}
.OPbox p {
    margin: 0;
    padding: 0;
    margin: 5px 0px;
}
.OPcenter {
    text-align: center;
    font-size: 0.8em;
}
.OPtrans {
    background: transparent;
    word-wrap: break-word;
    text-align: justify
}
.OPgrey {
    background: #dcddde;
}
.OPao {
    font-size: 0.8em;
    overflow: hidden;
    margin-bottom: 15px;
}
.OPaoL {
    float: left;
}
.OPaoR {
    float: right;
}
.ui-slider-label {
    display: none !important;
}
em {
    text-align: right;
    font-style: normal;
    display: block;
    margin: 5px 0 15px 0;
    width: 100%;
    font-size: 0.9em;
}
.OPteaser {
    background: url(../img/bg.jpg) no-repeat;
    min-height: 480px;
    background-size: contain;
    position: relative;
}
.OPheadline {
    position: absolute;
    bottom: 0px;
    background: #fff;
    padding: 15px;
    border-top-right-radius: 00px;
}
.OPbox label.OPinfo {
    float: left;
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    margin: 3px 0 0 15px;
}
.OPwert {
    margin-bottom: 10px;
}
.OPwert label.OPinfo span {
    font-size: 10px;
}
#slider-select2TXT,
#ergebnis {
    float: right;
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
    color: #af333c;
    margin: 3px 15px 0 0;
}
#OPsumme2 {
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #af333c;
    margin: 0;
    text-align: right;
    width: 50px;
    border: none;
    background: #fff;
}
#OPsumme {
    border: 1px solid #545454;
    border-radius: 5px;
    color: #af333c;
    font-family: "CoreSansD57CnBold";
    font-size: 25px;
    font-weight: 400;
    margin: 0;
    padding: 0 5px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 70px;
}
#OPinput {
    color: #af333c;
    float: right;
    font-family: "CoreSansD57CnBold";
    font-size: 1.8em;
    font-weight: 400;
    line-height: 40px;
    margin: 3px 15px 0 0;
    padding: 0;
    text-transform: uppercase;
}
#slider-select2 {
    clear: both;
    margin-bottom: 12px;
    margin-top: 65px;
}
#zahlweise1,
#zahlweise2,
#zahlweise3 {
    padding-left: 0px;
}
#zahlweise1 input,
#zahlweise2 input,
#zahlweise3 input,
#adfc, #alter {
    display: none;
}

.fa {
    color: #af333c;
    margin-right: 10px;
}
.fa-check-square-o {
    margin-right: 7.5px;
}
.radio label,
.checkbox label {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    min-height: 20px;
    padding: 5px 0 5px 15px !important;
    width: 100%;
    font-size: 0.85em;
    margin-bottom: 10px;
}
.disabled-view {
    cursor: not-allowed!important;
    background: rgba(255, 255, 255, 0.5)!important;
    color: rgba(0, 0, 0, 0.5)!important;
}
.disabled-view i {
    color: rgba(0, 0, 0, 0.5)!important;
}
a.OPcta {
    background-color: #af333c;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-family: "CoreSansD57CnBold";
    font-size: 2em;
    font-weight: 400;
    margin: 0 0 40px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
a.OPcta:hover {
    text-decoration: none;
    color: #af333c;
    background-color: #fff;
}
ul.OPveranstaltungen,
ul.OPveranstaltungen li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.pdf,
ul.pdf li,
ul.vorteile,
ul.vorteile li {}
ul.OPveranstaltungen {
    margin-top: 15px;
}
ul.OPveranstaltungen li {
    margin: 0px 0;
    display: block;
    overflow: hidden;
}
ul.OPveranstaltungen img {
    float: left;
    max-width: 120px;
    margin-right: 10px;
    margin-bottom: 5px;
}
ul.OPveranstaltungen a {
    color: #000;
}
ul.OPveranstaltungen strong {
    text-transform: uppercase;
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    font-size: 1.1em;
}
.navbar-brand {
    background: rgba(0, 0, 0, 0) url("../img/logo580x60.png") no-repeat scroll center center / 100% auto;
    border: none;
    display: block;
    float: right;
    text-indent: -10000px;
    width: 180px;
    height: 35px;
    padding: 0;
    margin-right: 10px;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-left: inherit;
    margin-right: inherit;
}
.OPnavigation {
    background-color: #545454;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: -15px;
    margin-right: -15px;
}
.OPcontent {
    margin-top: 50px;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #8e8e8e -moz-use-text-color #8e8e8e;
    border-style: solid none;
    border-width: 1px 0;
    margin: 30px 0;
}
ul.pdf a {
    text-decoration: underline;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    left: 15px;
    position: fixed;
    right: 15px;
    z-index: 1030;
}
.navbar-toggle {
    float: left;
    border: none;
    border-radius: 0px;
    margin: 0px;
}
.navbar-collapse {
    border-top: none;
    box-shadow: none;
    overflow-x: visible;
    position: relative;
    top: -8px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle2 {
    background: url("../img/minibike_r.png") no-repeat;
    background-size: 45px 71px;
    border: medium none;
    cursor: pointer;
    height: 71px;
    margin-left: -22.5px;
    outline: medium none;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 2;
}
.ui-slider-handle2 {
    background: url("../img/minibike_l.png") no-repeat!important;
    background-size: 45px 71px!important;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}
.OPkleingedrucktes {
    font-size: 1em;
}
.OPkleingedrucktes h3 {
    color: #545454;
    font-size: 1.1em;
}
.OPlogos {
    width: 300px;
    margin: 0px auto;
    display: block;
    overflow: hidden;
}
.subfooter {
    clear: both;
    color: #aaa;
    font-size: 0.7em;
    padding: 10px;
    text-align: center;
}
.subfooter .fa {
    color: #aaa;
    margin-right: 0px;
}
.subfooter a {
    color: #aaa;
}
.OPlogoVDVM {
    float: left;
    height: 40px;
    margin-left: 10px;
}
.OPlogoHVB {
    height: 40px;
    float: right;
    margin-right: 10px;
}
.navbar-nav > li > a {
    border: 0px solid red;
    line-height: 40px;
    margin: 0;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 13px;
    text-transform: uppercase;
    font-family: 'CoreSansD57CnBold';
    font-weight: 400;
    font-size: 1.2em;
}
.ui-widget-content {
    background: #dcddde none repeat scroll 0 0;
    border: 1px solid #dcddde;
    color: #dcddde;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider .ui-slider-range {
    background: #dcddde;
}
.OPmarginZ {
    margin-left: -15px;
    margin-right: -15px;
}
small,
.small {
    font-size: 83%;
}
@media only screen and (min-width: 768px) {
    .OPwert label.OPinfo span {
        font-size: 15px;
    }
    body {
        font-size: 18px;
    }
    .navbar-brand {
        height: 40px;
        width: 250px;
    }
    .OPteaser {
        min-height: 620px;
        background-size: cover;
    }
    .OPheadline {
        border-top-right-radius: 10px;
    }
    .OPcontent {
        margin-top: 70px;
    }
    .OPnavigation {
        margin-left: 0px;
        margin-right: 0px;
    }
    ul.OPveranstaltungen img {
        margin-right: 40px;
        max-width: 220px;
    }
    .OPlogo1 {
        margin-right: 70px !important;
        margin-left: 40px!important;
        max-width: 150px !important;
    }
    .OPlogos {
        width: 370px;
    }
}