/***** Powermail - Start *****/
.tx-powermail {
    padding: 54px 75px;
    /*padding: 54px 0;*/
    color: rgb(var(--color-font));
    background-color: rgb(var(--color-custom-5));
}

.tx-powermail h3 {
    display: none;
    margin: 0 0 40px;
    color: rgb(var(--color-primary));
    font-weight: 500;
}

.rm-form {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 24px;
    /*line-height: 1.41666;
    border-radius: 0 80px 0 0;*/
}

.rm-form fieldset {
    margin: 0 0 32px;
    padding: 0 0 12px;
    border-bottom: 3px solid #fff;
}
.rm-form fieldset:last-of-type {
    margin: 0;
    padding: 0;
    border: none;
}
fieldset legend {
    padding: 0;
    font: 500 26px/1.2 var(--font-1);
    color: rgb(var(--color-primary));
}
fieldset:first-of-type legend {
    display: block;
    width: 100%;
    margin: 0 0 26px;
    padding: 0;
    font-weight: 400;
}
fieldset:first-of-type legend .page-title {
    border-bottom: 3px solid #fff;
}

.powermail_fieldwrap {
    /*display: flex;*/
    margin: 0 0 20px;
}
label.powermail_label {
    flex: 0 0 206px;
    align-items: flex-start;
    padding: 8px 0 0;
}
.powermail_field {
    width: calc(100%);
}
.powermail_field input[type="text"],
.powermail_field input[type="tel"],
.powermail_field input[type="number"],
.powermail_field input[type="password"],
.powermail_field input[type="email"],
.powermail_field textarea {
    width: 100%;
    color: inherit;
    font-size: 24px;
    font-weight: 300;
    border: none;
    background-color: #fff;
}
.powermail_field textarea {
    resize: vertical;
    height: 220px;
    min-height: 220px;
    max-height: 480px;
}
.powermail_field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}

.powermail_field.radio-fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.powermail_field.radio-fields .radio {
    margin: 0 0 22px;
}

.powermail_field .checkbox input,
.powermail_field .radio input {
    display: none;
}
.powermail_field .checkbox label,
.powermail_field .radio label {
    align-items: flex-start;
}
.powermail_field .checkbox .icon,
.powermail_field .radio .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 2px 20px 0 0;
    background-color: #fff;
}
.powermail_field .radio .icon {
    margin: 2px 10px 0 0;
    border-radius: 50%;
}
.powermail_field .checkbox input + label .icon::before {
    content: '';
    transform: rotate(-45deg);
    width: 20px;
    height: 10px;
    margin: -4px 0 0;
    border: 3px solid rgb(var(--color-primary));
    border-top-style: none;
    border-right-style: none;
    opacity: 0;

    transition: all var(--transition-t1);
}
.powermail_field .checkbox input:checked + label .icon::before {
    opacity: 1;
}
.powermail_field .radio input + label .icon::before {
    content: '';
    width: 14px;
    height: 14px;
    /*margin: -4px 0 0;*/
    border-radius: 50%;
    background-color: rgb(var(--color-primary));
    opacity: 0;

    transition: all var(--transition-t1);
}
.powermail_field .radio input:checked + label .icon::before {
    opacity: 1;
}

.powermail_field a {
    font-weight: 300;
}

.btn-group {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}
.rm-form input[type="submit"] {
    display: inline-block;
    margin: 14px 0 0;
    padding: 7px 15px 10px 52px;
    font: 24px/1.2 var(--font-1);
    color: #fff;
    font-weight: 700;
    border: none;
    background: rgb(var(--color-primary)) url("../Images/bg-arrow-right-white.svg") no-repeat 15px 15px;
    background-size: 28px auto;
}
.rm-form input[type="submit"].do-submit {
    background-color: rgb(var(--color-secondary));
}
.rm-form input[type="submit"].go-back {
    padding: 7px 15px 10px 15px;
    background: none;
    /*background-image: url("../Images/bg-arrow-left-white.svg");*/
}

