@charset "UTF-8";

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?xl1g28");
    src: url("../fonts/icomoon.eot?xl1g28#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?xl1g28") format("truetype"), url("../fonts/icomoon.woff?xl1g28") format("woff"), url("../fonts/icomoon.svg?xl1g28#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

#tarifrechner .tagcloud,
#tarifrechner .nav-drop ul,
#tarifrechner .btn-list,
#tarifrechner .tablist {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tarifrechner {
    box-sizing: border-box;
}

#tarifrechner *,
#tarifrechner *:before,
#tarifrechner *:after {
    box-sizing: inherit;
}

#tarifrechner * {
    max-height: 1000000px;
}

#tarifrechner main,
#tarifrechner article,
#tarifrechner aside,
#tarifrechner details,
#tarifrechner figcaption,
#tarifrechner figure,
#tarifrechner footer,
#tarifrechner header,
#tarifrechner hgroup,
#tarifrechner menu,
#tarifrechner nav,
#tarifrechner section {
    display: block;
}

#tarifrechner {
    color: #1f1f1f;
    font-family: 'FuturaBook', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}

@media (min-width: 768px) {
    #tarifrechner {
        font-size: 18px;
        line-height: 1.2;
    }
}

#tarifrechner img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

#tarifrechner .gm-style img {
    max-width: none;
}

@media (max-width: 991px) {
    #tarifrechner iframe {
        width: 100%;
    }
}

#tarifrechner .resize-active * {
    transition: none !important;
}

#tarifrechner ul,
#tarifrechner ol,
#tarifrechner dl,
#tarifrechner p,
#tarifrechner h1,
#tarifrechner h2,
#tarifrechner h3,
#tarifrechner h4,
#tarifrechner h5,
#tarifrechner h6,
#tarifrechner address,
#tarifrechner form,
#tarifrechner table,
#tarifrechner blockquote,
#tarifrechner applet,
#tarifrechner embed,
#tarifrechner object,
#tarifrechner iframe,
#tarifrechner frameset {
    margin: 0 0 20px;
}

#tarifrechner blockquote {
    border-left: 4px solid #999;
    padding-left: 10px;
    margin-left: 0;
}

#tarifrechner table {
    border-collapse: collapse;
}

#tarifrechner th,
#tarifrechner td {
    border: 1px solid #999;
    padding: 3px;
    text-align: left;
    vertical-align: top;
}

#tarifrechner th {
    text-align: center;
    vertical-align: middle;
}

#tarifrechner ul,
#tarifrechner ol {
    padding-left: 20px;
}

#tarifrechner ul ul,
#tarifrechner ul ol,
#tarifrechner ol ul,
#tarifrechner ol ol {
    padding-left: 20px;
    margin: 0;
}

#tarifrechner ul {
    list-style-type: disc;
}

#tarifrechner dl dt {
    float: left;
    clear: left;
    padding-right: 0.3em;
    font-weight: bold;
}

#tarifrechner dl dd {
    overflow: hidden;
}

#tarifrechner pre {
    max-width: 100%;
    overflow: auto;
}

#tarifrechner form,
#tarifrechner fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

#tarifrechner input[type='text'],
#tarifrechner input[type='tel'],
#tarifrechner input[type='email'],
#tarifrechner input[type='search'],
#tarifrechner input[type='password'],
#tarifrechner input[type='url'],
#tarifrechner textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'FuturaLight', "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    box-sizing: border-box;
    border: 1px solid #1f1f1f;
    border-radius: 0;
}

#tarifrechner input[type='text']:focus,
#tarifrechner input[type='tel']:focus,
#tarifrechner input[type='email']:focus,
#tarifrechner input[type='search']:focus,
#tarifrechner input[type='password']:focus,
#tarifrechner input[type='url']:focus,
#tarifrechner textarea:focus {
    outline: none;
    border-color: #1f1f1f;
}

#tarifrechner input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

#tarifrechner a {
    color: #7397a7;
    text-decoration: none;
	font-family: 'FuturaBook', sans-serif;
}

#tarifrechner a:hover, #tarifrechner a:focus {
    color: #1f1f1f;
    text-decoration: none;
}

#tarifrechner a[href*="mailto:"] {
    word-wrap: break-word;
}

/* custom select styles */
#tarifrechner .jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #777;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px;
}

#tarifrechner .jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

#tarifrechner .jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin: 0 35px 0 8px;
}

