html {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: "Open Sans", Sans-Serif;
    color: #fff;
}

body {
    background-color: #e3cfe6;
    margin: 0;
    padding: 0;
}

a {
    color: #8e419c;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

em {
    font-style: normal;
}

a:link, a:visited,
a:active, a:hover {
    color: #8e419c;
}

a:hover {
    background-color: transparent;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4 {
    color: #7fd0de;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    line-height: 1.2;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

/*h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }*/

.boldText {
    font-weight: bold !important;
}


/* main layout
----------------------------------------------------------*/




#waitOverlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #fff;
    -ms-opacity: 0.5;
    opacity: 0.5;*/
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #bfe7ee;
    z-index: 1000;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0.75;
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: white;
    border: 1px solid #00a1bd;
    font-size: 25px;
    font-size: 2.5rem;
    color: #496076;
    font-weight: normal;
    line-height: 25px;
    line-height: 2.5rem;
    padding: 10px;
    padding: 1rem;
    z-index: 1001;
}

#browserHinweis {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: white;
    border: 1px solid #00a1bd;
    font-size: 25px;
    font-size: 2.5rem;
    color: #496076;
    font-weight: normal;
    line-height: 25px;
    line-height: 2.5rem;
    padding: 10px;
    padding: 1rem;
    z-index: 1001;
}


.Dialog {
    position: absolute;
    top: 100px;
    top: 10rem;
    left: 10%;
    width: 80%;
    border: 2px solid #e3cfe6;
    z-index: 100;
    background-color: #fff;
    color: #000;
}

.SmallDialog {
    position: absolute;
    top: 100px;
    top: 10rem;
    left: 30%;
    width: 40%;
    border: 2px solid #e3cfe6;
    z-index: 100;
    background-color: #fff;
    color: #000;
}

.flowText {
    font-size: 24px;
    font-size: 2.4rem;
    color: #496076;
    font-weight: normal;
    line-height: 30px;
    line-height: 3rem;
}

.dialogSpace {
    padding: 0 20px 0 20px;
    padding: 0 2rem 0 2rem;
}



*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-wrapper {
    margin: 0 auto;
    width: 130rem;
    background: #8e419c;
}

#body {
    background-color: #8e419c;
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    background: #8e419c;
}

#largeArea {
    background: #fff;
    padding: 2rem;
    display: inline-block;
    vertical-align: top;
    width: 860px;
    width: 86rem;
    border: 1px solid #00a1bd;
}

#smallArea {
    background: transparent;
    width: 620px;
    width: 62rem;
    display: inline-block;
    margin-left: 15px;
    margin-left: 1.5rem;
}

#smallAreaMenue {
    background: transparent;
    display: inline-block;
    margin-left: 15px;
    margin-left: 1.5rem;
    margin-top: 25px;
    width: 600px;
    width: 60rem;
    text-align: right;
    color: black;
    font-size: 1.5em;
}



    #smallAreaMenue a {
        color: black;
    }

        #smallAreaMenue a:hover {
            color: #8e419c;
        }

.smallBox, .smallBoxShortBu {
    background: transparent;
    width: 100%;
    height: 400px;
    margin-bottom: 2rem;
}

.smallBoxShortBu {
    background: url('../Images/BU_Diabetiker.jpg') no-repeat #fff;
}

#priceBox {
    background-color: #fff;
    text-align: center;
    display: inline-block;
    padding: 7px;
    padding: 0.7rem;
    vertical-align: middle;
    border: 1px solid #00a1bd;
    z-index: 1001;
}

#arrowBox {
    display: inline-block;
    background-image: url(../Images/arrowRight.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 20px 30px;
    -ms-background-size: 2rem 3rem;
    background-size: 20px 30px;
    background-size: 2rem 3rem;
    width: 2rem;
    height: 3rem;
    vertical-align: middle;
    margin-left: -3px;
}

#faceBox {
    display: inline-block;
    background-image: url(../Images/box_closed_normal.png);
    background-repeat: no-repeat;
    -ms-background-size: 160px 160px;
    -ms-background-size: 16rem 16rem;
    background-size: 160px 160px;
    background-size: 16rem 16rem;
    width: 160px;
    width: 16rem;
    height: 160px;
    height: 16rem;
    vertical-align: middle;
    position: relative;
    top: 20px;
    top: 2rem;
}