.tx-powermail input[type="submit"] {
    position: relative;
    padding: 9px 54px 11px 20px;
    font: 400 22px/1.32 var(--font-1);
    color: #fff;
    background: rgb(var(--color-custom-3)) url("../Images/bg-arrow-right-white.svg") no-repeat calc(100% - 19px) 15px;
    background-size: 11px auto;
    transition: all var(--transition-t1);
}
.tx-powermail input[type="submit"]:hover {
    background-position-x: calc(100% - 15px);
}

ul.parsley-errors-list {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: rgb(var(--color-error-3));
}
.content ul.parsley-errors-list li {
    margin: 0;
    padding: 0;
}
ul.parsley-errors-list li::before {
    display: none;
}
.powermail_field input[type="text"].parsley-error,
.powermail_field input[type="tel"].parsley-error,
.powermail_field input[type="password"].parsley-error,
.powermail_field input[type="email"].parsley-error {
    /*background-color: rgba(var(--color-primary), .2);*/
}
.checkbox.parsley-error {
    padding: 10px;
    border: 1px solid rgb(var(--color-error-3));
}
/*.powermail_field .checkbox.parsley-error .icon,
.powermail_field .radio.parsley-error .icon {
    background-color: rgba(var(--color-primary), .2);
}*/

.rm-form.confirmation .title {
    font: 34px/1.23529 var(--font-1);
    color: rgb(var(--color-secondary));
}
.rm-form.confirmation .title .headline {
    color: #fff;
    border-bottom: 3px solid #fff;
}
.rm-form.confirmation .table-responsive {
    margin: 0 0 20px;
    border-collapse: separate;
    border-spacing: 0 20px;
}
.rm-form.confirmation .table-responsive tr {
    background-color: rgba(255,255,255,.32);
}
.rm-form.confirmation .table-responsive tr td {
    padding: 10px;
    vertical-align: top;
}
.rm-form.confirmation .table-responsive tr td strong {
    font-weight: 400;
}
.rm-form.confirmation .table-responsive tr td:nth-of-type(2) {
    font-style: italic;
}