#tarifrechner .jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #aaa;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}

#tarifrechner  > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

#tarifrechner  > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

#tarifrechner .jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

#tarifrechner .jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

#tarifrechner .jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #f00;
}

/* multiple select styles */
#tarifrechner .jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

/* custom select styles */
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #777;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin: 0 35px 0 8px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #aaa;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #f00;
}

/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    overflow: hidden;
    display: block;
    padding: 5px 9px;
    color: #656565;
    height: 1%;
    cursor: pointer;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* custom range input styles */
.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px;
}

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
}

.jcf-range .jcf-range-wrapper {
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0;
    height: 10px;
}

.jcf-range.jcf-vertical {
    width: auto;
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px;
}

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto;
}

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0;
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px;
}

.jcf-range.jcf-focus .jcf-range-handle {
    border: 1px solid #f00;
    margin: -5px 0 0 -1px;
}

.jcf-range.jcf-disabled {
    background: none !important;
    opacity: 0.3;
}

/* common custom form elements styles */
.jcf-disabled {
    background: #ddd !important;
}

.jcf-focus,
.jcf-focus * {
    border-color: #f00 !important;
}

/*! =======================================================
                      VERSION  10.2.0
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
#tarifrechner .slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#tarifrechner .slider.slider-horizontal {
    width: 210px;
    height: 20px;
}

#tarifrechner .slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

#tarifrechner .slider.slider-horizontal .slider-selection,
#tarifrechner .slider.slider-horizontal .slider-track-low,
#tarifrechner .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

#tarifrechner .slider.slider-horizontal .slider-tick,
#tarifrechner .slider.slider-horizontal .slider-handle {
    margin-left: -10px;
}

#tarifrechner .slider.slider-horizontal .slider-tick.triangle,
#tarifrechner .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #2e6da4;
    margin-top: 0;
}

#tarifrechner .slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#tarifrechner .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

#tarifrechner .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

#tarifrechner .slider.slider-horizontal .tooltip {
    transform: translateX(-50%);
}

#tarifrechner .slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
}

#tarifrechner .slider.slider-horizontal.slider-rtl .slider-tick,
#tarifrechner .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
}

#tarifrechner .slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
}

#tarifrechner .slider.slider-horizontal.slider-rtl .tooltip {
    transform: translateX(50%);
}

#tarifrechner .slider.slider-vertical {
    height: 210px;
    width: 20px;
}

#tarifrechner .slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
}

#tarifrechner .slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

#tarifrechner .slider.slider-vertical .slider-track-low,
#tarifrechner .slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}

#tarifrechner .slider.slider-vertical .slider-tick,
#tarifrechner .slider.slider-vertical .slider-handle {
    margin-top: -10px;
}

#tarifrechner .slider.slider-vertical .slider-tick.triangle,
#tarifrechner .slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #2e6da4;
    border-right-color: #2e6da4;
    margin-left: 0;
    margin-right: 0;
}

#tarifrechner .slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}

#tarifrechner .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}

.slider.slider-vertical .tooltip {
    transform: translateY(-50%);
}

#tarifrechner .slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%;
}

.slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0;
}

#tarifrechner .slider.slider-vertical.slider-rtl .slider-tick.triangle,
#tarifrechner .slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0;
}

#tarifrechner .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px;
}

#tarifrechner .slider.slider-disabled .slider-handle {
    background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

#tarifrechner .slider.slider-disabled .slider-track {
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}

#tarifrechner .slider input {
    display: none;
}

#tarifrechner .slider .tooltip.top {
    margin-top: -36px;
}

#tarifrechner .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

#tarifrechner .slider .hide {
    display: none;
}

#tarifrechner .slider-track {
    position: absolute;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

#tarifrechner .slider-selection {
    position: absolute;
    background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-radius: 4px;
}

#tarifrechner .slider-selection.tick-slider-selection {
    background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
}

#tarifrechner .slider-track-low,
#tarifrechner .slider-track-high {
    position: absolute;
    background: transparent;
    box-sizing: border-box;
    border-radius: 4px;
}

#tarifrechner .slider-handle:hover {
    cursor: pointer;
}

#tarifrechner .slider-handle.round {
    border-radius: 50%;
}

#tarifrechner .slider-handle.triangle {
    background: transparent none;
}

#tarifrechner .slider-handle.custom {
    background: transparent none;
}

#tarifrechner .slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

#tarifrechner .slider-tick {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    filter: none;
    opacity: .8;
    border: 0 solid transparent;
}

#tarifrechner .slider-tick.round {
    border-radius: 50%;
}

#tarifrechner .slider-tick.triangle {
    background: transparent none;
}

#tarifrechner .slider-tick.custom {
    background: transparent none;
}

#tarifrechner .slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

#tarifrechner .slider-tick.in-selection {
    background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    opacity: 1;
}

#tarifrechner #nav {
    position: relative;
}

#tarifrechner .nav-drop {
    transition: all 0.3s ease-in-out;
    background: #1f1f1f;
    color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 768px) {
    #tarifrechner .nav-drop {
        position: static;
        opacity: 1;
        visibility: visible;
        color: #1f1f1f;
        background: none;
    }
}

#tarifrechner .nav-active .nav-drop {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 768px) {
    #tarifrechner .nav-drop > ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

#tarifrechner .nav-drop li {
    position: relative;
    list-style: none;
}

#tarifrechner .nav-drop li.active a {
    opacity: 0.5;
}

#tarifrechner .nav-drop li:hover > a {
    opacity: 0.5;
}

#tarifrechner .nav-drop li:hover > ul {
    display: block;
}

#tarifrechner .nav-drop li > ul {
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 2;
}

@media (min-width: 768px) {
    #tarifrechner .nav-drop li > ul {
        position: absolute;
    }
}

#tarifrechner .nav-drop a {
    color: inherit;
}

#tarifrechner .nav-opener {
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 0;
    line-height: 0;
    float: right;
}

@media (min-width: 768px) {
    #tarifrechner .nav-opener {
        display: none;
    }
}

#tarifrechner .nav-opener:before,
#tarifrechner .nav-opener:after,
#tarifrechner .nav-opener span {
    transition: transform 0.3s ease-in-out;
    background: #1f1f1f;
    position: absolute;
    top: 16px;
    left: 15%;
    right: 15%;
    height: 3px;
    margin-top: -2px;
}

#tarifrechner .nav-opener:before,
#tarifrechner .nav-opener:after {
    content: '';
    top: 10px;
}

#tarifrechner .nav-opener:after {
    top: 22px;
}

#tarifrechner .nav-opener:hover {
    opacity: 0.9;
}

#tarifrechner .nav-active .nav-opener span {
    opacity: 0;
}

#tarifrechner .nav-active .nav-opener:after,
#tarifrechner .nav-active .nav-opener:before {
    transform: rotate(45deg);
    top: 16px;
    left: 15%;
    right: 15%;
}

#tarifrechner .nav-active .nav-opener:after {
    transform: rotate(-45deg);
}

#tarifrechner .resize-active .nav-drop,
#tarifrechner .resize-active .nav-drop > ul {
    transition: none !important;
}

#tarifrechner {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

#tarifrechner .container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

#tarifrechner [class^="icon-"],
#tarifrechner [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#tarifrechner .icon-down-arrow:before {
    content: "\e900";
}

#tarifrechner .icon-drop-1:before {
    content: "\e901";
}

#tarifrechner .icon-drop-2:before {
    content: "\e902";
}

#tarifrechner .icon-drop-3:before {
    content: "\e903";
}

#tarifrechner .icon-error:before {
    content: "\e904";
}

#tarifrechner .icon-gas:before {
    content: "\e905";
    color: #fff;
}

#tarifrechner .icon-heizstrom:before {
    content: "\e906";
    color: #fff;
}

#tarifrechner .icon-house-1:before {
    content: "\e907";
}

#tarifrechner .icon-house-2:before {
    content: "\e908";
}

#tarifrechner .icon-house-3:before {
    content: "\e909";
}

#tarifrechner .icon-house-4:before {
    content: "\e90a";
}

#tarifrechner .icon-people-1:before {
    content: "\e90b";
}

#tarifrechner .icon-people-2:before {
    content: "\e90c";
}

#tarifrechner .icon-people-3:before {
    content: "\e90d";
}

#tarifrechner .icon-people-4:before {
    content: "\e90e";
}

#tarifrechner .icon-strom:before {
    content: "\e90f";
    color: #fff;
}

#tarifrechner .icon-wasser:before {
    content: "\e910";
    color: #fff;
}

#tarifrechner .js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}

#tarifrechner .tariff-widget {
    max-width: 1200px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    #tarifrechner .tariff-widget .side-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#tarifrechner .tariff-widget .side-content input[type='radio']:checked + .btn {
    background-color: #003b4d;
}

#tarifrechner .tariff-widget .side {
    position: relative;
    background-color: #a6bdc3;
    z-index: 1;
}

@media (min-width: 992px) {
    #tarifrechner .tariff-widget .side {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

#tarifrechner .tariff-widget .side-toggle {
    background-color: #d9e1e4;
}

#tarifrechner .side-toggle .widget-content {
    overflow-x: hidden;
}

#tarifrechner .side-toggle .widget-content > * {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform .3s, opacity .5s;
}

#tarifrechner .side-toggle .widget-content > *:nth-child(2) {
    transition: transform .4s, opacity .6s;
}

#tarifrechner .side-toggle .widget-content > *:nth-child(3) {
    transition: transform .5s, opacity .7s;
}

#tarifrechner .side-toggle .widget-content > *:nth-child(4) {
    transition: transform .6s, opacity .8s;
}

#tarifrechner .side-toggle .widget-content > *:nth-child(5) {
    transition: transform .7s, opacity .9s;
}

#tarifrechner .side-toggle .active .widget-content > * {
    transform: translateX(0);
    opacity: 1;
}

#tarifrechner .tariff-widget .widget-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 25px;
}

#tarifrechner .tariff-widget .widget-header {
    font-family: 'FuturaBook';
    padding: 16px 30px;
    font-size: 22px;
    line-height: 1;
    color: #fff;
    background-color: #003b4d;
}

#tarifrechner .tariff-widget .widget-header p {
    margin: 0;
}

#tarifrechner .tariff-widget .widget-header span {
    font-family: 'FuturaMedium', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    #tarifrechner .tariff-widget .widget-header {
        font-size: 28px;
    }
}

#tarifrechner .tariff-widget .widget-content {
    padding: 0 15px 0 15px;
}

@media (min-width: 768px) {
    #tarifrechner .tariff-widget .widget-content {
        padding: 0 30px 0 30px;
    }
}

#tarifrechner .tariff-widget .widget-footer {
    padding: 0 15px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    #tarifrechner .tariff-widget .widget-footer {
        padding: 0 30px;
		bottom: 30px;
    }
}

#tarifrechner .not-active-tab .crimson {
    background-color: #c21135;
}

#tarifrechner .not-active-tab .yellow {
    background-color: #e7d009;
}

#tarifrechner .not-active-tab .blue {
    background-color: #00abd4;
}

#tarifrechner .active .crimson {
    background-color: #c21135;
}

#tarifrechner .active .yellow {
    background-color: #e7d009;
}

#tarifrechner .active .blue {
    background-color: #00abd4;
}

#tarifrechner .tariff-widget .btn {
    font-family: 'FuturaBook', sans-serif;
    transition: background-color 0.3s ease-in-out;
    display: block;
    width: 100%;
    padding: 12px 5px;
    margin-bottom: 0;
    border: none;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 26px;
    background-color: #7397a7;
    cursor: pointer;
	border-radius: unset;
}

#tarifrechner .tariff-widget button.btn,
#tarifrechner .input-wrap label.btn {
    font-size: 22px;
}

#tarifrechner .side-toggle .btn {
    font-size: 22px;
}

#tarifrechner .tariff-widget .btn:hover {
    background-color: #003b4d;
}

#tarifrechner .tariff-widget .btn-dark {
    background-color: #003b4d;
}

#tarifrechner .tariff-widget .btn-dark:hover {
    background-color: #7397a7;
}

#tarifrechner .tariff-widget .btn-crimson {
    background-color: #c21135;
}

#tarifrechner .tariff-widget .btn-yellow {
    background-color: #e7d009;
}

#tarifrechner .tariff-widget .btn-blue {
    background-color: #00abd4;
}

#tarifrechner .lbCard {
    transition: all 0.3s ease-in-out;
    padding: 20px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background-color: #7598a8;
    height: 100%;
    box-shadow: none;
}

#tarifrechner .lbCard .descr {
    line-height: 1;
    text-transform: uppercase;
}

#tarifrechner .lbCard .descr span {
    font-family: 'FuturaLight', serif;
    font-weight: normal;
}

#tarifrechner .lbCard .descr p {
    font-family: 'FuturaMedium', sans-serif;
    margin: 0;
    display: block;
    text-transform: uppercase;
}

#tarifrechner .lbCard-header {
    margin-bottom: 15px;
    opacity: 0;
    transition: opacity .3s;
}

#tarifrechner .lbCard-header.show {
    opacity: 1;
}

#tarifrechner .lbCard .img {
    transition: transform 0.3s ease-in-out;
    margin-bottom: 15px;
    font-size: 62px;
    line-height: 1;
    transform: scale(1);
}

@media (min-width: 992px) {
    #tarifrechner .lbCard:hover .img {
        transform: scale(1.2);
    }
}

#tarifrechner .input-wrap {
    padding-bottom: 40px;
    padding-top: 15px;
}

#tarifrechner #tab4 .input-wrap {
    padding-bottom: 0;
}

#tarifrechner .input-wrap.two-columns {
    margin-left: -5px;
    margin-right: -5px;
	padding-top: 0;
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap.two-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#tarifrechner .input-wrap.two-columns .input-side {
    padding: 20px 5px 0;
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap.two-columns .input-side {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap.two-columns .input-side .with-units input {
        max-width: 64%;
        -ms-flex: 1 0 1%;
        flex: 1 0 1%;
    }
}

#tarifrechner .input-wrap.wrap-range {
    padding: 5px 0;
}

#tarifrechner .input-wrap label {
    font-family: 'FuturaLight', sans-serif;
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    color: #003b4d;
    line-height: 1;
}

#tarifrechner .input-wrap.with-btn {
    padding-bottom: 0;
}

#tarifrechner .input-wrap.with-btn > label {
    margin-bottom: 10px;
}

#tarifrechner .input-wrap input[type='text'],
#tarifrechner .input-wrap input[type='search'],
#tarifrechner .input-wrap input[type='email'],
#tarifrechner .input-wrap input[type='password'],
#tarifrechner .input-wrap input[type='number'] {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 22px;
    color: #003b4c;
    text-align: left;
    padding: 0 20px;
    border: none;
    background-color: #fff;
	border-radius: unset;
}

#tarifrechner .input-wrap input[disabled="true"]:focus {

}

#tarifrechner .input-wrap input[type='text'].input-error,
#tarifrechner .input-wrap input[type='search'].input-error,
#tarifrechner .input-wrap input[type='email'].input-error,
#tarifrechner .input-wrap input[type='password'].input-error,
#tarifrechner .input-wrap input[type='number'].input-error {
    border-color: #c21135;
    background-color: #ffcccc;
}

#tarifrechner .input-wrap input[type='number'] {
    -moz-appearance: textfield;
}

#tarifrechner .input-wrap input[type='number']::-webkit-outer-spin-button, #tarifrechner .input-wrap input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#tarifrechner .input-wrap .with-units {
    display: -ms-flexbox;
    display: flex;
}

#tarifrechner .input-wrap .with-units input {
    max-width: calc(100% - 93px);
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
}

#tarifrechner .input-wrap .jcf-select.jcf-disabled .jcf-select-text {
    color: #999;
}

#tarifrechner .input-wrap .with-units span.units {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    padding: 5px;
    font-size: 22px;
    color: #7598a8;
    background-color: #fff;
	margin-left: 3px;
}

#tarifrechner .input-wrap .jcf-select {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 0 solid transparent;
    height: 50px;
    background-color: transparent;
    margin: 0;
    cursor: pointer;
}

#tarifrechner .input-wrap .jcf-select .jcf-select-text {
    max-width: 100%;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    margin: 0 90px 0 0;
    color: #003b4d;
    padding: 0 10px;
    font-size: 22px;
    height: 100%;
    line-height: 50px;
    background-color: #fff;
    cursor: pointer;
}

#tarifrechner .input-wrap .jcf-select .jcf-select-opener {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    max-width: 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    background-color: #7598a8;
}

#tarifrechner .input-wrap .jcf-select .jcf-select-opener:before {
    display: block;
    content: '';
    width: 35px;
    height: 20px;
    background: url("../images/down-arrow.png") no-repeat center;
    background-size: contain;
}

#tarifrechner .input-wrap .jcf-select.jcf-drop-active .jcf-select-opener {
    background-color: #003b4d;
}

#tarifrechner .input-wrap .jcf-focus,
#tarifrechner .input-wrap .jcf-focus * {
    border-color: transparent !important;
}

#tarifrechner .input-wrap .range-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    color: #003b4d;
}

#tarifrechner .input-wrap .range-icons i {
    font-size: 30px;
}

#tarifrechner .input-wrap .range-icons i.icon-drop-s {
    font-size: 20px;
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap .range-icons i.icon-drop-s {
        font-size: 30px;
    }
}

#tarifrechner .input-wrap .range-icons i.icon-drop-m {
    font-size: 35px;
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap .range-icons i.icon-drop-m {
        font-size: 52px;
    }
}

#tarifrechner .input-wrap .range-icons i.icon-drop-xl {
    font-size: 40px;
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap .range-icons i.icon-drop-xl {
        font-size: 60px;
    }
}

@media (min-width: 481px) {
    #tarifrechner .input-wrap .range-icons i {
        font-size: 60px;
    }
}

#tarifrechner .input-wrap .slider.slider-horizontal {
    width: 100%;
    height: auto;
    margin: 0;
}

#tarifrechner .input-wrap .slider .slider-track {
    position: static;
    height: 14px;
    border-radius: 14px;
    margin-top: 0;
    top: 0;
    background: #7397a7 none;
    box-shadow: none;
}

#tarifrechner .input-wrap .slider .slider-selection.tick-slider-selection {
    background: #003b4d;
    border-radius: 14px;
}

#tarifrechner .input-wrap .slider .slider-tick {
    display: none;
}

#tarifrechner .input-wrap .slider .slider-handle {
    width: 23px;
    height: 23px;
    background-color: #a4bcc3;
    border: none !important;
    cursor: pointer;
    top: -5px;
	position: absolute;
}

#tarifrechner .input-wrap .slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 15px;
    margin-right: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0 !important;
}

#tarifrechner .input-wrap .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    width: auto !important;
    font-size: 22px;
    padding-top: 0;
    color: #003b4d;
    line-height: 1;
    cursor: pointer;
	font-family: 'FuturaLight', sans-serif;
}

#tarifrechner .input-wrap .slider .tooltip.top {
    display: none;
    margin-top: 0;
}

#tarifrechner .input-wrap .slider .slider-selection {
    position: static;
}

#tarifrechner .error-massage {
    color: #c21135;
    padding: 3px 10px;
    background: #fff;
    margin: 3px 0;
    font-weight: bold;
    display: none;
}

.jcf-select-drop .jcf-select-drop-content {
    border: none !important;
}

body > .jcf-select-drop {
    margin: 0;
    margin-top: 3px !important;
}

.jcf-list {
    background-color: transparent;
}

.jcf-list .jcf-option {
    color: #003b4d;
    font-size: 22px;
    line-height: 27px;
    background-color: #fff;
    padding: 5px 20px;
}

.jcf-list ul li {
    border-bottom: 3px solid #dae1e4;
    background-color: #fff;
}

#tarifrechner .btn-list {
    margin-left: -5px;
    margin-right: -5px;
}
#tarifrechner .btn-list.nutzung {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#tarifrechner .btn-list.nutzung .item {
	max-width: 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
#tarifrechner .side-toggle .widget-footer .btn-list {
	margin-left: 0;
    margin-right: 0;
}
#tarifrechner .tab .btn-list {
    opacity: 0;
    transition: opacity 0.2s;
}
#tarifrechner .active .btn-list {
    opacity: 1;
}

#tarifrechner .btn-list .item-right {
    margin-left: auto;
}

#tarifrechner .side-toggle .widget-content {
    margin-bottom: 47px;
}

@media (min-width: 481px) {
    #tarifrechner .btn-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#tarifrechner .static-block .btn-list .item {
    padding: 5px;
}

@media (min-width: 481px) {
    #tarifrechner .btn-list .item {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

#tarifrechner .btn-list input[type='radio'] {
    display: none;
}

#tarifrechner .tablist {
    margin: 0 -5px;
}

@media (min-width: 481px) {
    #tarifrechner .tablist {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#tarifrechner .tablist li {
    padding: 5px;
}

@media (min-width: 481px) {
    #tarifrechner .tablist li {
        max-width: 33.33%;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
    }
}

#tarifrechner .tablist li a {
    display: block;
    height: 100%;
}

#tarifrechner .tablist a.active .lbCard {
    box-shadow: inset 0 0 40px -10px #000;
}

#tarifrechner .tablist a.active .lbCard .img {
    transform: scale(1.1);
}

#tarifrechner .side-descr {
    width: 100%;
    height: 100%;
    padding: 30px 30px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #003b4d;
    line-height: 1.5;
	font-family: 'FuturaBook', sans-serif;
}

#tarifrechner .side-descr strong {
	font-family: 'FuturaMedium', sans-serif;
}

@media (min-width: 481px) {
    #tarifrechner .side-descr {
        font-size: 32px;
		line-height: 36px;
    }
}

#tarifrechner .tab-content {
    /* height: 100%; */
}