.infoIcon {
    display: inline-block;
    background-image: url(../Images/info_icon_desktop.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 24px 24px;
    -ms-background-size: 2.4rem 2.4rem;
    background-size: 24px 24px;
    background-size: 2.4rem 2.4rem;
    width: 24px;
    width: 2.4rem;
    height: 24px;
    height: 2.4rem;
    vertical-align: text-top;
    margin-left: 10px;
    margin-left: 1rem;
    padding: 3px;
}

.infoBox {
    display: none;
    position: relative;
    top: 30px;
    margin-top: -30px;
    margin-top: -3rem;
    background: #fff;
    width: 780px;
    width: 78rem;
    z-index: 50;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.infoContent {
    padding: 0 20px 20px 20px;
    padding: 0 2rem 2rem 2rem;
}


.prodSmall0 {
    height: 70px;
    background-image: url(../Images/prodSmall0.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 65px;
    background-size: 65px;
    -ms-background-size: 6.5rem;
    background-size: 6.5rem;
}

.prodSmall109 {
    height: 70px;
    background-image: url(../Images/prodSmall109.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 192px 70px;
    -ms-background-size: 19.2rem 7rem;
    background-size: 192px 70px;
    background-size: 19.2rem 7rem;
}

.prodSmall97 {
    height: 70px;
    background-image: url(../Images/prodSmall97.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 192px 70px;
    -ms-background-size: 19.2rem 7rem;
    background-size: 192px 70px;
    background-size: 19.2rem 7rem;
}

.prodSmall108 {
    height: 70px;
    background-image: url(../Images/prodSmall108.png);
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: 192px 70px;
    -ms-background-size: 19.2rem 7rem;
    background-size: 192px 70px;
    background-size: 19.2rem 7rem;
}

#preisStoerer {
    /*position: fixed;*/
    display: block;
}


#priceValue, .priceValue {
    color: #00a1bd;
    font-weight: bold;
    font-size: 45px;
    font-size: 4.5rem;
}

.priceValue {
    font-size: 1.4rem;
}

#pricEZw {
    color: #00a1bd;
    font-weight: bold;
    font-size: 21px;
    font-size: 2.1rem;
}

#fee {
    color: #00a1bd;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

#preisContainer {
}


.navigation {
    width: 420px;
    width: 42rem;
    height: 330px;
    height: 33.3rem;
    background-color: #fff;
}

.step1Active {
    background-image: url("../Images/navstep1.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 15px;
    -o-background-position-x: 15px;
    background-position-x: 15px;
    -moz-background-position-y: 16px;
    -o-background-position-y: 16px;
    background-position-y: 16px;
    background-size: 3.6rem;
}

.step2Active {
    background-image: url("../Images/navstep2.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 15px;
    -o-background-position-x: 15px;
    background-position-x: 15px;
    -moz-background-position-y: 16px;
    -o-background-position-y: 16px;
    background-position-y: 16px;
    background-size: 3.6rem;
}

.step3Active {
    background-image: url("../Images/navstep3.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 15px;
    -o-background-position-x: 15px;
    background-position-x: 15px;
    -moz-background-position-y: 16px;
    -o-background-position-y: 16px;
    background-position-y: 16px;
    background-size: 3.6rem;
}

.step4Active {
    background-image: url("../Images/navstep4.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 15px;
    -o-background-position-x: 15px;
    background-position-x: 15px;
    -moz-background-position-y: 16px;
    -o-background-position-y: 16px;
    background-position-y: 16px;
    background-size: 3.6rem;
}

.step5Active {
    background-image: url("../Images/navstep5.png");
    background-repeat: no-repeat;
    -moz-background-position-x: 15px;
    -o-background-position-x: 15px;
    background-position-x: 15px;
    -moz-background-position-y: 16px;
    -o-background-position-y: 16px;
    background-position-y: 16px;
    background-size: 3.6rem;
}

.kundenMenu {
    width: 420px;
    width: 42rem;
    height: 264px;
    height: 26.4rem;
    background-color: #fff;
}

.navText {
    font-size: 24px;
    font-size: 2.4rem;
    color: #7fd0de;
}

    .navText a {
        font-size: 24px;
        font-size: 2.4rem;
        color: #7fd0de;
        text-decoration: none;
    }

        .navText a:hover {
            background-color: #fff;
            text-decoration: none;
        }

.navTextDark {
    font-size: 24px;
    font-size: 2.4rem;
    color: #00a1bd;
    font-weight: bold;
}

    .navTextDark a {
        font-size: 24px;
        font-size: 2.4rem;
        color: #8e419c;
        text-decoration: none;
    }

        .navTextDark a:hover {
            background-color: #fff;
            text-decoration: none;
        }

.navStep {
    height: 66px;
    height: 6.6rem;
    padding-left: 70px;
    line-height: 6.6rem;
}

.menuStep {
    height: 66px;
    height: 6.6rem;
    line-height: 6.6rem;
}


.borderBottom {
    border-bottom: thin solid #efefef;
}



.formRadioList {
    list-style-type: none;
    padding: 0;
}

    .formRadioList li {
        display: inline;
        list-style-type: none;
        margin-right: 15px;
        margin-right: 1rem;
    }

        .formRadioList li:last-child {
            margin-right: 0;
        }

#checkEinwilligung {
    display: inline-block;
    line-height: 43px;
    text-decoration: none;
}

    #checkEinwilligung span {
        color: transparent;
        margin-right: -20px;
        margin-right: -2rem;
    }

.myRadioButton {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    color: #818181;
    vertical-align: middle;
    display: inline-block;
    min-width: 130px;
    min-width: 13rem;
    height: 30px;
    height: 3rem;
    border: none; /*1px solid #d5d5d5;*/
    padding: 10px 5px;
    padding: 1rem 0.5rem;
}


    .myRadioButton input {
        display: none;
    }

    .myRadioButton span {
        padding-left: 30px;
        padding-bottom: 4px;
        vertical-align: middle;
        background: url("../Images/radioUnchecked.png") no-repeat;
        font-size: 1.5em;
    }

    .myRadioButton input:checked + span {
        background: url("../Images/radioChecked.png") no-repeat;
    }

    .myRadioButton input:disabled + span {
        color: red;
    }


    .normalRadioButton {
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: normal;
        color: #e3cfe6;
        vertical-align: middle;
        display: inline-block;
        width: 20px;
        width: 2rem;
        height: 30px;
        height: 3rem;
    }


    .normalRadioButton input {
        display: none;
    }

    .normalRadioButton span {
        padding-left: 30px;
        vertical-align: middle;
        background: url("../Images/radioUnchecked.png") no-repeat;
    }

    .normalRadioButton input:checked + span {
        background: url("../Images/radioChecked.png") no-repeat;
    }



#natBtrRadio {
    width: 380px;
    width: 38rem;
    height: 226px;
    height: 22.6rem;
    display: inline-block;
    background: url("../Images/natuerlich_btr_desktop.png") no-repeat;
    -ms-background-size: 380px 226px;
    -ms-background-size: 38rem 22.6rem;
    background-size: 380px 226px;
    background-size: 38rem 22.6rem;
    text-align: center;
    border: 1px solid #d5d5d5;
}

    #natBtrRadio input {
        display: none;
    }

    #natBtrRadio span {
        padding-left: 30px;
        padding-left: 3rem;
        padding-top: 10px;
        padding-top: 1rem;
        background: url("../Images/radioUnchecked.png") no-repeat;
        -ms-background-size: 21px;
        -ms-background-size: 2.1rem;
        background-size: 21px;
        background-size: 2.1rem;
        position: relative;
        top: 20.5rem;
    }

    #natBtrRadio input:checked + span {
        background: url("../Images/radioChecked.png") no-repeat;
        -ms-background-size: 21px;
        -ms-background-size: 2.1rem;
        background-size: 21px;
        background-size: 2.1rem;
    }




#konstBtrRadio {
    width: 380px;
    width: 38rem;
    height: 226px;
    height: 22.6rem;
    display: inline-block;
    background: url("../Images/konstant_btr_desktop.png") no-repeat;
    -ms-background-size: 380px 226px;
    -ms-background-size: 38rem 22.6rem;
    background-size: 380px 226px;
    background-size: 38rem 22.6rem;
    text-align: center;
    border: 1px solid #d5d5d5;
}

    #konstBtrRadio input {
        display: none;
    }

    #konstBtrRadio span {
        padding-left: 30px;
        padding-left: 3rem;
        padding-top: 10px;
        padding-top: 1rem;
        background: url("../Images/radioUnchecked.png") no-repeat;
        -ms-background-size: 21px;
        -ms-background-size: 2.1rem;
        background-size: 381px;
        background-size: 2.1rem;
        position: relative;
        top: 20.5rem;
    }

    #konstBtrRadio input:checked + span {
        background: url("../Images/radioChecked.png") no-repeat;
        -ms-background-size: 21px;
        -ms-background-size: 2.1rem;
        background-size: 21px;
        background-size: 2.1rem;
    }



a.checkboxEmpty:hover {
    background-color: #fff;
}

.checkboxEmpty span {
    padding-left: 50px;
    background: url("../Images/checkbox_unchecked_desktop.png") no-repeat;
    display: block;
}

a.checkboxActive:hover {
    background-color: #fff;
}

.checkboxActive span {
    padding-left: 50px;
    background: url("../Images/checkbox_checked_desktop.png") no-repeat;
    display: block;
}