.powermail_fieldwrap.powermail_fieldwrap_type_radio {
    display: block;
}
.powermail_field .radio {
    display: inline-block;
    margin: 0 40px 0 0;
}
.powermail_field .radio label input {
    margin: 0 10px 0 0;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit {
    margin-top: 40px;
}

.tx-powermail td {
    vertical-align: top;
}
fieldset legend .page-title {
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 26px;
}

.powermail_fieldwrap.powermail_fieldwrap_plz {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
}
.powermail_fieldwrap.powermail_fieldwrap_ort {
    float: left;
    width: calc(100% - 120px);
}
.powermail_fieldwrap.powermail_fieldwrap_ort + .powermail_fieldwrap::before {
    clear: both;
    content: '';
    display: table;
}
/***** Powermail - End *****/

/***** Multipage-Form - Start *****/
.frame-layout-200 .tx-powermail {
    padding: 0;
    background-color: transparent;
}
.frame-layout-200 .rm-form {
    display: flex;
    justify-content: center;
}
.powermail_form.multipageform {
    width: 562px;
    text-align: center;
}
.tx-powermail form.multipageform .powermail_fieldset {
    position: relative;
    display: none;
    margin: 0;
    padding: 156px 0 12px;
    border-bottom: none;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-last-of-type(1) {
    padding: 0 0 12px;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-of-type(1) {
    display: block;
}
.tx-powermail form.multipageform .powermail_fieldset::before {
    content: '';
    position: absolute;
    top: -8px;
    left: calc(50% - 58px);
    width: 116px;
    height: 116px;
    border-radius: 50%;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-of-type(1)::before {
    background: url("../Images/bg-icon-multipageform-1.svg") no-repeat;
    background-size: contain;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-of-type(2)::before {
    background: url("../Images/bg-icon-multipageform-2.svg") no-repeat;
    background-size: contain;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-of-type(3)::before {
    background: url("../Images/bg-icon-multipageform-3.svg") no-repeat;
    background-size: contain;
}
.tx-powermail form.multipageform .powermail_fieldset:nth-last-of-type(1)::before {
    display: none;
}
.tx-powermail form.multipageform fieldset legend {
    display: none;
}
.tx-powermail form.multipageform h3 {
    font-size: 50px;
    font-weight: 400;
}
.button.next-step {
    margin-right: 0;
}
.button.prev-step {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 22px;
}
.button.prev-step::before {
    transform: rotate(180deg);
    right: auto;
    left: 19px;
}
.button.prev-step:hover::before {
    right: auto;
    left: 15px;
}
.tx-powermail form.multipageform .powermail_fieldwrap_form-nav-4 {
    float: left;
}
.tx-powermail form.multipageform .powermail_fieldwrap.powermail_fieldwrap_type_submit {
    margin-top: 0;
    float: right;
}
.tx-powermail .rm-form form.multipageform input[type="submit"] {
    margin: 0;
}
.tx-powermail form.multipageform .checkbox {
    text-align: left;
}
.tx-powermail form.multipageform ul.parsley-errors-list {
    text-align: left;
}
.multipageform fieldset:last-of-type .fieldset-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.multipageform fieldset:last-of-type .powermail_fieldwrap {
    width: calc(50% - 12px);
}
.multipageform fieldset:last-of-type .powermail_fieldwrap.powermail_fieldwrap_type_text,
.multipageform fieldset:last-of-type .powermail_fieldwrap.powermail_fieldwrap_type_check {
    width: 100%;
}
.multipageform .powermail_label {
    display: block;
    margin: 0 0 6px;
}
.multipageform fieldset:last-of-type .powermail_label {
    text-align: left;
}
.multipageform .powermail_field input[type="text"],
.multipageform .powermail_field input[type="tel"],
.multipageform .powermail_field input[type="number"],
.multipageform .powermail_field input[type="password"],
.multipageform .powermail_field input[type="email"],
.multipageform .powermail_field textarea {
    text-align: center;
}
.multipageform fieldset:last-of-type .powermail_field input[type="text"],
.multipageform fieldset:last-of-type .powermail_field input[type="tel"],
.multipageform fieldset:last-of-type .powermail_field input[type="number"],
.multipageform fieldset:last-of-type .powermail_field input[type="password"],
.multipageform fieldset:last-of-type .powermail_field input[type="email"],
.multipageform fieldset:last-of-type .powermail_field textarea {
    text-align: left;
}

form.multipageform .navigator {
    display: flex;
    justify-content: space-between;
    min-height: 44px;
    margin: 24px 0 0;
    border-top: 5px solid rgb(var(--color-custom-5));
}
form.multipageform .navigator .step {
    position: relative;
    top: -18px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: 5px solid rgb(var(--color-custom-5));
    transition: all .32s ease-in-out;
}
form.multipageform .navigator .step.active {
    top: -22px;
    width: 38px;
    height: 38px;
    border-color: rgb(var(--color-primary));
}
form.multipageform .powermail_fieldwrap.powermail_fieldwrap_plz{
    margin-right: 0;
}
/***** Multipage-Form - End *****/

/***** Kontaktform Powermail in rechter Spalte - Start *****/
.col-md-4 .tx-powermail {
    margin: 0 0 40px;
    padding: 24px;
    background-color: rgb(var(--color-custom-5));
}
.col-md-4 .tx-powermail .powermail_fieldwrap {
    display: block;
}
.col-md-4 .tx-powermail .powermail_legend {
    display: none;
}
.col-md-4 .tx-powermail .arrow-down-white-icon {
    display: inline-block;
    width: 26px;
    height: 22px;
    margin: 0 6px 0 0;
    background: url("../Images/bg-arrow-right-white.svg") no-repeat right;
    background-size: 20px auto;
    transform: rotate(90deg);
}
.col-md-4 .tx-powermail .powermail_field a {
    font-weight: 300;
    color: inherit;
}
.col-md-4 .tx-powermail .powermail_field a::before {
    display: none;
}
.col-md-4 .tx-powermail textarea,
.col-md-4 .tx-powermail input[type="text"],
.col-md-4 .tx-powermail input[type="tel"],
.col-md-4 .tx-powermail input[type="email"],
.col-md-4 .tx-powermail select {
    width: 100%;
    border: none;
    background-color: #fff;
}
.col-md-4 .tx-powermail textarea {
    height: 94px;
    max-height: 300px;
    min-height: 94px;
    resize: vertical;
}

.col-md-4 ul.parsley-errors-list {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: rgb(var(--color-error-3));
}
.col-md-4 .powermail_field input[type="email"].parsley-error {
    background-color: rgba(var(--color-error-3), .2);
}
.col-md-4 .checkbox.parsley-error {
    padding: 10px;
    border: 1px solid rgb(var(--color-error-3));
}
.col-md-4 .powermail_field .checkbox.parsley-error .icon,
.col-md-4 .powermail_field .radio.parsley-error .icon {
    background-color: rgba(var(--color-error-3), .5);
}
/***** Kontaktform Powermail in rechter Spalte - End *****/

/***** Powermail 2-spaltig - Start *****/
.frame-layout-210 .tx-powermail {
    padding: 0;
    background-color: transparent;
}
.frame-layout-210 .powermail_field input[type="text"],
.frame-layout-210 .powermail_field input[type="tel"],
.frame-layout-210 .powermail_field input[type="number"],
.frame-layout-210 .powermail_field input[type="password"],
.frame-layout-210 .powermail_field input[type="email"],
.frame-layout-210 select,
.frame-layout-210 .powermail_field textarea {
    width: 100%;
    color: inherit;
    font-size: 24px;
    font-weight: 300;
    border: none;
    background-color: rgba(var(--color-primary), 0.15);
}
.frame-layout-210 fieldset:first-of-type legend {
    display: none;
}
.frame-layout-210 .powermail_fieldset .fieldset-inner  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.frame-layout-210 .powermail_fieldwrap {
    margin: 0 0 20px;
    width: calc(50% - 12px);
}
.frame-layout-210 .powermail_fieldwrap.powermail_fieldwrap_type_textarea,
.frame-layout-210 .powermail_fieldwrap.powermail_fieldwrap_type_check,
.frame-layout-210 .powermail_fieldwrap.powermail_fieldwrap_type_submit {
    width: 100%;
}
.frame-layout-210 .powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_anrede {
    width: 100%;
}
.frame-layout-210 .powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_anrede select {
    width: calc(50% - 12px);
}
.frame-layout-210 .powermail_field .checkbox .icon,
.frame-layout-210 .powermail_field .radio .icon {
    background-color: rgba(var(--color-primary), .15);
}
/***** Powermail 2-spaltig - End *****/
/***** Formular - Ladesäule - Start *****/
.tx-powermail .powermail_create[data-powermail-form="34"] p {
    background-color: transparent;
    color: #3d3d3d;
}
.frame-layout-200 .rm-form[data-powermail-form="34"] {
    display: block
}
.rm-form.confirmation[data-powermail-form="34"] .table-responsive {
    border-spacing: 0 5px;
}
.rm-form[data-powermail-form="34"] input[type="submit"].go-back {
    background: rgb(var(--color-custom-3))
}
.rm-form.confirmation[data-powermail-form="34"] .title .headline{
    border: none;
    color: rgb(var(--color-font));
}
.rm-form.confirmation[data-powermail-form="34"] input[type="submit"].do-submit {
    background-color: rgb(var(--color-custom-3));
}
#c1853 .powermail_create[data-powermail-form="34"] {
    display: block;
    text-align: center;
}
#c1853 .powermail_create[data-powermail-form="34"] p{
    margin: 0;
}
.confirmation[data-powermail-form="34"] .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f4f4f4;
}
.confirmation[data-powermail-form="34"] .table-striped > tbody > tr{
    text-align: left;
}
.confirmation[data-powermail-form="34"] h1 {
    color: #3d3d3d;
}
.confirmation[data-powermail-form="34"] {
    padding: 30px 0;
    word-break: break-word;
    width: 518px;
    margin: 0 auto;
    margin-top: 90px;
    text-align: center;
    background: transparent;
}
.confirmation[data-powermail-form="34"] .btn-group {
    margin: 0;
}
.powermail_form_34 .powermail_fieldwrap_type_check .powermail_field {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
 }
.powermail_form_34 .checkbox label span {
    margin: 6px 10px 0 -10px;
    font-size: 16px;
}
.powermail_form_34 .powermail_fieldwrap_type_check > label {
    font-size: 24px;
    font-weight: bold;
}
/***** Powermail Ladesäule - End *****/
/***** Suche (indexed_search) - Start *****/
.tx-indexedsearch-form {
    display: flex;
    margin: 0 0 40px;
    padding: 22px 24px 24px;
    background-color: rgb(var(--color-custom-2));
}
.tx-indexedsearch-form label {
    margin: 0 20px 0 0;
    color: #fff;
}
.tx-indexedsearch-search-submit {
    display: flex;
    width: calc(100% - 172px);
}
.tx-indexedsearch-form input[type="text"] {
    width: 100%;
    border: none;
}
.tx-indexedsearch-form input[type="submit"] {
    width: 56px;
    height: 50px;
    text-indent: -9999em;
    border: none;
    cursor: pointer;
    background: #fff url("../Images/bg-icon-lens.svg") no-repeat center;
    background-size: 34px auto;
}

.indexed_search_search_word_result .search_word {
    margin: 0 0 20px;
}
.indexed_search_search_word_result .search_section {
    font-size: 24px;
}

.tx-indexedsearch-browsebox {
    text-align: center;
}
ul.tx-indexedsearch-browsebox {
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
    font-size: 24px;
}
.content ul.tx-indexedsearch-browsebox li {
    margin: 0 10px;
    padding: 0;
}
.content ul.tx-indexedsearch-browsebox li::before {
    display: none;
}

.tx-indexedsearch-res h3 .tx-indexedsearch-icon {
    display: none;
}
.indexedsearch-no-results {
    margin: 0 0 40px;
}
.tx-indexedsearch-res .tx-indexedsearch-percent {
    display: none;
}

.tx-indexedsearch-title a {
    display: inline-block;
}
.tx-indexedsearch-title a[href*=".PDF"],
.tx-indexedsearch-title a[href*=".pdf"] {
    position: relative;
    padding: 0 0 0 46px;
}
.tx-indexedsearch-title a[href*=".PDF"]::before,
.tx-indexedsearch-title a[href*=".pdf"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 38px;
    background: url("../Images/bg-icon-pdf-blue.svg") no-repeat;
    background-size: contain;
}
/***** Suche (indexed_search) - End *****/

/***** Tarifrechner - Start *****/
.tabs {
    display: flex;
}
.tx-tarifrechner.tab-box .tabs {
    display: none;
}
#page3 .tx-tarifrechner.tab-box .tabs {
    display: flex;
}
.tabs .tab {

}
.tabs .placeholder {
    flex: 1 0 auto;
    background-color: rgba(255,255,255,.31);
}
.tabs .tab button {
    padding: 10px 30px 10px;
    font: inherit/inherit var(--font-1);
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-color: rgba(255,255,255,.31);
    cursor: pointer;

    transition: all var(--transition-t1);
}
.tabs .tab button:hover {
    background-color: rgba(255,255,255,.15);
}
.tabs .tab.active button {
    background-color: transparent;
}

.tab-contents {
    min-height: 268px;
    padding: 30px 30px 50px;
}
.tab-contents .tab-content {
    display: none;
}
.tab-contents .tab-content.active {
    display: block;
}

.tx-tarifrechner {
    position: relative;
    max-width: 982px;
    margin: 0 auto;
    color: #fff;
    background: transparent linear-gradient(180deg, rgba(90, 166, 219, 1) 0%, rgba(23, 160, 148, 1) 100%) 0% 0% no-repeat padding-box;
}
.tx-tarifrechner .title.home {
    display: none;
    position: absolute;
    top: -208px;
    font: 400 70px/1 Caveat;
    color: rgb(var(--color-primary));
}
#page3 .tx-tarifrechner .title.home {
    display: block;
}
#page3 .tx-tarifrechner.tab-box {
    margin: -294px auto 76px;
}
.tx-tarifrechner h3 {
    color: #fff;
}
.tx-tarifrechner-result h3,
.tx-tarifrechner-info h3 {
    font-size: 24px;
}
.tx-tarifrechner form {

}
.tx-tarifrechner form .form-content {
    display: flex;
    margin: 40px 0 40px;
}
.tx-tarifrechner input[type="text"],
.tx-tarifrechner input[type="tel"],
.tx-tarifrechner input[type="number"],
.tx-tarifrechner input[type="password"],
.tx-tarifrechner input[type="email"],
.tx-tarifrechner select {
    margin: 0 20px 0 0;
    color: #fff;
    border: none;
    background-color: rgba(255,255,255,0.32);
}
.tx-tarifrechner select option {
    color: rgb(var(--color-font));
}
.tx-tarifrechner .unit {
    margin: 0 20px 0 -10px;
}