#tarifrechner .tab-content .tab.active {
    position: relative;
    z-index: 2;
    height: 100%;
    background-color: #d9e1e4;
}

#tarifrechner .widget-message {
    display: none;
    padding: 20px 30px;
    background-color: #fff;
    color: #ff0000;
    font-size: 18px;
    position: absolute;
}

#tarifrechner .widget-message i {
    color: #ff0000;
    font-size: 43px;
}

#tarifrechner .widget-message p {
    margin: 0;
}

#tarifrechner .widget-message p.message-original {
    display: none;
}

#tarifrechner .widget-message .content {
    margin-left: 20px;
}

#tarifrechner .form-error .widget-message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#tarifrechner #footer {
    background: #fff;
}

/*# sourceMappingURL=style.css.map */
#tarifrechner .click {
    cursor: pointer;
}

#tarifrechner .lbCard-header {
    opacity: 100;
}
#tarifrechner .side-descr2 {
    display: none;
}
@media (max-width: 480px) {
	#tarifrechner .tablist {
        height: 100px;
    }
    #tarifrechner .tabListUnit,
    #tarifrechner .tabListUnitWater {
        width: 100%;
        height: 79px;
        float: left;
    }
    #tarifrechner .tabListUnitWater {
        min-width: 100%;
        max-width: 100%;
    }
    #tarifrechner .lbCard .img {
        display: none;
    }
    #tarifrechner .lbCard-header {
        margin-bottom: 0px;
    }
    #tarifrechner .lbCard {
        font-size: 20px;
        padding: 11px;
    }
	#tarifrechner .lbCard .descr p {
        font-family: 'FuturaMedium', sans-serif;
        margin: 0;
        display: inline;
        text-transform: uppercase;
    }
	
	#tarifrechner .side-descr {
		padding: 15px 20px 0px;
	}
	#tarifrechner .tariff-widget .widget-body {
		padding-bottom: 10px;
	}
	#tarifrechner .input-wrap {
		padding-bottom: 20px;
	}
	
