@media screen and (max-width: 768px) {
    footer .row .col-6 {
        max-width: 100%;
        width: 100%;
        display: block;
        margin-bottom: 20px;
        flex: unset;
    }

    .hide-on-mobile {
        display: none !important;
    }
    .show-on-mobile {
        display: block !important;
    }
    h1.jumbotron-heading {
        font-size: 2.5rem !important;
    }
    h2 {
        font-size: 3.1rem;

    }
    a.btn {
        display: block !important;
        margin: 0 auto;
        width: 330px !important;
    }
.mobileMb0 {
    margin-top: 0!important;
}
.bokRow {
    margin: 0 auto !important;
}
}
@media screen and (min-width: 769px) {
    .hide-on-mobile {
        display: block !important;
    }

    .show-on-mobile {
        display: none !important;
    }
}
body {
/*    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizeLegibility;*/
}

@font-face {
    font-family: 'titillium_bdbold';
    src: url('/fonts/titilliumweb-bold-webfont.woff') format('woff');

    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'titilliumregular';
    src: url('/fonts/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'titilliumbold';
    src: url('/fonts/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'titilliumthin';
    src: url('/fonts/titilliumweb-extralight-webfont.woff') format('woff');

    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'titilliumlight';
    src: url('/fonts/titilliumweb-light-webfont.woff') format('woff');


    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




/* latin-ext */
@font-face {
    font-family: 'DM Serif Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB3vD212k.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'DM Serif Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB0PD2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_5x0ujy.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* hebrew */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2') format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Noto Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/NotoSans-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/NotoSans-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Noto Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/NotoSans-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.imgTrustAreaDesktop {
    display: flex;
    flex-direction: row;
    margin: 50px auto;
    justify-content: center;
}

.imgTrustAreaDesktop img {
    margin: 0 20px;
    height: 150px;
    border-radius: 10px;
    padding: 5px;
    background: #fff;
    border: 1px solid #bbb;
    box-shadow: none;
    border: 0px solid #fafafa;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px rgba(46, 61, 73, 0.2);
}
@media screen  and (max-width: 768px) {
    .imgTrustAreaDesktop {
        margin: 0 auto 50px 0;
        flex-direction: row;

    }

    .imgTrustAreaDesktop picture {
        margin: 10px;
    }
    .imgTrustAreaDesktop picture img {

        /* height: 75px; */
        display: block;
        height: auto;
        margin: 0;
        width: 90px;
        border-radius: 10px;
        padding: 5px;
        background: #fff;
        border: 1px solid #bbb;
        box-shadow: none;
        border: 0px solid #fafafa;
        border-radius: 5px;
        box-shadow: 0px 10px 20px 0px rgba(46, 61, 73, 0.2);
    }
}



.mbTop-100 {
    margin-top: 100px;
}

.braketEnd {

    font-size: 5rem;
    display: inline-block;
    position: absolute;
    bottom: -70px;
    /* top: -30px; */
    right: -30px;
    /* left: -30px; */
    color: #febd04;
}
@media screen and (max-width: 768px) {
    .braketEnd {
    right: 0;
    width: 17px;
    overflow: hidden;}
}
/*.phone {
    color: #fff;
    background: #febd04;
    border-radius: 25px;
    font-size: 19px;
    display: block;
    box-sizing: border-box;
    height: 50px;
    text-align: center;
    line-height: 50px;
    max-width: 300px;
}*/

.phone,.phone:hover, .phone:visited, .phone:active, .phone:link {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #6c757d;
    font-size: 12px;
    text-decoration: none;

}


/*.phone:hover {
color: #fff;
text-decoration: none;
}*/
.phone img {

}


.hex {
margin-top: 70px;
width: 156px;
height: 90px;
background: #c8b274;
position: relative;
}
.hex:before, .hex:after {
content:"";
border-left: 78px solid transparent;
border-right: 78px solid transparent;
position: absolute;
}
.hex:before {
top: -45px;
border-bottom: 45px solid #c8b274;
}
.hex:after {
bottom: -45px;
border-top: 45px solid #c8b274;
}
.hex.inner {
background-color:white;
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
transform: scale(.9, .9);
z-index:1;
}
.hex.inner:before {
border-bottom: 45px solid white;
}
.hex.inner:after {
border-top: 45px solid white;
}
.hex.inner2 {
background-color:white;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;

z-index:2;
}
.hex.inner2:before {
border-bottom: 45px solid white;
}
.hex.inner2:after {
border-top: 45px solid white;
}

.hex span {
display: block;
position: relative;
text-align: center;
font-size: 16px;
padding: 10px;
font-weight: bold;
line-height: 26px;
width: 156px;
top: calc(50%);
transform: translateY(-50%);
color: #000;

}


.hexOuter {
width: 156px;
margin: 130px auto;
}
.bews {
background-color: #f0efe9;
margin-top: 100px;
padding-top: 100px;
padding-bottom: 75px;
}
.bews .mb15 {
margin-bottom: 15px;
}

.bews .light {
font-family: titilliumlight,Helvetica,Arial,sans-serif!important;
}
.bews .whiteBg {
background: #fff;
}
.bews .peProfileBorder {
border-radius: 4px;
border: 1px solid #e9e9e9;

background-color: #fff;
}



.bews .brow::before {
content: " ";
display: table;
box-sizing: border-box;
}
.bews .brow::after {
clear: both;
content: " ";
display: table;
}
.bews  .ratingLeftCol {
width: 100%;
float: left;
padding-bottom: 20px;
}
.bews .ratingLeftCol .brow {
display: flex;
flex-direction: row;
}
.bews  .centerText {
text-align: center;
}
.bews .goldText {
color: #c8b274;
}
.bews .semibold,.bews th {
font-family: titilliumbold,Helvetica,Arial,sans-serif;
}

.bews .centerStars {
width: 110px;
margin: 0 auto;
}


.bews .centerStars.bigger {
width: 125px;
}

.bews .clearfix,.bews  .peButtonRow {
display: block;
}

.bews .ratingValueLabel {
text-transform: uppercase;
font-family: titilliumregular,Helvetica,Arial,sans-serif;
font-size: 24px;
}

.bews .profileSep, .bews  .profileSepFull {
margin: 10px auto;
height: 1px;
background: #e9e9e9;
}
.bews .profileSep {
width: 80%;
}

.bews s.rec_gold,.bews  .rec_silver {
width: 50px;
height: 57px;
display: inline-block;
}


.bews .rec_gold {
background: url('/img/reco.png');
}

.bews .webp .rec_gold {
background-image: url('/img/reco.png');
}

.bews .rec_gold,.bews  .rec_silver {
width: 50px;
height: 57px;
display: inline-block;
}
.bews {
font-family: titilliumlight,Helvetica,Arial,sans-serif!important;

}
.bews .fontXL {
font-size: 18px;
}

.bews .ratingBarColBorder {
width: 1px;
height: 100%;
background: #e9e9e9;
position: absolute;
right: 0;
top: 0;

}

.bews .ratingBarColBorder.left {
left: -1px;
}
.bews .ratingBarCol {
float:left;
}
.bews .ratingBar .brow {
margin-right: -15px;
margin-left: -15px;
}
.bews .pageFooterSubmitBar,.bews .ratingBar {
background: #f3f4f5;
}
.bews .mt20 {
margin-top: 20px;
}
.bews  .mb20 {
margin-bottom: 20px;
}

.bews .ratingBar mb20 {
float:left;
}

.bews .surveyNameForRating {
font-size: 16px;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;

}
.bews .surveyNameForRating .light {
font-size: 16px;
}
.bews a.buttonHover {
color: #0db1cd;

}
.bews .ratingBar .ieWidth30 {
float: left;
}

.bews .ratingBar .col-lg-9 {
float: left;
}
.bews .semibold, th {
font-family: titilliumbold,Helvetica,Arial,sans-serif;
}
.bews  .ratingFeedbackText, .bews  p.ratingFeedbackText {
font-family: titilliumlight,Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 24px;
margin: 15px 15px 15px 15px;
}


.bews .mb40 {
margin-bottom: 40px;
}

.bews .hidden, .touch .touchHidden {
display: none;
}




.bews .circleButton.plus {
background-position: 0 0;
}
.bews .webp .circleButton {
background-image: url('/img/b.webp');
}
.bews .circleButton {
background-image: url('/img/b.png');
background-repeat: no-repeat;
display: inline-block;
width: 34px;
height: 34px;
cursor: pointer;
}
.bews .mr15 {
margin-right: 15px;
}
.bews .fr {
float: right;
}
.bews .ratingBarMargin {
margin-right: 0;
}
.bews .mr10 {
margin-right: 10px;
}
.bews .mt10 {
margin-top: 10px;
}
.bews  .mb10 {
margin-bottom: 10px;
}

.bews .fr {
float: right;
}
.bews .fontL {
font-size: 16px;
}
.bews .ratingSubline {
font-size: 14px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.bews .ratingSubline span+span:before {
content: " | ";
}

.bews mb15 {
margin-bottom: 15px;
}


.bews .bigger .star {
background: url('/img/stars-big.png') no-repeat;
width: 23px;
height: 23px;
}


.bews .webp .bigger .star {
background: url('/img/stars-big.webp') no-repeat;
width: 23px;
height: 23px;
}



.bews .star.gold {
background-position: 0 -38px;
}

.bews .bigger .star.gold {
background-position: 0 -46px;
}

.bews .webp .star {
background: url('/img/stars-small.webp') no-repeat;
width: 23px;
height: 23px;
}

.bews .star {
display: inline-block;
float: left;
background: url('/img/stars-small.png') no-repeat;
width: 19px;
height: 19px;
margin-right: 2px;
}

.bews .centerStars.bigger {
width: 125px;
}

.bews .clearfix,.bews .peButtonRow {
display: block;
}
@media (max-width: 767px)
.bews .mobileMt10 {
margin-top: 10px!important;
}


.bews  .goldText {
color: #c8b274;
}

.roboto {
font-family: 'Roboto', sans-serif;
}

.noto {
font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
}
.noto h2 {
    font-size: 2rem;
}
.noto h3 {
    color: #212529;
}
.noto h4 {
    font-size: 1.2rem;
    margin: 30px 0 10px 0;
}
.bokRow {
display: flex;
max-width: 1440px;
margin: 100px auto;
flex-grow: 0;
align-items: start;
justify-content: space-between;
background: #f0efe9;

}
.bokRow .peRatingItem {
max-width: 340px;
width: 30%;
margin-left: auto;
margin-right: auto;
display: block;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

@media (max-width: 767px) {
.bokRow {
    flex-direction: column;
    background: #f0efe9;
}
.bokRow .peRatingItem {
    width: 100%;
    margin-bottom: 20px;
}
}

#scrollToTopBtn span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #e84b39;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    height: 40px;
    font-size: 18px;
    width: 40px;
    font-size: 40px;
    padding: 0;
    font-weight: bold;
}

/* Optional: Fügt eine sanfte Übergangsanimation hinzu, wenn der Button ein- und ausgeblendet wird. */
#scrollToTopBtn {
    transition: opacity 0.4s;
}


#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2147483647;
}

.bokLink, .bokLink:hover, .bokLink:visited, .bokLink:active, .bokLink:link {
    color: #e84b39;
    text-decoration: none;


}

@media screen and (max-width: 769px)  {
    #zinsOverlay {
        font-size: 14px !Important;
        padding: 10px !important;
    }
}

#zinsOverlay {
    position: fixed;
    top: calc(50%);
    left: calc(50%);
    width: 80%;
    display: none;

    background-color: rgba(0, 0, 0, 0.5);
    background: #fff;
    z-index: 2147483647;
    max-width: 400px;
    max-height: 800px;
    padding: 50px;
    transform: translate(-50%, -50%);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#zinsOverlay p {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px;
    display: block;
    background: #00203E;
}
#zinsOverlay .btn-primary {
    font-size: 18px !important;
}
#zinsOverlay .closeOverlay {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background: red;
    padding: 5px 5px 3px 5px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    cursor: pointer;
    margin: 0;
    box-shadow: 10px 10px 10px #d6d6d6;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}
.repBspBoxBF > span:hover {
    cursor: pointer;
}

.contentInnerCalc h2 {
    font-size: 3.9rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;

}

.contentInnerCalc h3 {
    font-size: 2.4rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #212529;
    line-height: 1.2;

}
.contentInnerCalc p {
    font-size: 1.4rem;
    line-height: 1.6em;
    color: #999;
}
.contentInnerCalc p u{

    color: #212529;
}
.headingDate {
    font-size: 18px;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .contentInnerCalc h2 {
    font-size: 3.1rem;
    }
    .headingDate {
        font-size: 15px;
        margin-top: 20px;
    }
}

#bodyform_bf {
    min-height: 800px;
}