.myCheckbox {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    color: #496076;
    vertical-align: middle;
    margin-right: 50px;
    display: block;
}

    .myCheckbox input {
        display: none;
    }

    .myCheckbox span {
        display: block;
        line-height: 43px;
        line-height: 4.3rem;
        padding-left: 50px;
        padding-left: 5rem;
        vertical-align: middle;
        background-image: url("../Images/checkbox_unchecked_desktop.png");
        background-repeat: no-repeat;
        -ms-background-size: 43px 43px;
        background-size: 43px 43px;
        -ms-background-size: 4.3rem 4.3rem;
        background-size: 4.3rem 4.3rem;
        margin-top:5px;
    }

    .myCheckbox input:checked + span {
        background: url("../Images/checkbox_checked_desktop.png") no-repeat;
        background-repeat: no-repeat;
        -ms-background-size: 43px 43px;
        background-size: 43px 43px;
        -ms-background-size: 4.3rem 4.3rem;
        background-size: 4.3rem 4.3rem;
    }

    .myCheckbox.myCheckboxGesundheit span {
        font-size: 22.5px;
        color: #818181;
    }

.desktopText {
    display: block;
}

.mobilText {
    display: none;
}

.myCheckbox .azubiDesktop {
    display: block;
}

.myCheckbox .azubiMobile {
    display: none;
}

.labelClass {
    font-size: 24px;
    font-size: 2.4rem;
    color: #496076;
}

.buttonArea {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.button {
    margin-right: 50px;
    margin-right: 5rem;
}

div.menuebox {
    width: 1500px;
    line-height: 28px;
    background-color: #646567;
    margin: 0px 0 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px 20px;
}



.buttonStyle {
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #00a1bd;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    padding: 0 20px;
    height: 48px;
    height: 4.8rem;
    font-size: 15px;
    font-size: 1.5rem;
    vertical-align: middle;
    line-height: 48px;
    line-height: 4.8rem;
}

    .buttonStyle a {
        color: #fff;
        text-decoration: none;
        display: block;
        vertical-align: middle;
        height: 48px;
        height: 4.8rem;
    }

        .buttonStyle a:hover {
            text-decoration: none;
            cursor: pointer;
            background-color: #00a1bd;
        }


.buttonDisabledStyle {
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #999;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    padding: 0 20px;
    font-size: 15px;
    font-size: 1.5rem;
    height: 48px;
    height: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    vertical-align: middle;
}


    .buttonDisabledStyle:hover {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background-color: #999;
        color: #fff;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        padding: 0 20px;
        cursor: pointer;
    }

.detailKaufenButton {
    padding: 10px;
    padding: 1rem;
    background-color: #F0FBFF;
    border: 2px solid #e3cfe6;
    color: #496076;
    margin: 50px 0;
}

.detailKaufenText {
    vertical-align: middle;
    display: inline-block;
    font-size: 30px;
    font-size: 2rem;
    font-weight: bold;
    width: 65%;
}


.vergleichTable {
    width: 780px;
    width: 78rem;
    border-spacing: 0;
    text-align: center;
}

    .vergleichTable td {
        padding: 10px;
        font-size: 1.5rem;
    }

.vergleichColumn1_3 {
    width: 260px;
    width: 26rem;
    background-color: #fcfcfc;
}

.vergleichColumn2_3 {
    width: 260px;
    width: 26rem;
    background-color: #f6f6f6;
}

.vergleichColumn3_3 {
    width: 260px;
    width: 26rem;
    background-color: #e7e7e7;
}

.vergleichColumn1_2 {
    width: 50%;
    background-color: rgb(251, 251, 251);
}

.vergleichColumn2_2 {
    width: 50%;
    background-color: rgb(244,244,244);
}


.vergleichHeader {
    height: 35px;
    height: 3.5rem;
    background-color: rgba(220,220,220, 1);
}

    .vergleichHeader td {
        text-align: left;
        font-size: 20px;
        font-size: 2rem;
        color: #496076;
    }




.prodImageBasic {
    background-image: url('../Images/prodSmall109.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
}

.prodImagePlus {
    background-image: url('../Images/prodSmall97.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
}

.prodImagePremium {
    background-image: url('../Images/prodSmall108.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
}

.check {
    background-image: url('../Images/check.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
}

.altBeitrag {
    font-weight: bold;
    font-size: 2em;
    color: #1d9ab8;
}

#DivValidationSummary {
    font-size: 24px;
    font-size: 2.4rem;
    color: red;
    margin: 10px 0px;
}

.validation-summary-errors {
    font-size: 24px;
    font-size: 2.4rem;
    color: red;
    margin: 10px 0px;
}

.mehrsicherungIntroducer {
    width: 500px;
    width: 50rem;
}

.mehrsicherungEntry {
    margin-top: 10px;
    margin-top: 1rem;
}

.mehrsicherungLabel {
    font-size: 24px;
    font-size: 2.4rem;
    color: #496076;
    display: inline-block;
}

.mehrsicherungLabelKlein {
    font-size: 18px;
    font-size: 1.8rem;
    color: #496076;
    display: inline-block;
}

.mehrsicherungFahrrad {
    display: inline-block;
}


#mehrsicherungHeader {
    width: 100%;
}

#mehrsicherungHeaderText {
    vertical-align: text-top;
    display: inline-block;
    width: 100%;
}

#mehrsicherungHeaderBox {
    display: inline-block;
    vertical-align: text-top;
    width: 207px;
    width: 20.7rem;
    height: 187px;
    height: 18.7rem;
    background: url("../Images/box_check.png") no-repeat;
    -ms-background-size: 207px 187px;
    -ms-background-size: 20.7rem 18.7rem;
    background-size: 207px 187px;
    background-size: 20.7rem 18.7rem;
    background-position: center;
}

#mehrsicherungBu {
    width: 760px;
    width: 76rem;
    margin-top: 20px;
    margin-top: 2rem;
    background-color: #efefef;
    border: 2px solid #b4b4b4;
    padding: 10px;
    padding: 1rem;
}

#mehrsicherungBuLabels {
    width: 590px;
    width: 59rem;
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #b4b4b4;
}

#mehrsicherungBuChangeButton {
    width: 150px;
    width: 15rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}



#mehrsicherungBuEdit {
    width: 760px;
    width: 76rem;
    margin-top: 20px;
    margin-top: 2rem;
    background-color: #efefef;
    border: 2px solid #b4b4b4;
    padding: 10px;
    padding: 1rem;
}

#mehrsicherungBuLabelsEdit {
    width: 590px;
    width: 59rem;
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #b4b4b4;
}

#mehrsicherungBuChangeButtonEdit {
    width: 150px;
    width: 15rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}







#mehrsicherungHausrat {
    width: 760px;
    width: 76rem;
    margin-top: 20px;
    margin-top: 2rem;
    background-color: #efefef;
    border: 2px solid #b4b4b4;
    padding: 10px;
    padding: 1rem;
}


#mehrsicherungHausratLabels {
    width: 590px;
    width: 59rem;
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #b4b4b4;
}


#mehrsicherungHausratCheck {
    width: 100px;
    width: 10rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-left: 50px;
    padding-left: 5rem;
}



#mehrsicherungPreis {
    width: 760px;
    width: 76rem;
    margin-top: 20px;
    margin-top: 2rem;
    background-color: #F0FBFF;
    border: 2px solid #00a1bd;
    padding: 10px;
    padding: 1rem;
}

#mehrsicherungPreisLabel {
    display: inline-block;
    vertical-align: middle;
    width: 390px;
    width: 39rem;
}

#mehrsicherungPreisValue {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    width: 20rem;
}