/*	
    
    #tarifrechner .nutzung .item{
        width: 50% !important;
        float: left;
    }
    #tarifrechner .side-descr2 {
        position: relative;
        width: 100%;
        height: 130px;
        padding: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
        color: #003b4d;
        line-height: 1.3;
        padding-bottom: 10px;
        text-align: center;
        background-color: #a6bdc3;
    }
    #tarifrechner .side-descr {
        display: none !important;
    }
    #tarifrechner .input-wrap label {
        margin-bottom: 2px;
    }
    #tarifrechner .tab-content .tab.active {
        position: fixed;
        z-index: 2;
        height: 100%;
        background-color: #d9e1e4;
        width: 100%;
        top: 0px;
    }
    #tarifrechner .tablist li {
        padding: 4px 10px 4px 10px;
    }
    #tarifrechner .input-wrap {
         padding-top: 0px;
    }
    #tarifrechner .tariff-widget .widget-footer {
        padding: 0 15px 15px;
         position: unset;
        bottom: 0;
        left: 0;
        right: 0;
    }
    #tarifrechner .input-wrap.two-columns .input-side {
        padding: 4px 10px 4px 10px;
    }
    #tarifrechner .widget-message {
        position: fixed;
        top: 1px;
        height: 130px;
    }
*/
}


#tarifrechner .stromVerbrauch,
#tarifrechner .gasVerbrauch,
#tarifrechner .wasserVerbrauch{
    display: none;
}
#tarifrechner .stromVerbrauchInitial,
#tarifrechner .gasVerbrauchInitial,
#tarifrechner .wasserVerbrauchInitial{
    display: block;
}

@media (min-width: 555px) {
    #tarifrechner .input-side-ort {
        max-width: 600px !important;
        width: 500px !important;
        min-width: 77% !important;
    }
    #tarifrechner .input-side-plz {
        max-width: 23% !important;
        min-width: 23% !important;
    }
}