.tarifrechner { max-width:100%; background:transparent; border-radius:0 0 20px 20px; overflow:visible; font-family:inherit; box-sizing:border-box; }
.tarifrechner__headline { display:none; }
.tarifrechner__tabs { display:flex; align-items:flex-end; gap:10px; border-bottom:10px solid #d0000b; margin-bottom:0; }
.tarifrechner__tabs.is-strom { border-bottom-color:#d0000b; }
.tarifrechner__tabs.is-gas { border-bottom-color:#f39800; }
.tarifrechner__tabs.is-wasser { border-bottom-color:#00508c; }
.tarifrechner__tab:focus { outline:none; }
.tarifrechner__tab { flex: 1 1 auto; display:flex; align-items:center; justify-content:center; gap:10px; height:58px; padding:0 18px; border:0; border-radius:7px 7px 0 0; background:#f3f3f3; color:#777; font:inherit; font-size:25px; line-height:1; white-space:nowrap; cursor:pointer; }
.tarifrechner__tab::before { content:''; display:block; width:22px; height:30px; background-repeat:no-repeat; background-position:center; background-size:contain; opacity:.9; }
.tarifrechner__tab[data-tarif-tab="strom"]::before { background-image:url('../../media/piktogramme/pikto-strom.webp'); }
.tarifrechner__tab[data-tarif-tab="gas"]::before { background-image:url('../../media/piktogramme/pikto-gas.webp'); }
.tarifrechner__tab[data-tarif-tab="wasser"]::before { background-image:url('../../media/piktogramme/pikto-wasser.webp'); }
.tarifrechner__tab[data-tarif-tab="strom"].is-active::before { background-image:url('../../media/piktogramme/pikto-strom-white.webp'); }
.tarifrechner__tab[data-tarif-tab="gas"].is-active::before { background-image:url('../../media/piktogramme/pikto-gas-white.webp'); }
.tarifrechner__tab[data-tarif-tab="wasser"].is-active::before { background-image:url('../../media/piktogramme/pikto-wasser-white.webp'); }
.tarifrechner__tab[data-tarif-tab="strom"] { color:#777; }
.tarifrechner__tab[data-tarif-tab="gas"] { color:#777; }
.tarifrechner__tab[data-tarif-tab="wasser"] { color:#777; }
.tarifrechner__tab[data-tarif-tab="strom"].is-active { background:#d0000b; color:#fff; }
.tarifrechner__tab[data-tarif-tab="gas"].is-active { background:#f39800; color:#fff; }
.tarifrechner__tab[data-tarif-tab="wasser"].is-active { background:#00508c; color:#fff; }
.tarifrechner__tab.is-active { color:#fff; font-weight:400; }
.tarifrechner__customer { display:flex; gap:90px; margin:0 60px 36px; color:#777; font-size:18px; line-height:1; }
.tarifrechner__customer label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.tarifrechner__customer input[type="radio"] { width:18px; height:18px; margin:0; accent-color:#d0000b; }
.tarifrechner__input, .tarifrechner__select { display:block; width:calc(100% - 118px); height:48px; margin:0 60px 22px; padding:0 14px; border:0; border-radius:7px; background:#f7f7f7; color:#777; font:inherit; font-size:18px; box-sizing:border-box; outline:none; }
.tarifrechner__input::placeholder { color:#777; opacity:1; }
.tarifrechner__panel { display:none; }
.tarifrechner__panel.is-active { display:block; background:#e9e9e9; padding:60px 0 60px; border-radius:0 0 20px 20px; }
.tarifrechner__scale { position:relative; width:calc(100% - 118px); margin:30px 60px 0; }
.tarifrechner__icons { position:relative; height:32px; margin-bottom:2px; }
.tarifrechner__icon { position:absolute; bottom:4px; display:block; background-repeat:no-repeat; background-position:center; background-size:contain; }
.tarifrechner__icon--single { left:12px; width:24px; height:32px; background-image:url('../../media/einzelperson.svg'); }
.tarifrechner__icon--group { right:-6px; width:58px; height:32px; background-image:url('../../media/personen.svg'); }
.tarifrechner__rangeWrap { position:relative; height:24px; }
.tarifrechner__rangeWrap::before { content:''; position:absolute; left:30px; right:30px; top:50%; height:1px; background:#999; transform:translateY(-50%); z-index:1; }
.tarifrechner__rangeWrap input[type="range"] { position:relative; z-index:3; display:block; width:100%; height:24px; margin:0; appearance:none; -webkit-appearance:none; background:transparent; cursor:pointer; opacity:0; }
.tarifrechner__rangeWrap input[type="range"]::-webkit-slider-runnable-track { height:24px; background:transparent; border:0; }
.tarifrechner__rangeWrap input[type="range"]::-webkit-slider-thumb { width:24px; height:24px; margin-top:0; appearance:none; -webkit-appearance:none; }
.tarifrechner__rangeWrap input[type="range"]::-moz-range-track { height:24px; background:transparent; border:0; }
.tarifrechner__rangeWrap input[type="range"]::-moz-range-thumb { width:24px; height:24px; border:0; background:transparent; }
.tarifrechner__numbers { display:flex; justify-content:space-between; padding:0; margin:6px 12px 0; color:#777; font-size:16px; line-height:1; }
.tarifrechner__numbers span { width:24px; text-align:center; transform:translateX(0); }
.tarifrechner__label { display:none; }
.tarifrechner__submit { display:block; width:267px; height:48px; margin:58px auto 0; border:0; border-radius:24px; background:#d0000b; color:#fff; font:inherit; font-size:24px; line-height:1; cursor:pointer; }
.tarifrechner__submit:hover { background:#b8000a; }
#Nenngroesse { color:var(--main); }
.tarifrechner__scale--personen.is-hidden { display:none; }
.tarifrechner__dots { position:absolute; left:12px; right:12px; top:50%; display:flex; justify-content:space-between; align-items:center; transform:translateY(-50%); z-index:2; pointer-events:none; box-sizing:border-box; }
.tarifrechner__dots span { position:relative; width:24px; height:24px; border-radius:50%; opacity:1; box-sizing:border-box; }
.tarifrechner__dots span::before { content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; border-radius:50%; background:#d98f94; opacity:.7; transform:translate(-50%, -50%); box-sizing:border-box; }
.tarifrechner__dots span.is-active::before { width:24px; height:24px; border:3px solid #d0000b; background:radial-gradient(circle, #d0000b 0 5px, transparent 6px); opacity:1; }

#gasQm { width:100%; padding:0 10px; opacity:1; background:linear-gradient(to right, #f39800 0%, #f39800 var(--range-progress, 0%), transparent var(--range-progress, 0%), transparent 100%); }
#gasQm::-webkit-slider-runnable-track { height:4px; background:linear-gradient(to right, #f39800 0%, #f39800 var(--range-progress, 0%), #999 var(--range-progress, 0%), #999 100%); border-radius:999px; }
#gasQm::-webkit-slider-thumb { width:24px; height:24px; margin-top:-10px; border:3px solid #f39800; border-radius:50%; background:#fff; appearance:none; -webkit-appearance:none; box-sizing:border-box; }
#gasQm::-moz-range-track { height:4px; background:#999; border-radius:999px; }
#gasQm::-moz-range-progress { height:4px; background:#f39800; border-radius:999px; }
#gasQm::-moz-range-thumb { width:24px; height:24px; border:3px solid #f39800; border-radius:50%; background:#fff; box-sizing:border-box; }
.tarifrechner__scale--gas{margin-top: 45px;}
.tarifrechner__scale--gas .tarifrechner__label{display: block; text-align: right;font-size: 95%;}
.tarifrechner__icons--gas { position:relative; height:42px; margin-bottom:6px;}
.tarifrechner__icon--haus-small { left:10px; width:28px; height:28px; background-image:url('../../media/haus.svg'); filter: opacity(0.8);}
.tarifrechner__icon--haus-big { right:-3px; width:48px; height:48px; background-image:url('../../media/haus.svg'); filter: opacity(0.8);}
.tarifrechner__scale--gas .tarifrechner__numbers { margin-top:0; }

.tarifbox { padding:25px 0; }
.tarifbox .tablehead{background-color: #f3f3f3; padding: 5px 0;}
.tarifbox .tariftext_l { min-width:220px; padding: 5px 10px 5px 10px;}
.tarifbox .tariftext_m { width:auto; padding: 5px 10px 5px 10px;}
.tarifbox .tariftext_r { width:auto; padding: 5px 10px 5px 10px;}
tr:not(.verlinkung) td{border: 1px solid #f3f3f3;}
tr.verlinkung{border: 1px solid #f3f3f3;}
tr.verlinkung .tariftext{padding: 5px 10px;}

@media(min-width:600px) {
    .tarifbox .tariftext_l { min-width:300px; }
    .tarifbox .tariftext_m { width:auto; }
}

.tarifrechner__brutto-hinweis { margin:8px 0 0; font-size:14px; font-style: italic; }