/**
 *
 * Bootstrap Tweaks
 *
 */

body {
    color: #534E4E;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

legend .label {
    font-size: 12px;
    vertical-align: top;
    font-weight: normal;
}

.control-label {
    font-weight: normal;
}

.form-control {
    border-color: #D8D8D8;
    box-shadow: none;
}

.has-feedback .form-control {
    padding-right: 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: -17px;
}

.form-horizontal .control-label {
    padding-right: 30px;
}

    @media (max-width: 992px) {
        .form-horizontal .control-label {
            text-align: left !important;
        }
    }

.input-group-addon {
    min-width: 43px;
}

.well .list-unstyled {
    margin: 0;
}

.list-unstyled .glyphicon {
    margin-right: 1rem;

    color: #A9CB1F;
}

.list-unstyled li:not(:last-child) {
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    h1 {
        font-size: 24px;
    }
    .mobile-center-text {
        text-align: center;
    }
    .mobile-center-img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width 992) {
    .mobile-warranty {
        margin-left: -12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-warranty {
        padding-left: 30%;
    }
}
@media (min-width: 414px) and (max-width: 767px) {
    .mobile-warranty {
        padding-left: 20%;
    }
}
@media (max-width: 413px) {
    .mobile-warranty {
        padding-left: 15%;
    }
}

.btn-success,
.label-success {
    background-color: #A9CB1F;
    border-color: #8da91c;
    color: #FFF;
}
/* NEXT TEST
.btn-success {
    font-size: 18px;
    padding: 12px 32px;
}
*/
.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.focus {
    background-color: #8da91c;
    border-color: #778e18;
    color: #FFF;
}

a {
    color: #A9CB1F;
}

.alert,
.well {
    display: block;
}

/**
 *
 * Required
 *
 */

.required {
    color: #A9CB1F;
}

/**
 *
 * Header
 *
 */

.header {
    margin-bottom: 2rem;
    padding: 2rem 0;

    border-bottom: 5px solid #C5CD26;
}

/**
 *
 * Headline
 *
 */

@media (min-width: 768px) {
    h1 {
        font-size: 26px;
    }
}

/**
 *
 * Main
 *
 */

@media (min-width: 768px) {
    .main:before {
        left: -45px;
        position: absolute;
        top: 0;

        display: block;
        height: 100%;
        width: 30px;

        background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODVERDI0MzMxQzIzNjgxMTgyMkFDRkNBNkQzRUU0MUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkRBNkVCMTRBQzMyMTFFMjg3MDFBQUZFODEwN0I4QjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkRBNkVCMTNBQzMyMTFFMjg3MDFBQUZFODEwN0I4QjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwNEIxMDQzRUEyMzY4MTE4MjJBQ0ZDQTZEM0VFNDFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1REQyNDMzMUMyMzY4MTE4MjJBQ0ZDQTZEM0VFNDFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwv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') left center no-repeat;
        background-size: 100% 100%;
        content: '';
    }
}

/**
 *
 * Tooltip
 *
 */

[rel='tooltip'] {
    cursor: help;
}

strong[rel='tooltip'] {
    display: inline-block;
    height: 20px;
    width: 20px;

    background: #FAFAFA;
    background:    -moz-linear-gradient(top,  #FAFAFA 0%, #ECECEC 100%);
    background: -webkit-linear-gradient(top,  #FAFAFA 0%,#ECECEC 100%);
    background:         linear-gradient(to bottom,  #FAFAFA 0%,#ECECEC 100%);
    border: 1px solid #FAFAFA !important;
    border-radius: 50%;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    text-indent: -0.5px;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec',GradientType=0 );
}

@media (min-width: 992px) {
    strong[rel='tooltip'] {
        position: absolute;
        right: -3px;
        top: 8px;
    }
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    min-width: 300px;
    padding: 10px 15px;

    background: #939393;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #939393;
}

/**
 *
 * Pagination
 *
 */

[data-tab-navigation] {
    position: relative;
    margin: 6.4rem 0 4rem 0;
}

[data-tab-navigation]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
}

[data-tab-navigation] a {
    color: #555;
}

[data-tab-navigation] .active a {
    color: #A9CB1F !important;
}

/**
 *
 * Prev/Next Buttons
 *
 */

[data-prev],
[data-next] {
    display: block;
}

[data-next] + [data-prev] {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    [data-prev] {
        float: left;
    }

    [data-next] {
        float: right;
    }

    [data-next] + [data-prev] {
        margin-top: 0;
    }
}

/**
 *
 * Zweite Person
 *
 */

[data-pers-second] .input-group-addon,
[data-pers-second] input,
[data-pers-second] select {
    border-color: #337ab7;
}

[data-pers-second] legend {
    color: #337ab7;
}

[data-pers-second] .required {
    color: #337ab7;
}

/**
 *
 * Success
 *
 */

.complete {
    width: 100%;
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    left: calc(-15px);
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    display: none;
}

.complete .complete__msg {
    display: block;
    width: 200px;
    height: 200px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    font-size: 24px;
}

.complete .complete__msg .glyphicon {
    line-height: 90px;
    font-size: 90px;
    color: #A9CB1F;
}

/**
 *
 * Footer
 *
 */

#footer {
    border-top: 1px solid #eee;
    margin-top: 6rem;
    padding-top: 2rem;
}

#footer .column {
    margin-bottom: 2.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    #footer .column {
        float: left;
        width: 33%;
        padding: 0 10px;
        text-align: left;
    }
}

#footer h4 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 3rem;
}

#footer ul {
    list-style-type: none;
    padding: 0;
}

#footer ul li:not(:last-child) {
    margin-bottom: 2rem;
}

#footer .awards li {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#footer .awards li .hover {
    display: none;
}

#footer .awards li:hover .hover {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    outline: solid 50px #FFF;
}