.tarifrechner_formfield.tarifrechner_formfield_submit {
    position: absolute;
    bottom: 0;
    right: 0;
}
.tarifrechner_formfield.tarifrechner_formfield_submit input {
    position: relative;
    padding: 17px 54px 19px 20px;
    font: inherit/inherit var(--font-1);
    color: #fff;
    border: 0;
    background: rgba(255, 255, 255, .31) url("../Images/bg-arrow-right-white.svg") no-repeat calc(100% - 19px) 25px;
    background-size: 11px auto;
    transition: all var(--transition-t1);
}
.tarifrechner_formfield.tarifrechner_formfield_submit input:hover {
    background-position-x: calc(100% - 15px);
}
#tarifrechner_jahresverbrauch {
    width: 160px;
}
.tarifrechner_formfield.tarifrechner_formfield_jahresverbrauch {
    padding: 0 0 0 50px;
    position: relative;
}
.tarifrechner_formfield.tarifrechner_formfield_jahresverbrauch::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 36px;
    height: 50px;
    background: url("../Images/bg-icon-gas-2.svg") no-repeat;
    background-size: contain;
}

.tx-tarifrechner-rechner {
    display: flex;
}
.tx-tarifrechner-rechner h3 {
    font-weight: 300;
}
.tx-tarifrechner-result p {
    margin: 0;
}
.tx-tarifrechner-result .jahresverbrauch {
    position: relative;
    margin: 0 0 2px;
    padding: 2px 68px 2px 8px;
    background-color: rgba(255, 255, 255, .34);
}
.tx-tarifrechner-result .jahresverbrauch .tipp {
    position: absolute;
    top: 0;
    right: -116px;
    padding: 2px 10px 2px 52px;
    text-transform: uppercase;
    background-color: rgb(var(--color-primary));
    z-index: 1;
}
.tx-tarifrechner-result .jahresverbrauch .tipp::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: #fff url("../Images/bg-icon-pig.svg") no-repeat center;
    background-size: 28px auto;
    z-index: 1;
}
.tx-tarifrechner-result .jahresverbrauch .tipp::after {
    content: '';
    position: absolute;
    top: 5px;
    left: -13px;
    width: 26px;
    height: 26px;
    background-color: rgb(var(--color-primary));
    transform: rotate(45deg);
    z-index: 0;
}