#mehrsicherungPreisButton {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    width: 15rem;
    text-align: center;
}





/*
.kombiBuLabel {
    display: inline-block;
    width: 360px;
    width: 36rem;
    vertical-align: middle;
}

.kombiBuValue {
    display: inline-block;
    width: 192px;
    width: 19.2rem;
    height: 70px;
    height: 7rem;
    vertical-align: middle;
}

.kombiHausratLabel {
    display: inline-block;
    width: 360px;
    width: 36rem;
    vertical-align: middle;
}

.kombiHausratValue {
    display: inline-block;
    vertical-align: middle;
}

.kombiFahrradLabel {
    display: inline-block;
    width: 360px;
    width: 36rem;
}

.kombiFahrradValue {
    display: inline-block;
}
*/

.confirmTable {
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
    color: #496076;
}

.confirmTableCol1 {
    width: 70%;
}

.confirmTableCol2 {
    width: 30%;
}

.confirmTable td {
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

.confirmTable tr td:last-child {
    text-align: right;
}

#progress {
    text-align: center;
    margin: 40px 0;
    margin: 4rem 0;
}

#percentage {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    color: #00a1bd;
}

#progressText {
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    font-size: 2.4rem;
    color: #496076;
}

.topDistance {
    margin-top: 40px;
    margin-top: 4rem;
}

.detailValue {
    font-size: 24px;
    font-size: 2.4rem;
    color: #25a3bc;
    -moz-min-width: 378px;
    -ms-min-width: 378px;
    -o-min-width: 378px;
    -webkit-min-width: 378px;
    -moz-min-width: 37.8rem;
    -ms-min-width: 37.8rem;
    -o-min-width: 37.8rem;
    -webkit-min-width: 37.8rem;
    min-width: 378px;
    min-width: 37.8rem;
}


.redErrorText {
    color: red;
}


.bottomNav {
    display: none;
}

.frageRow {
    width: 100%;
    margin-top: 40px;
    margin-top: 4rem;
}

.frageText {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    font-size: 2.4rem;
    color: #496076;
    margin-right: 6%;
}

.frageAntwort {
    display: block;
    vertical-align: middle;
}

.topSpacer {
    margin-top: 40px;
    margin-top: 4rem;
    vertical-align: text-top;
}


.downloadListe {
    list-style-type: none;
    padding-left: 20px;
    padding-left: 2rem;
}

    .downloadListe li {
        list-style-type: disc;
        font-size: 24px;
        color: #e3cfe6;
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }

.downloadLink {
    font-size: 24px;
    font-size: 2.4rem;
    color: #8e419c;
    text-decoration: none;
}

    .downloadLink:hover {
        font-size: 24px;
        font-size: 2.4rem;
        color: #8e419c;
        background-color: #fff;
        text-decoration: underline;
    }


.startseiteIcon {
    display: inline-block;
    background-image: url('../Images/startseite_blue.png');
    background-repeat: no-repeat;
    background-position: center;
    -ms-background-size: 48px 48px;
    -ms-background-size: 4.8rem 4.8rem;
    background-size: 48px 48px;
    background-size: 4.8rem 4.8rem;
    width: 48px;
    width: 4.8rem;
    height: 66px;
    height: 6.6rem;
    vertical-align: middle;
}

.kennwortIcon {
    display: inline-block;
    background-image: url('../Images/kennwort_blue.png');
    background-repeat: no-repeat;
    background-position: center;
    -ms-background-size: 48px 48px;
    -ms-background-size: 4.8rem 4.8rem;
    background-size: 48px 48px;
    background-size: 4.8rem 4.8rem;
    width: 48px;
    width: 4.8rem;
    height: 66px;
    height: 6.6rem;
    vertical-align: middle;
}

.downloadcenterIcon {
    display: inline-block;
    background-image: url('../Images/download_blue.png');
    background-repeat: no-repeat;
    background-position: center;
    -ms-background-size: 48px 48px;
    -ms-background-size: 4.8rem 4.8rem;
    background-size: 48px 48px;
    background-size: 4.8rem 4.8rem;
    width: 48px;
    width: 4.8rem;
    height: 66px;
    height: 6.6rem;
    vertical-align: middle;
}

.logoutIcon {
    display: inline-block;
    background-image: url('../Images/logout_blue.png');
    background-repeat: no-repeat;
    background-position: center;
    -ms-background-size: 48px 48px;
    -ms-background-size: 4.8rem 4.8rem;
    background-size: 48px 48px;
    background-size: 4.8rem 4.8rem;
    width: 48px;
    width: 4.8rem;
    height: 66px;
    height: 6.6rem;
    vertical-align: middle;
}

.kundenMenuBottom {
    display: none;
}


.closeLayer {
    text-align: right;
    padding: 10px 10px 0 0;
    padding: 1rem 1rem 0 0;
}

.closeX {
    background: url("../images/close_desktop.png") no-repeat;
    background-position: center;
    -ms-background-size: 14px 14px;
    -ms-background-size: 1.4rem 1.4rem;
    background-size: 14px 14px;
    background-size: 1.4rem 1.4rem;
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    display: inline-block;
    padding: 2px;
}

.boxDatenschutz {
    display: inline-block;
    background: url("../Images/box_datenschutz_desktop.png") no-repeat;
    -ms-background-size: 182px 178px;
    -ms-background-size: 18.2rem 17.8rem;
    background-size: 182px 178px;
    background-size: 18.2rem 17.8rem;
    width: 182px;
    width: 18.2rem;
    height: 17.8rem;
    vertical-align: text-top;
    margin-left: 20px;
    margin-left: 2rem;
}

.datenschutzEinleitung {
    display: inline-block;
    vertical-align: text-top;
}

#paragraphText {
    background: url("../Images/paragraph_desktop.png") no-repeat;
    -ms-background-size: 42px 81px;
    -ms-background-size: 4.2rem 8.1rem;
    background-size: 42px 81px;
    background-size: 4.2rem 8.1rem;
    background-color: #efefef;
    background-position: 30px center;
    background-position: 3rem center;
    border-top: 2px solid #b4b4b4;
    border-bottom: 2px solid #b4b4b4;
    padding-left: 100px;
    padding-left: 10rem;
    font-size: 20px;
    font-size: 2rem;
    color: #496076;
}




/*
    KENDO STYLES
    --------------------------------------------
*/

.k-panelbar {
    border: none;
    background-color: #fff;
}

    .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
        border: none;
    }



.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    height: 64px;
    height: 6.4rem;
    font-weight: bold;
}


.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
    border: none;
    background-color: #e3cfe6;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    height: 64px;
    height: 6.4rem;
    font-weight: bold;
}

    /*Aktive Panel / Geöffnete Panel*/
    .k-panelbar > .k-item > .k-link.k-state-selected {
        background: none;
        background-color: #fff !Important;
        color: #00a1bd !Important;
        border: 2px solid #efefef;
    }


/*Aktive Panel => Icon zum Schließen (rechts)*/
.k-panelbar .k-icon.k-panelbar-collapse {
    background: right url("../Images/panel_open_desktop.png") no-repeat transparent;
    background-position: 0 0;
    width: 32px;
    height: 32px;
    margin-right: 20px;
    margin-top: -15px;
}

