@import url('nav.css?14');
@import url('style.css?46');
@import url('spezial.css?25');
@import url('modal-box.css');
@import url('style_mobile.css?15') (max-width: 850px);


.abo-navi { padding: 0!important; margin: 0!important; position: relative; }
.abo-navi::before { content: ''; width: 100%; height: 1px; background-color: #767676; position: absolute; top: 23px; left: 0; }
.abo-navi li { text-align: center; width: 16.666666666666668%; float: left; }
.abo-navi li::before { display: none; }
.abo-navi li span { display: inline-block; position: relative; z-index: 1; width: 45px; height: 45px; background-color: #767676; color: #fff; border-radius: 100%; line-height: 45px; font-size: 22px; font-weight: bold; }
.abo-navi li.active span { background-color: #fbc10f; color: #032c58; }
.abo-navi li i { display: block; font-size: 14px; color: #333; font-style: normal; }

select:not([multiple="multiple"]) { background: #fff; position: relative; }

.col input[type="text"], .col input[type="email"], .col input[type="tel"], .col input[type="number"], .col input[type="password"], .col textarea { width: 100% !important; max-width: none !important; box-sizing: border-box; }

.col input[type="text"]:not(.error),
.col input[type="email"]:not(.error),
.col input[type="tel"]:not(.error),
.col input[type="number"]:not(.error),
.col input[type="password"]:not(.error),
.col textarea:not(.error),
.col select:not(.error):not(.has_maps_error) { border: 1px solid #ccc !important; box-sizing: border-box; }

.col input:not([type="file"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="radio"]):not([type="checkbox"]),
.col textarea { box-sizing: border-box !important; }

#ctl00_ContentPlaceHolder1_tr_gdatum label { position: relative; z-index: 1; }
#ctl00_ContentPlaceHolder1_tr_gdatum label::after { content: ''; position: absolute; width: 30px; height: 30px; top: 43px; right: 0; background: url(../../assets/images/dropdownarrow2.png) no-repeat right center; }

.radiobutton input { display: initial!important; float: none; }
.visually-hidden, .vh, .radiobutton input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.radiobutton .switch-label { overflow: initial; }
*:focus-visible, .radiobutton input:focus-visible + label span,
.preisstufeOption input:focus-visible + label { outline: 3px solid #e91b22!important; }
#mainnav ul li { overflow: initial; }
#mainnav #logo { display: block; position: fixed; z-index: 13; top: 0; left: 0; margin-left: 0; }
#mainnav #logo img.widelogo { position: initial; }
@media (max-width: 1120px) {
    #mainnav.active #logo img.widelogo { display: block; }
    #mainnav #logo + .dark { padding-top: 120px; }
    #mainnav { top: 60px !important; }
}
#ctl00_SiteMapPath1 > a { display: none; }

#mainnav ul { margin-top: 0; }

#VertrasListe td .input { margin: 0; }
#VertrasListe .m-label { display: none; }

.input { min-height: 1.2em; }

@media (max-width: 850px) {
    .tarif #content { width: 100% !important; box-sizing: border-box; }

    .cols4 > .col, .c1of4, .c2of4, .c3of4, .c4of4 { width: 100% !important; float: none; margin-left: 0; box-sizing: border-box; }

    .formgen.showForm .field { margin-bottom: 8px !important; }

    .presentation-block label, .presentation-block .label { font-size: 1rem; font-weight: bold; }

    .presentation-block .input { margin-bottom: 0; }
    .cols4::after { content: ""; white-space: normal; }

    .heading.style5 { font-size: 1.4em; font-weight: bold; }
    .heading.style12 { font-weight: bold; }

    .item-wrap, .formtext, .bankinfos { width: 100% !important; float: none; box-sizing: border-box; }
    .item-wrap input, .item-wrap select, .col select { width: 100% !important; max-width: 100%; float: none; box-sizing: border-box; }
    .selectBox-min-width-400 { min-width: 0 !important; width: 100% !important; }

    .col select { font-size: 1.3em; }

    [id$="UpdatePanel_GDATUM"] > .col { min-width: 0 !important; box-sizing: border-box; }
    [id$="UpdatePanel_GDATUM"] > .col + .col label { display: none; }

    .preisstufeOption { min-width: 0 !important; box-sizing: border-box; }

    .ac_results > ul { width: 100% !important; max-width: 480px; }

    p.buttons { width: 100% !important; box-sizing: border-box; }
    p.buttons .back, p.buttons .back.grey, p.buttons .submit, p.buttons .submit.grey { float: none; width: 100%; box-sizing: border-box; margin: 6px 0; }
    input[type="button"] { float: none; width: 100%; max-width: 100%; }
    input[type="submit"], input[type="button"], button { font-size: 1.2rem; }

    .quickview { width: 100% !important; overflow-x: auto; }

    .abo-navi .caption.hide-for-small { display: none; }

    #VertrasListe { border: 0 !important; font-size: 1rem; }
    #VertrasListe thead { display: none; }
    #VertrasListe, #VertrasListe tbody, #VertrasListe tr, #VertrasListe td { display: block; width: 100% !important; box-sizing: border-box; }
    #VertrasListe tr { margin-top: 0 !important; padding: 22px 0 56px; }
    #VertrasListe td { border: 0 !important; padding: 2px 0; text-align: left !important; }
    #VertrasListe td .row-title { margin-bottom: 3px; }
    #VertrasListe td .input { display: block; margin: 0 0 12px; padding: 7px 10px; background: #ededed; border: 1px solid #dedede; border-radius: 3px; }
    #VertrasListe td.vtg-split .row-title { display: none; }
    #VertrasListe .m-label { display: block; font-weight: bold; margin-bottom: 3px; }
    #VertrasListe td:last-child .row-title { display: none; }

    #VertrasListe td:first-child .row-title { display: none; }
    #VertrasListe td:first-child .input {
        background: none;
        border: 0;
        border-radius: 0;
        padding: 0;
        margin: 2px 0 12px;
        font-size: 1.6em;
        font-weight: 600;
        line-height: 1.3;
        color: #032c58;
    }

    #VertrasListe td .link { text-align: left !important; margin: 8px 0 0 !important; }
    #VertrasListe td .link a {
        display: block;
        padding: 10px 16px;
        line-height: 1.3;
        font-size: 1.2rem !important;
        font-weight: normal;
        background: #094d98;
        color: #fff !important;
        text-align: center;
        border: 0;
        text-decoration: none !important;
        background-image: none !important;
        box-sizing: border-box;
    }

    .list_ li { font-size: 1.5em; line-height: 1.4; }
}

@media (max-width: 360px) {
    .abo-navi li span { width: 36px; height: 36px; line-height: 36px; font-size: 18px; }
}