.tx-tarifrechner-result {
    margin: 0 154px 0 0;
}
.tx-tarifrechner-result .tarifstufe {
    display: inline-block;
    min-width: 140px;
}
.tx-tarifrechner-info {
    margin: 0 0 50px;
}
.tx-tarifrechner-info p {
    margin: 0;
}
.tx-tarifrechner-result p.annual-consumption-lbl {
    margin: 0 0 20px;
    font-weight: 600;
}
.tx-tarifrechner-info a {
    display: block;
    position: relative;
    padding: 0 0 0 34px;
}
.tx-tarifrechner-info a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background: rgba(255,255,255,0.34) url("../Images/bg-arrow-right-white.svg") no-repeat center;
    background-size: auto 13px;
}


.tab-teaser {
    display: flex;
}
.tab-teaser .icon {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    margin: 20px 40px 0 0;
}
.tab-teaser .icon.electricity {
    background: url("../Images/bg-icon-tenant-electricity.svg") no-repeat;
    background-size: contain;
}
.tab-teaser .icon.photovoltaik {
    background: url("../Images/bg-icon-photovoltaik.svg") no-repeat;
    background-size: contain;
}
.tab-teaser .icon.heating {
    background: url("../Images/bg-icon-radiator.svg") no-repeat;
    background-size: contain;
}
.tab-teaser h2 {
    color: #fff;
}
.tab-teaser .text {
    max-width: 700px;
}
.tab-teaser .button.details {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .31);
}
/***** Tarifrechner - End *****/