/*Wenn nur ein einzelner Panel auf der Seite existiert, soll das Collapse Icon nicht sichtbar sein*/
li.singleHeader > .k-link .k-icon.k-panelbar-collapse {
    background: none;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.k-state-hover > .k-i-arrow-s,
.k-state-hover > * > .k-i-arrow-s,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.k-state-hover > .k-i-arrow-n,
.k-state-hover > * > .k-i-arrow-n {
    background-position: 0 0;
}

/*Geschlossene Panel => Icon zum Öffnen (rechts)*/
.k-panelbar .k-icon.k-panelbar-expand {
    background: right url("../Images/panel_closed_desktop.png") no-repeat transparent;
    background-position: 0 0;
    width: 32px;
    height: 32px;
    margin-right: 20px;
    margin-top: -15px;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: #fff;
}

.k-panelbar .k-state-default .k-link {
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#68c0d5+0,24a4c2+100,7db9e8+100 */
    background: rgb(104,192,213); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(104,192,213,1) 0%, rgba(36,164,194,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(104,192,213,1) 0%,rgba(36,164,194,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(104,192,213,1) 0%,rgba(36,164,194,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c0d5', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    height: 64px;
    height: 6.4rem;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link:hover {
    color: #fff;
}

.k-panelbar .k-state-disabled {
    display: none;
}


input.k-textbox {
    height: 43px;
    height: 4.3rem;
    width: 378px;
    width: 37.8rem;
    font-size: 24px;
    font-size: 2.4rem;
    color: #818181;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+100,7db9e8+100 */
    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.k-textbox, .k-numeric-wrap {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



.k-autocomplete {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 43px;
    height: 4.3rem;
    width: 378px;
    width: 37.8rem;
}

.big > .k-autocomplete {
    width: 548px;
    width: 54.8rem;
}

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-expand-padding .k-input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 43px;
    height: 3.3rem;
    font-size: 24px;
    font-size: 2.4rem;
    color: #818181;
    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.k-list-container.k-state-border-down {
    font-size: 20px;
    font-size: 2rem;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}



.k-dropdown {
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 24px;
    font-size: 2.4rem;
    color: #818181;
    width: 100px;
    width: 10rem;
    height: 41px;
    height: 4.1rem;
}

.fahrradOption.k-dropdown {
    width: 150px;
    width: 15rem;
}

.k-dropdown .k-input {
    color: #818181;
}


.k-dropdown-wrap {
    -ms-border-radius: 0;
    border-radius: 0;
    height: 41px;
    height: 4.1rem;
}


.k-numerictextbox {
    width: 378px;
    width: 37.8rem;
}

.short > .k-numerictextbox {
    width: 168px;
    width: 16.8rem;
}

.numericInput .k-numeric-wrap {
    width: 150px;
    width: 15.0rem;
}


.numericInput.k-numerictextbox {
    width: 150px;
    width: 15rem;
}

.gebJahrTbx.k-textbox {
    width: 170px;
    width: 17rem;
}



.k-popup .k-list .k-item {
    color: #496076;
    background-color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    min-height: 0;
}


.k-list > .k-state-focused.k-state-selected {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    height: 24px;
    height: 2.4rem;
    text-align: center;
    min-height: 0;
    padding: 10px 0;
    color: #e3cfe6;
    border: thin solid #e3cfe6;
}










/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 768px) {
    html {
        background-color: #fff;
        margin: 0;
        padding: 0;
        font-size: 10px;
        font-family: "Open Sans", Sans-Serif;
        color: #fff;
    }

    body {
        background-color: #e3cfe6;
        margin: 0;
        padding: 0;
    }

    h1, h2, h3 {
        color: #e3cfe6;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    h1 {
        font-size: 55px;
        font-size: 5.5rem;
    }

    h2 {
        font-size: 40px;
        font-size: 4rem;
    }

    h3 {
        font-size: 30px;
        font-size: 3rem;
    }


    #largeArea {
        background: #fff;
        display: block;
        vertical-align: top;
        width: 768px;
        width: 76.8rem;
        padding: 0;
    }

    #body {
        background-color: #e3cfe6;
        padding-bottom: 0px;
    }

    #smallArea {
        display: none;
    }

    .content-wrapper {
        margin: 0 auto;
        width: 768px;
        width: 76.8rem;
        background: #1d9ab8;
        padding: 0;
    }

    #checkEinwilligung {
        display: inline-block;
        line-height: 126px;
        text-decoration: none;
    }

        #checkEinwilligung span {
            color: transparent;
            margin-right: -20px;
            margin-right: -2rem;
        }

    .labelClass {
        font-size: 45px;
        font-size: 4.5rem;
        color: #496076;
    }

    .buttonArea {
        text-align: center;
        margin-top: 50px;
        margin-top: 5rem;
        margin-bottom: 50px;
        margin-bottom: 5rem;
    }

    .button {
        margin-right: 0;
    }

    .buttonStyle {
        display: block;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #00a1bd;
        color: #fff;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        padding: 0 20px;
        height: 117px;
        height: 11.7rem;
        font-size: 45px;
        font-size: 4.5rem;
        vertical-align: middle;
        margin-top: 50px;
        margin-top: 5rem;
    }

        .buttonStyle a {
            color: #fff;
            text-decoration: none;
            display: block;
            vertical-align: middle;
            height: 117px;
            height: 11.7rem;
        }

            .buttonStyle a:hover {
                text-decoration: none;
                cursor: pointer;
                background-color: #00a1bd;
            }

    .buttonDisabledStyle {
        display: block;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #999;
        color: #fff;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        padding: 0 20px;
        font-size: 45px;
        font-size: 4.5rem;
        height: 117px;
        height: 11.7rem;
        line-height: 48px;
        line-height: 4.8rem;
        margin-top: 50px;
        margin-top: 5rem;
    }

        .buttonDisabledStyle:hover {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #999;
            color: #fff;
            text-align: center;
            font-weight: bold;
            text-decoration: none;
            padding: 0 20px;
            cursor: pointer;
        }

    .oneLineButton {
        line-height: 117px;
        line-height: 11.7rem;
    }

    .twoLineButton {
        line-height: 50px;
        line-height: 5rem;
    }


    .flowText {
        font-size: 45px;
        font-size: 4.5rem;
        color: #496076;
        font-weight: normal;
        line-height: 45px;
        line-height: 4.5rem;
    }

    .formRadioList {
        list-style-type: none;
        padding: 0;
    }

        .formRadioList li {
            display: inline;
            list-style-type: none;
            margin-right: 0px;
            margin-right: 0rem;
        }

            .formRadioList li:last-child {
                margin-right: 0;
            }

    .myRadioButton {
        font-size: 50px;
        font-size: 5rem;
        font-weight: normal;
        color: #000;
        vertical-align: middle;
        display: inline-block;
        min-width: 240px;
        min-width: 24.0rem;
        height: 126px;
        height: 12.6rem;
        border: none;
        padding: 10px;
        padding: 1rem;
    }


        .myRadioButton input {
            display: none;
        }

        .myRadioButton span {
            line-height: 126px;
            line-height: 12.6rem;
            padding-left: 50px;
            padding-left: 5rem;
            vertical-align: middle;
            background: url("../Images/radioUnchecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 4.3rem;
        }

        .myRadioButton input:checked + span {
            background: url("../Images/radioChecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 4.3rem;
        }

    .ueaBtn {
        width: 600px;
        width: 60rem;
    }

    .karBtn {
        width: 300px;
        width: 30rem;
    }


    a.checkboxEmpty:hover {
        background-color: #fff;
    }

    .checkboxEmpty span {
        padding-left: 150px;
        padding-left: 15rem;
        background: url("../Images/checkbox_unchecked_mobile.png") no-repeat;
        display: block;
    }

    a.checkboxActive:hover {
        background-color: #fff;
    }

    .checkboxActive span {
        padding-left: 150px;
        padding-left: 15rem;
        background: url("../Images/checkbox_checked_mobile.png") no-repeat;
        display: block;
    }


    .myCheckbox {
        font-size: 55px;
        font-size: 5.5rem;
        font-weight: normal;
        color: #496076;
        vertical-align: middle;
        margin-right: 50px;
        display: block;
    }

        .myCheckbox input {
            display: none;
        }

        .myCheckbox span {
            display: block;
            line-height: 130px;
            line-height: 13rem;
            padding-left: 130px;
            padding-left: 13rem;
            vertical-align: middle;
            background-image: url("../Images/checkbox_unchecked_mobile.png");
            background-repeat: no-repeat;
            -ms-background-size: 126px 126px;
            background-size: 126px 126px;
            -ms-background-size: 12.6rem 12.6rem;
            background-size: 12.6rem 12.6rem;
        }

        .myCheckbox input:checked + span {
            background: url("../Images/checkbox_checked_mobile.png") no-repeat;
            background-repeat: no-repeat;
            -ms-background-size: 126px 126px;
            background-size: 126px 126px;
            -ms-background-size: 12.6rem 12.6rem;
            background-size: 12.6rem 12.6rem;
        }

    .desktopText {
        display: block;
    }

    .mobilText {
        display: none;
    }

    .myCheckbox .azubiDesktop {
        display: none;
    }

    .myCheckbox .azubiMobile {
        display: block;
    }





    .bottomNav {
        display: block;
        width: 100%;
        border-top: 4px solid #efefef;
        height: 99px;
        height: 9.9rem;
        position: fixed;
        z-index: 2;
        background-color: #fff;
        bottom: 0px;
    }

        .bottomNav .stepPart {
            display: inline-block;
            padding: 10px;
            padding: 1rem;
            border-right: 4px solid #efefef;
            height: 99px;
            height: 9.9rem;
            vertical-align: middle;
        }

            .bottomNav .stepPart .stepHeader {
                color: #e3cfe6;
                font-size: 20px;
                font-size: 2rem;
                font-weight: bold;
            }

            .bottomNav .stepPart .step {
                color: #e3cfe6;
                font-size: 50px;
                font-size: 5rem;
                font-weight: bold;
            }



        .bottomNav .pricePart {
            display: inline-block;
            padding: 0 15px;
            padding: 0 1.5rem;
            height: 99px;
            height: 9.9rem;
            vertical-align: middle;
        }

    #priceValueBottom {
        color: #00a1bd;
        font-size: 50px;
        font-size: 5rem;
        font-weight: bold;
    }

    #pricEZwBottom {
        color: #00a1bd;
        font-size: 30px;
        font-size: 3rem;
        font-weight: bold;
    }

    #feeBottom {
        color: #00a1bd;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
    }

    .bottomNav .prodPart {
        display: inline-block;
        height: 99px;
        height: 9.9rem;
        vertical-align: middle;
    }


    #prodImageBottom {
        width: 185px;
        width: 18.5rem;
    }

    .bottomNav .boxPart {
        display: none;
        background: url("../Images/box_closed_normal.png") no-repeat;
        background-size: 159px 159px;
        position: relative;
        width: 159px;
        height: 159px;
        z-index: 10;
        vertical-align: middle;
        top: 10px;
    }

    #waitOverlay {
        display: none;
        /*position: fixed;*/
        top: 0%;
        left: 0%;
        width: 768px;
        width: 76.8rem;
        height: 100%;
        background-color: white;
        z-index: 10;
        -moz-opacity: 0.75;
        -ms-opacity: .75;
        opacity: .75;
        -webkit-filter: alpha(opacity=75);
        -moz-filter: alpha(opacity=75);
        -o-filter: alpha(opacity=75);
        filter: alpha(opacity=75);
    }



    .Dialog {
        position: absolute;
        width: 758px;
        width: 75.8rem;
        z-index: 100;
        background-color: #fff;
        border: none;
        top: 0;
        left: 0;
        padding: 10px;
        padding: 1rem;
    }


    .SmallDialog {
        position: absolute;
        top: 0;
        left: 0;
        width: 758px;
        width: 75.8rem;
        border: none;
        z-index: 100;
        background-color: #fff;
        padding: 10px;
        padding: 1rem;
    }





    .frageRow {
        margin-bottom: 50px;
        margin-bottom: 5rem;
    }

    .frageText {
        width: 100%;
        display: block;
        vertical-align: text-top;
        font-size: 45px;
        font-size: 4.5rem;
        color: #496076;
        margin-right: 100px;
    }

    .frageAntwort {
        display: block;
        vertical-align: text-top;
    }

    .antwortRadio {
        display: inline-block;
    }

    .topSpacer {
        margin-top: 50px;
        margin-top: 5rem;
        vertical-align: text-top;
    }

    .topDistance {
        margin-top: 50px;
        margin-top: 5rem;
    }

    .vergleichTable {
        width: 728px;
        width: 72.8rem;
        border-spacing: 0;
        text-align: center;
    }

        .vergleichTable td {
            padding: 10px;
            font-size: 2.5rem;
            height: 150px;
            height: 15rem;
        }

    .vergleichColumn1_3 {
        width: 242px;
        width: 24.2rem;
        background-color: #fcfcfc;
    }

    .vergleichColumn2_3 {
        width: 242px;
        width: 24.2rem;
        background-color: #f6f6f6;
    }

    .vergleichColumn3_3 {
        width: 244px;
        width: 24.4rem;
        background-color: #e7e7e7;
    }

    .vergleichColumn1_2 {
        width: 50%;
        background-color: rgb(251, 251, 251);
    }

    .vergleichColumn2_2 {
        width: 50%;
        background-color: rgb(244,244,244);
    }


    .vergleichHeader {
        height: 70px;
        height: 7rem;
        background-color: rgba(220,220,220, 1);
    }

        .vergleichHeader td {
            text-align: left;
            font-size: 40px;
            font-size: 4rem;
            color: #496076;
            height: 70px;
            height: 7rem;
        }

    #DivValidationSummary {
        font-size: 40px;
        font-size: 4.0rem;
        color: red;
        margin: 10px 0px;
    }

    .validation-summary-errors {
        font-size: 40px;
        font-size: 4.0rem;
        color: red;
        margin: 10px 0px;
    }

    .confirmTable {
        width: 100%;
        font-size: 40px;
        font-size: 4rem;
        color: #496076;
    }

    .confirmTableCol1 {
        width: 70%;
    }

    .confirmTableCol2 {
        width: 30%;
    }

    .confirmTable td {
        padding-bottom: 40px;
        padding-bottom: 4rem;
    }

    .confirmTable tr td:last-child {
        text-align: right;
    }

    .redErrorText {
        color: red;
    }

    #percentage {
        text-align: center;
        font-weight: bold;
        font-size: 50px;
        font-size: 5rem;
        color: #e3cfe6;
    }

    #progressText {
        text-align: center;
        font-weight: normal;
        font-size: 30px;
        font-size: 3rem;
        color: #496076;
    }


    .kundenMenuBottom {
        display: block;
        width: 100%;
        border-top: 4px solid #efefef;
        height: 99px;
        height: 9.9rem;
        position: fixed;
        z-index: 2;
        background-color: #fff;
        bottom: 0px;
    }

    .bottomStepStartseite {
        display: inline-block;
        background: url("../Images/startseite_blue.png") no-repeat;
        -ms-background-size: 48px 48px;
        -ms-background-size: 4.8rem 4.8rem;
        background-size: 48px 48px;
        background-size: 4.8rem 4.8rem;
        background-position: center;
        width: 192px;
        width: 18rem;
        height: 99px;
        height: 9.9rem;
        vertical-align: middle;
        border-right: thin solid #efefef;
    }

    .bottomStepKennwort {
        display: inline-block;
        background: url("../Images/kennwort_blue.png") no-repeat;
        -ms-background-size: 48px 48px;
        -ms-background-size: 4.8rem 4.8rem;
        background-size: 48px 48px;
        background-size: 4.8rem 4.8rem;
        background-position: center;
        width: 192px;
        width: 18rem;
        height: 99px;
        height: 9.9rem;
        vertical-align: middle;
        border-right: thin solid #efefef;
    }

    .bottomStepDownload {
        display: inline-block;
        background: url("../Images/download_blue.png") no-repeat;
        -ms-background-size: 48px 48px;
        -ms-background-size: 4.8rem 4.8rem;
        background-size: 48px 48px;
        background-size: 4.8rem 4.8rem;
        background-position: center;
        width: 192px;
        width: 18rem;
        height: 99px;
        height: 9.9rem;
        vertical-align: middle;
        border-right: thin solid #efefef;
    }

    .bottomStepLogout {
        display: inline-block;
        background: url("../Images/logout_blue.png") no-repeat;
        -ms-background-size: 48px 48px;
        -ms-background-size: 4.8rem 4.8rem;
        background-size: 48px 48px;
        background-size: 4.8rem 4.8rem;
        background-position: center;
        width: 192px;
        width: 18rem;
        height: 99px;
        height: 9.9rem;
        vertical-align: middle;
    }

    .detailKaufenButton {
        padding: 20px;
        padding: 2rem;
        background-color: #F0FBFF;
        border: 2px solid #e3cfe6;
        color: #496076;
        margin: 50px 0;
    }

    .detailKaufenText {
        vertical-align: middle;
        display: block;
        font-size: 40px;
        font-size: 4rem;
        font-weight: bold;
        width: 100%;
    }

    .detailValue {
        font-size: 45px;
        font-size: 4.5rem;
        color: #e3cfe6;
        -moz-min-width: 378px;
        -ms-min-width: 378px;
        -o-min-width: 378px;
        -webkit-min-width: 378px;
        -moz-min-width: 37.8rem;
        -ms-min-width: 37.8rem;
        -o-min-width: 37.8rem;
        -webkit-min-width: 37.8rem;
        min-width: 378px;
        min-width: 37.8rem;
    }

    #natBtrRadio {
        width: 686px;
        width: 68.6rem;
        height: 407px;
        height: 40.7rem;
        display: inline-block;
        background: url("../Images/natuerlich_btr_mobile.png") no-repeat;
        -ms-background-size: 686px 407px;
        -ms-background-size: 68.6rem 40.7rem;
        background-size: 686px 407px;
        background-size: 68.6rem 40.7rem;
        text-align: center;
        border: 1px solid #d5d5d5;
    }

        #natBtrRadio input {
            display: none;
        }

        #natBtrRadio span {
            padding-top: 100px;
            padding-top: 10rem;
            padding-left: 45px;
            padding-left: 4.5rem;
            background: url("../Images/radioUnchecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 43px;
            background-size: 4.3rem;
            position: relative;
            top: 45rem;
            left: 0.2rem;
        }

        #natBtrRadio input:checked + span {
            background: url("../Images/radioChecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 43px;
            background-size: 4.3rem;
        }

    .normalRadioButton {
        font-size: 43px;
        font-size: 4.3rem;
        font-weight: normal;
        color: #e3cfe6;
        vertical-align: middle;
        display: inline-block;
        width: 43px;
        width: 4.3rem;
        height: 43px;
        height: 4.3rem;
    }


        .normalRadioButton input {
            display: none;
        }

        .normalRadioButton span {
            padding-left: 43px;
            vertical-align: middle;
            background: url("../Images/radioUnchecked_mobile.png") no-repeat;
            -ms-background-size: 43px 43px;
            -ms-background-size: 4.3rem 4.3rem;
            background-size: 43px 43px;
            background-size: 4.3rem 4.3rem;
        }

        .normalRadioButton input:checked + span {
            background: url("../Images/radioChecked_mobile.png") no-repeat;
            -ms-background-size: 43px 43px;
            -ms-background-size: 4.3rem 4.3rem;
            background-size: 43px 43px;
            background-size: 4.3rem 4.3rem;
        }



    #konstBtrRadio {
        width: 686px;
        width: 68.6rem;
        height: 407px;
        height: 40.7rem;
        display: inline-block;
        background: url("../Images/konstant_btr_mobile.png") no-repeat;
        -ms-background-size: 686px 407px;
        -ms-background-size: 68.6rem 40.7rem;
        background-size: 686px 407px;
        background-size: 68.6rem 40.7rem;
        text-align: center;
        border: 1px solid #d5d5d5;
    }

        #konstBtrRadio input {
            display: none;
        }

        #konstBtrRadio span {
            padding-left: 45px;
            padding-left: 4.5rem;
            padding-top: 100px;
            padding-top: 10rem;
            background: url("../Images/radioUnchecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 43px;
            background-size: 4.3rem;
            position: relative;
            top: 45rem;
            left: 0.2rem;
        }

        #konstBtrRadio input:checked + span {
            background: url("../Images/radioChecked_mobile.png") no-repeat;
            -ms-background-size: 43px;
            -ms-background-size: 4.3rem;
            background-size: 43px;
            background-size: 4.3rem;
        }


    .boxDatenschutz {
        display: none;
    }

    .datenschutzEinleitung {
        width: 100%;
    }

    #paragraphText {
        font-size: 35px;
        font-size: 3.5rem;
        background-image: none;
        padding: 0 20px;
        padding: 0 2rem;
    }

    .infoBox {
        display: none;
        position: relative;
        top: 30px;
        margin-top: -30px;
        margin-top: -3rem;
        background: #fff;
        width: 720px;
        width: 72rem;
        z-index: 50;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    }

    .infoIcon {
        display: inline-block;
        background-image: url(../Images/info_icon_mobile.png);
        background-position: center;
        background-repeat: no-repeat;
        -ms-background-size: 38px 38px;
        -ms-background-size: 3.8rem 3.8rem;
        background-size: 38px 38px;
        background-size: 3.8rem 3.8rem;
        width: 38px;
        width: 3.8rem;
        height: 38px;
        height: 3.8rem;
        vertical-align: text-top;
        margin-left: 10px;
        margin-left: 1rem;
        padding: 3px;
    }


    .mehrsicherungIntroducer {
        width: 100%;
    }

    #mehrsicherungHeaderBox {
        display: none;
    }

    #mehrsicherungHeaderText {
        width: 100%;
    }


    #mehrsicherungPreis {
        width: 688px;
        width: 68.8rem;
    }

    .mehrsicherungEntry {
        margin-top: 40px;
        margin-top: 4rem;
    }



    .mehrsicherungLabel {
        display: block;
        font-size: 40px;
        font-size: 4rem;
    }

    .mehrsicherungFahrrad {
        display: block;
    }

    #mehrsicherungBu {
        width: 688px;
        width: 68.8rem;
    }

    #mehrsicherungBuLabels {
        width: 590px;
        width: 59rem;
        display: block;
        vertical-align: middle;
        border: none;
    }

    #mehrsicherungBuChangeButton {
        display: block;
        width: 100%;
    }

    #mehrsicherungHausrat {
        width: 688px;
        width: 68.8rem;
    }

    #mehrsicherungHausratLabels {
        width: 590px;
        width: 59rem;
        display: block;
        vertical-align: middle;
        border: none;
    }

    #mehrsicherungHausratCheck {
        display: block;
        text-align: center;
        padding-left: 300px;
        padding-left: 30rem;
        margin: 30px 0;
        margin: 3rem 0;
    }

    #mehrsicherungPreisLabel {
        font-size: 55px;
        font-size: 5.5rem;
        width: 430px;
        width: 43rem;
    }

    #mehrsicherungPreisValue {
        font-size: 55px;
        font-size: 5.5rem;
        width: 250px;
        width: 25.0rem;
        text-align: right;
    }

    #mehrsicherungPreisButton {
        display: block;
        width: 100%;
    }




    /*
    KENDO STYLES
    --------------------------------------------
*/

    .k-panelbar {
        border: none;
    }

        .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
            border: none;
        }



    .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
        background-color: #fff;
        font-size: 55px;
        font-size: 3.5rem;
        line-height: 45px;
        line-height: 4.5rem;
        height: 124px;
        height: 12.4rem;
        font-weight: bold;
    }

    .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
        border: 2px solid #efefef;
        color: #e3cfe6;
        height: 124px;
        height: 12.4rem;
        font-size: 55px;
        font-size: 3.5rem;
        line-height: 45px;
        line-height: 4.5rem;
    }

    /*Icon immer an der gleichen Stelle (Background-position 0 0*/
    .k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
    .k-state-hover > .k-i-arrow-s,
    .k-state-hover > * > .k-i-arrow-s,
    .k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
    .k-state-hover > .k-i-arrow-n,
    .k-state-hover > * > .k-i-arrow-n {
        background-position: 0 0;
    }

    /*Aktive Panel-Icon (rechts)*/
    .k-panelbar .k-icon.k-panelbar-collapse {
        background: right url("../Images/panel_open_desktop.png") no-repeat transparent;
        background-position: 0 0;
        width: 32px;
        height: 32px;
        margin-right: 20px;
        margin-top: -15px;
    }

    /*Geschlossene Panel-Icon (rechts)*/
    .k-panelbar .k-icon.k-panelbar-expand {
        background: right url("../Images/panel_closed_desktop.png") no-repeat transparent;
        width: 32px;
        height: 32px;
        margin-right: 20px;
        margin-top: -15px;
    }

    .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
        color: #fff;
    }

    .k-panelbar .k-state-default .k-link {
        border: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#68c0d5+0,24a4c2+100,7db9e8+100 */
        background: rgb(104,192,213); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(104,192,213,1) 0%, rgba(36,164,194,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(104,192,213,1) 0%,rgba(36,164,194,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(104,192,213,1) 0%,rgba(36,164,194,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c0d5', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
        font-size: 55px;
        font-size: 3.5rem;
        line-height: 45px;
        line-height: 4.5rem;
        font-weight: bold;
        height: 124px;
        height: 12.4rem;
    }

    .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link:hover {
        color: #fff;
    }

    .k-panelbar .k-state-disabled {
        display: none;
    }


    input.k-textbox {
        height: 126px;
        height: 12.6rem;
        width: 688px;
        width: 68.8rem;
        font-size: 48px;
        font-size: 4.8rem;
        color: #818181;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+100,7db9e8+100 */
        background: rgb(249,249,249); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    }

    .k-textbox, .k-numeric-wrap {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .k-autocomplete {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        height: 126px;
        height: 12.6rem;
        width: 688px;
        width: 68.8rem;
    }

        .k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-expand-padding .k-input {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            height: 126px;
            height: 12.6rem;
            font-size: 48px;
            font-size: 4.8rem;
            color: #818181;
            background: rgb(249,249,249); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
        }

    .k-list-container.k-state-border-down {
        font-size: 20px;
        font-size: 2rem;
    }

    .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
        -webkit-box-shadow: none;
        box-shadow: none;
    }



    .k-dropdown {
        -ms-border-radius: 0;
        border-radius: 0;
        font-size: 48px;
        font-size: 4.8rem;
        color: #818181;
        width: 688px;
        width: 68.8rem;
        height: 126px;
        height: 12.6rem;
    }

    .fahrradOption.k-dropdown {
        width: 688px;
        width: 68.8rem;
    }

    .k-dropdown .k-input {
        color: #818181;
        line-height: 126px;
        line-height: 12.6rem;
    }


    .k-dropdown-wrap {
        -ms-border-radius: 0;
        border-radius: 0;
        height: 126px;
        height: 12.6rem;
    }

    .k-numerictextbox {
        width: 688px;
        width: 68.8rem;
    }

    .numericInput {
        width: 688px;
        width: 68.8rem;
    }

        .numericInput .k-numeric-wrap {
            width: 688px;
            width: 68.8rem;
        }


        .numericInput .k-numeric-wrap {
            width: 688px;
            width: 68.8rem;
        }


    .k-numerictextbox .numericInput {
        width: 688px;
        width: 68.8rem;
    }

    .gebJahrTbx.k-textbox {
        width: 688px;
        width: 68.8rem;
    }

    .k-popup .k-list .k-item {
        font-size: 40px;
        font-size: 4rem;
    }


    .k-list > .k-state-focused.k-state-selected {
        font-size: 40px;
        font-size: 4rem;
        line-height: 40px;
        height: 40px;
        height: 4rem;
        padding: 10px 0;
        padding: 1rem 0;
    }
}