html, body {
	width: 100%;
    margin: 0;
    overflow-x: hidden;
}
@media(min-width:992px){
	.tarifrechner-wrapper {
		margin-top: 100px;
	}
}
/* Fix for IOS on('click') functionality */
#tarifrechner-form button {
    cursor: pointer;
}

#tarifrechner-form-send[disabled] {
    cursor: default;
    opacity: 0.6;
}
#content a.anchor{
	/*margin-bottom:-100px;*/
}
#content a.anchor:before{
	content:inherit;
	border:none;
}
.border-top-red {
	border-top: 5px solid #c31b35;
}
.border-bottom-red {
	border-bottom: 5px solid #c31b35;
}
.border-top-yellow {
	border-top: 5px solid #efd607;
}
.border-bottom-yellow {
	border-bottom: 5px solid #efd607;
}
.border-seperator {
	border-top:none;
	border-bottom: 1px solid #7599a9;
}
.tarifrechner-bg {
	background-color: #537e8b;
}
.tarifrechner-dark-bg {
	background-color: #003b4d;
}
h5.modal-title {
	font-size:1.2rem;
	font-weight:bold;
}
.modal-body p {
	font-size:1.2rem;
}
.modal-footer button.btn-secondary{
	float:left;
}
.modal-footer button.btn-primary{
	float:right;
}
/**** START: overwrite Bootstrap for Banner "tarifrechner" */
.form-control {
	border-radius:0;
}
#tarifrechner-banner label {
	font-size:1rem;
}
#tarifrechner-banner input {
	border-radius:0;
}
#tarifrechner-banner .user-send, #tarifrechner-banner .info-btn{
	margin:0;
}
#tarifrechner-banner button[type=submit],
.user-send .btn.next-page{
	background-image:inherit !important;
	background-color:#f28d0b !important;
	color:#003b4d !important;
    padding: 10px 20px !important;
	border-radius:0 !important;
}
#tarifrechner-banner button[type=submit] i,
.user-send .btn.next-page i{
	font-size:80% !important;
	margin-right:10px;
}
.pull-right{
	float:right !important;
}
.pull-left{
	float:left !important;
}
#tarifrechner-banner ul.nav-tabs {
	list-style:none;
	border:none;
}
@media (max-width: 575px){
	#tarifrechner-banner ul.nav-tabs {
		padding-left:0;
		padding-right:0;
	}
}
#tarifrechner-banner ul.nav-tabs
#tarifrechner-banner ul.nav-tabs li.nav-item {
	
}
#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link {
	background-color: #f28d0b;
	color: #013c4e;
    border-radius: 0;
    font-size: 1rem;
	font-weight: normal;
    height: 32px;
    margin-top: 5px;
	border:none;
	padding-left:3rem;
	padding-right:3rem;
}

@media (max-width: 767px){
	#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link {
		padding-left:1rem;
		padding-right:1rem;
	}
}
@media (max-width: 575px){
	#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link {
		font-size: 0.8rem;
		font-weight: normal;
		height: 26px;
		margin-top: 7px;		
	}
}
@media (max-width: 365px){
	#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link {
		padding-left:.5rem;
		padding-right:.5rem;		
	}
}
#tarifrechner-banner ul.nav-tabs li.nav-item.strom-tab-link a.nav-link {
	background-color: #c31b35;
}
#tarifrechner-banner ul.nav-tabs li.nav-item.heizstrom-tab-link a.nav-link {
	background-color: #f28d0b;
}
#tarifrechner-banner ul.nav-tabs li.nav-item.gas-tab-link a.nav-link {
	background-color: #efd607;
}
#tarifrechner-banner ul.nav-tabs li.nav-item.ladestrom-tab-link a.nav-link {
	background-color: #00abd4;
}
#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link::before {
	border:none;
	content:inherit;
}
#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link.active {
	background-color: #c31b35;
	color:#fff;
    height: 37px;
    margin-top: 0;
}
@media (max-width: 575px){
	#tarifrechner-banner ul.nav-tabs li.nav-item a.nav-link.active {
		height: 30px;
		margin-top: 2px;
		font-size: 1em;
	}
}
#content .btn.btn-switch {
	color:#fff;
}
.btn.btn-switch {
	background-color: #7498a8;
	color:#fff;
	border-radius:0;
	width:100%;
}
.btn.btn-switch::before {
	content:inherit !important;
	border:none !important;
}
.btn.btn-switch.active {
	background-color: #003b4d;
}
.mt--1 {
	margin-top:-0.25rem;
}
.mt--2 {
	margin-top:-0.5rem;
}
.form-check-label {
	padding-left:0.25rem;
}
p.text-xs, div.text-xs, span.text-xs, label.text-xs {
	font-size: 10px; line-height: 16px;
}
p.text-sm, div.text-sm, span.text-sm, label.text-sm {
	font-size: 12px; line-height: 18px;
}
p.text-md, div.text-md, span.text-md, label.text-md {
	font-size: 14px; line-height: 20px;
}
p.text-lg, div.text-lg, span.text-lg, label.text-lg {
	font-size: 16px; line-height: 22px;
}
p.text-xl, div.text-xl, span.text-xl, label.text-xl {
	font-size: 18px; line-height: 24px;
}
/* END: overwrite Bootstrap for Banner "tarifrechner" ****/

.person-check {
    position: relative;
    color: #fefefe;
    z-index: 1;
}
	.person-check .container {
	    padding: 30px 190px 15px 10px;
	    position: relative;
	    overflow: hidden;
	}
		.person-check h3 {
		    font: 500 24px FuturaMedium;
		    letter-spacing: 1.6px;
		    margin: 0 0 15px;
			color:#fff;
		}
		.person-check label {
			color:#fff;
		}
		.person-check .input-data {
		    float: left;
		    margin-right: 20px;
		}
			.person-check .input-data .button-check {
			    margin-right: 7px;
			    position: relative;
			    z-index: 0;
				display: inline-block;
			}
				.person-check .input-data .button-check input {
				    height: 34px;
				    float: left;
				    display: block;
				    border: none;
				    background: #fefefe;
				    padding: 2px 15px;
				    max-width: 170px;
				    outline: none;
				    color: #333;
				    font: 500 16px FuturaLight;
				}
				.tarifrechner-banner-wrapper #tarifrechner.person-check .input-data .button-check input {
					border:none;
				}
				.person-check .input-data .button-check:last-child input {
				    max-width: 200px;
				}

		.user-check {
		    float: left;
		    padding-top: 10px;
		}
			.user-check .radio-check {
			    float: left;
			    margin-right: 30px;
			    font: 500 14px FuturaBook;
			    letter-spacing: 0.9px;
			}
				.user-check .radio-check input {
				    height: 13px;
				    width: 13px;
				    margin: 0 5px -1px 0;
				    outline: none;
				    opacity: 0;
				    display: inline-block;
				    opacity: 0;
				}
				.user-check .radio-check label {
					/*background: url(../img/empty-dot.png) 0 50% no-repeat;*/
					display: inline-block;
					margin-left: -18px;
					padding-left: 18px;
					cursor: pointer;
					position: relative;
				}
					/*.user-check .radio-check input:checked + label {
						background-image: url(../img/fill-dot.png);
						background-position: 0 50%;
						background-repeat: no-repeat;
					}*/
					.user-check .radio-check label:after {
					    content: "";
					    position: absolute;
					    height: 13px;
					    width: 13px;
					    background-color: #fff;
					    left: 0;
					    top: 2px;
					    border-radius: 50%;
					}
						.user-check .radio-check input:checked + label:after {
						    background-image: url(../img/fill-dot.png);
						    background-position: center;
						}
		.user-send, .info-btn {
		    float: right;
	        clear: both;
	        margin: 15px 60px 0 0;
	        position: relative;
	        z-index: 0;
		}

		#tarifrechner.stoerer .user-send {
			float: none;
			position: relative;
			z-index: 0;
			display: inline-block;
			vertical-align: top;
			margin: 30px 0 0;
		}

		#tarifrechner.stoerer .user-send input {
			padding: 9px 30px 8px 50px;
		}

		#tarifrechner.stoerer .fields-container {
			margin-bottom: 0;
		}
		#tarifrechner.stoerer .consume-wrapper {
			display: inline-block;
		}


		.user-send #calc-submit,
		.user-send button,
		.user-send input,
		.info-btn a,
		.info-btn input,
		.lp-to-form-top-button {
			background-color: #c31b35;
			background-image: url(../img/play1.png);
			background-position: 23px 50%;
			background-repeat: no-repeat;
			border: none;
			padding: 10px 30px 10px 50px;
			font: 500 16px FuturaMedium;
			letter-spacing: 1.1px;
			outline: none;
			display: block;
			color: #fff;
			text-decoration: none;
			text-align: left;
		}
		.lp-to-form-top-button-outer-wrapper {
			text-align: center;
		}
		.lp-to-form-top-button-wrapper {
			position: relative;
			z-index: 0;
			display: none;
			margin: 10px 12px 20px;
		}
		.tarifrechner-wrapper.gas .user-send #calc-submit,
		.tarifrechner-wrapper.gas .user-send button,
		.tarifrechner-wrapper.gas .user-send input,
		.tarifrechner-wrapper.gas .info-btn a,
		.tarifrechner-wrapper.gas .info-btn input {
			background: url(../img/play2.png) 28px 50% no-repeat;
			color: #01454d;
		}
		.submit-line .prev-page {
			background: transparent;
			border: none;
		}

.information {
    padding: 60px 0 25px;
    color: #052f3c;
}

.page-template-page-rate-calculator .information,
.page-template-page-content-and-rate-calculator .information {
    padding-top: 0;
}

.page-template-page-content-and-rate-calculator .content-area {
    padding-bottom: 25px;
}


	.information h2 {
	    margin: 0 0 26px;
	    font: 500 26px/32px FuturaBook;
	    letter-spacing: 0.7px;
	}
	.information p {
	    font: 500 16px/20px FuturaBook;
	    margin-bottom: 20px;
	    padding-right: 25px;
	}
	p.headline-usp-wrapper {
		padding: 0;
		margin: 0;
	}
	.formular .form-formular p.final-info {
		margin-bottom: 0;
	}
	.space-top {
		padding-top: 20px;
	}
	.information .content-box {
		margin: 52px 0 35px;
	}
	.information .col-md-6 {
	    width: 53%;
	}
		.information .col-md-6 li, .explanation li {
		    position: relative;
		    padding-left: 25px;
		    font: 500 16px/18px FuturaBook;
		    margin-bottom: 15px;
		    padding-right: 5px;
		}
			.information .col-md-6 li i, .explanation li i {
			    position: absolute;
			    left: 0;
			    top: 0;
			    color: #5497a4;
			}
				.information .col-md-6 li:after, .explanation li:after {
				    content: "\f00c";
				    font-family: FontAwesome;
				    position: absolute;
				    left: 0;
				    top: 0;
				}
		.information .col-md-7 img {
		    display: inline-block;
		    margin: 0 5px 20px 0;
		}
		.information .col-md-7 p {
		    margin-bottom: 20px;
		    padding: 0;
		}
		.information .info-btn {
		    margin: 0;
		    color: #fff;
		}


.white-box {
    background: #fff;
	padding: 15px;
}
.white-box.intro {
    padding-bottom: 12px;
}
.white-box.swor-page-1 {
    padding-top: 25px;
}
.swor-page-1,
.swor-page-2 {
	margin-top: 15px;
}
.swor-page-2.done {
	margin-top: 0;
}
.white-box.steps-wrapper {
    padding-bottom: 10px;
	margin-top: 15px;
	display: none;
}
.white-box.swor-page-3,
.white-box.swor-page-4,
.white-box.swor-page-5,
.white-box.swor-page-7 {
    padding-top: 15px;
}
.white-box.page-headline {
	margin-bottom: 0;
	padding-bottom: 15px;
	padding-top: 15px;
}
.white-box.swor_beauftragung {
	padding-top: 15px;
	padding-bottom: 0;
}
.formular .form-formular form .swor-page-6 .submit-line {
	margin-top: 15px;
}

.other-1 .container {
    padding-left: 68px;
}
	.breadcrumb-top {
	    padding-top: 12px;
	}
	.breadcrumb-bottom {
		padding-bottom: 12px;
	}
		.breadcrumb-top a, .breadcrumb-top span {
		    font: 500 14px/18px FuturaBook;
		    color: #9b9b9b;
		    text-decoration: none;
		    position: relative;
		    margin-right: 15px;
		    display: inline-block;
		}
			.breadcrumb-top span {
				color: #00b6d3;
			}
				.breadcrumb-top a:after {
				    content: "\f0da";
				    font-family: FontAwesome;
				    display: inline-block;
				    position: absolute;
				    right: -12px;
				    top: 1px;
				    color: #00b6d3;
				}

		.other-1 .intro h1 {
		    margin: 0 0 13px;
		    font: 500 26px FuturaBook;
		}
		.intro-inner, .intro-inner h1 {
		    font: 500 26px FuturaBook;
		}
		.intro-inner h1 {
		    padding:0;
			margin:0;
			color:#fff;
		}

		.other-1 .intro h3,
		.other-1 .intro h2 {
		    margin: 40px 0 13px;
		    font: 500 24px FuturaBook;
		}

		.content-area { padding: 0 0 40px; }

		.content-area p {
		    margin: 0 0 10px;
		}
	.image-content {
	    margin: -32px 0 22px;
	}
	.explanation {
	    max-width: 495px;
	    margin-left: 114px;
	}
		.explanation ul {
		    margin-bottom: 34px;
		}
			.explanation li {
			    margin-bottom: 0;
			}
		.explanation img {
		    display: inline-block;
		    margin: 0 5px 10px 0;
		}
	.content-area .info-btn {
	    margin-right: 80px;
	    margin-top: 31px;
	}
		.content-area .info-btn input {
			color: #fff;
		}
			.other-1 .info-btn:after {
			    background: #efd606;
			}
			.other-2 .info-btn:after {
			    background: #f38e10;
			}
			.other-3 .info-btn:after {
			    background: #c31b35;
			}
			article#article.other-1:after {
			    content: "";
			    border-bottom: 6px solid #efd606;
			    position: absolute;
			    bottom: 0;
			    width: 70%;
			}
			article#article.other-2:after {
				border-bottom: 6px solid #f38e10;
			}
			article#article.other-3:after {
				border-bottom: 6px solid #c31b35;
			}
	.other-3 .explanation {
		max-width: 100%;
	}
		.other-3 .explanation > div {
		    padding-right: 30px;
		}

.heizstrom .person-check .container:after {
    border-top: 5px solid #f38e10;
}
.erdgas .person-check .container:after {
    border-top: 5px solid #efd606;
}

/*-----Bestellformular CSS*/
.formular-section .page-name h3 {
  font: 500 24px 'FuturaMedium';
  margin: 50px 0 35px; }
.formular-section .entering-part {
  float: left;
  width: 100%; }
  .formular-section .entering-part .columns > div:nth-child(1) {
    width: 31.33333%;
    margin-right: 2%; }
  .formular-section .entering-part .columns > div:nth-child(2) {
    width: 65.66667%;
    margin-left: 1%; }
  .formular-section .entering-part .columns .columns {
    background: #fff;
    box-shadow: 0 1px 8px #e6e6e6;
    padding: 30px 30px 15px;
    min-height: 222px;
    float: left;
    position: relative; }
    .formular-section .entering-part .columns .columns h4, .formular-section .entering-part .columns .columns h5 {
      margin-top: 0; }
    .formular-section .entering-part .columns .columns h4 {
      color: #00a0e1;
      font: 500 20px "FuturaMedium"; }
    .formular-section .entering-part .columns .columns h2 {
      color: #00a0e1;
      font: 500 35px "FuturaMedium";
      margin-bottom: 5px; }
    .formular-section .entering-part .columns .columns span {
      font: 500 16px "FuturaMedium";
      display: block; }
    .formular-section .entering-part .columns .columns p {
      font: 500 16px "FuturaBook";
      color: #333;
      margin: 7px 0; }
    .formular-section .entering-part .columns .columns .edit-icon {
      background: url(../img/lapsi.jpg) 0 0 no-repeat;
      position: absolute;
      top: 14px;
      right: 12px;
      height: 30px;
      width: 30px;
      cursor: pointer; }
    .formular-section .entering-part .columns .columns h5 {
      font: 500 14px "FuturaMedium";
      color: #00a0e1;
      margin-bottom: 25px; }
    .formular-section .entering-part .columns .columns ul li {
      float: left;
      width: 33.3333%;
      margin-bottom: 15px; }
  .formular-section .entering-part .columns .notice {
    font: 500 17px "FuturaBook";
    float: left;
    width: 100%;
    color: #656565;
    margin: 20px 0 70px; }
.formular-section .information-data {
  float: left;
  width: 100%; }
  .formular-section .information-data .columns h4 {
    font: 500 20px "FuturaMedium";
    color: #00a0e1; }
  .formular-section .information-data .input-data {
    background: #fff;
    box-shadow: 0 1px 8px #e6e6e6;
    padding: 30px 30px;
    margin-bottom: 4px;
    float: left;
    width: 100%; }
    .formular-section .information-data .input-data .input-div {
      float: left; }
    .formular-section .information-data .input-data ::-webkit-input-placeholder {
      color: #6a6869;
      font-family: "FuturaBook"; }
    .formular-section .information-data .input-data ::-moz-placeholder {
      color: #6a6869;
      font-family: "FuturaBook"; }
    .formular-section .information-data .input-data :-ms-input-placeholder {
      color: #6a6869;
      font-family: "FuturaBook"; }
      /*input.success {
        background: url(../img/tick.png) 94% 50% no-repeat !important;
      }
      input.error {
        background: url(../img/asterix.png) 94% 50% no-repeat !important;
      }*/
      .formular-section .information-data input.required:valid {
        background: url(../img/tick.png) 94% 50% no-repeat !important;
      }
      .formular-section .information-data input:required {
        background: url(../img/asterix.png) 94% 50% no-repeat !important;
      }
    .formular-section .information-data .input-data .line-ar {
      float: left;
      width: 100%; }
    .formular-section .information-data .input-data .first {
      margin-bottom: 30px; }
      .formular-section .information-data .input-data .first select {
        float: right;
        width: 100%;
        max-width: 235px; }
      .formular-section .information-data .input-data .first label {
        margin: 6px 30px 0 0; }
    .formular-section .information-data .input-data .second input {
      float: left;
      width: 47%;
      margin-bottom: 30px; }
      .formular-section .information-data .input-data .second input:nth-child(1), .formular-section .information-data .input-data .second input:nth-child(3) {
        margin-right: 6%; }
    .formular-section .information-data .input-data .third {
      margin: 20px 0 40px; }
      .formular-section .information-data .input-data .third input {
        float: left;
        width: 27.3333%; }
        .formular-section .information-data .input-data .third input:nth-child(2), .formular-section .information-data .input-data .third input:nth-child(3){
          margin-right: 8.5%; }
    .formular-section .information-data .input-data .fourth {
      margin-bottom: 20px; }
      .formular-section .information-data .input-data .fourth input {
        float: left;
        width: 27.3333%; }
      .formular-section .information-data .input-data .fourth select {
        float: right;
        width: 63.7%; }
    .formular-section .information-data .input-data .fifth select {
      float: left;
      width: 33.3333%;
      margin-right: 6%; }
    .formular-section .information-data .input-data .fifth input{
      float: left;
      width: 27.3333%; }
      .formular-section .information-data .input-data .fifth input:nth-child(2) {
        margin-right: 6%; }
    .formular-section .information-data .input-data .sixth span {
      cursor: pointer;
      font: 500 14px "FuturaBook";
      color: #00a0e1;
      display: block;
      margin: 65px 0 10px;
      padding-left: 20px;
      background: url(../img/blue-trek.jpg) 0 50% no-repeat; }
    .formular-section .information-data .input-data input[type=radio]:not(old){
      width: 28px;
      margin: 0;
      padding: 0;
      opacity: 0; }
    .formular-section .information-data .input-data input[type=radio]:not(old) + label {
      display: inline-block;
      margin-left: -28px;
      padding-left: 28px;
      background: url(../img/radio-grey.jpg) no-repeat 0 0;
      line-height: 24px; }
    .formular-section .information-data .input-data input[type=radio]:not(old):checked + label {
      background: url(../img/radio-blue.jpg) no-repeat 0 0; }
    .formular-section .information-data .input-data label {
      font: 500 16px "FuturaMedium";
      color: #000; }
    .formular-section .information-data .input-data input[type="text"], .formular-section .information-data .input-data input[type="email"] {
      border: 1px solid #eaeaea;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      height: 40px;
      outline: none;
      padding: 0 12px;
      font: 500 16px "FuturaMedium";
      color: #000; }
    .formular-section .information-data .input-data select {
      border: 1px solid #eaeaea;
      background-color: #fafafa;
      -webkit-appearance: none;
      background-image: url(../img/barabrinjes.jpg);
      background-repeat: no-repeat;
      background-position: 97% 50%;
      outline: none;
      font: 500 16px "FuturaMedium";
      color: #000;
      height: 40px;
      padding-left: 15px; }
    .formular-section .information-data .input-data h5 {
      font: 500 16px "FuturaMedium"; }
    .formular-section .information-data .input-data .disabled-btn {
      background-color: #dfddde !important;
      font: 500 16px "FuturaMedium" !important;
      color: #6b696a !important;
      pointer-events: none !important; }
      .formular-section .information-data .input-data .disabled-btn.error-grey {
        background-image: url(../img/disable.png) !important;
        background-position: 94% 50% !important;
        background-repeat: no-repeat !important;
      }
  .formular-section .information-data .right-info > div {
    float: left;
    width: 100%; }
  .formular-section .information-data .right-info .top-div {
    margin-bottom: 5px; }
  .formular-section .information-data .right-info h5 {
    margin: 0 0 20px;
    font: 500 16px "FuturaBook";
    color: #585858; }
  .formular-section .information-data .right-info label {
    margin: 0 55px 0 -28px; }
  .formular-section .information-data .right-info .right-two {
    margin-top: 20px; }
    .formular-section .information-data .right-info .right-two input {
      float: left;
      width: 47%; }
      .formular-section .information-data .right-info .right-two input:nth-child(1) {
        margin-right: 6%; }
  .formular-section .information-data .right-info .right-four {
    margin-bottom: -10px; }
  .formular-section .information-data .right-info .right-five input:nth-child(2) {
    margin-right: 6%; }
  .formular-section .information-data .right-info .right-six {
    margin: 15px 0 0;
    position: relative; }
    .formular-section .information-data .right-info .right-six input {
      float: left;
      margin: 5px 10px 0 0;
      -webkit-appearance: none;
      border: 1px solid #eaeaea;
      height: 23px;
      width: 23px;
      opacity: 0;
      background: #fff;
      outline: none; }
    .formular-section .information-data .right-info .right-six label {
      margin: 0;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 4px;
      top: 9px; }
    /*.formular-section .information-data .right-info .right-six input[type=checkbox]:not(old):checked + label {
      background: url(../img/tick.png) no-repeat 0 0;
      background-size: 17px; }*/
    .formular-section .information-data .right-info .right-six label:before {
        position: absolute;
        content: "";
        border: 1px solid #555;
        height: 23px;
        width: 23px;
        left: 0;
        top: -1px;
        background: #fff;
    }
    	.formular-section .information-data .right-info .right-six input[type=checkbox]:not(old):checked + label:before {
    		background: url(../img/tick.png) no-repeat 0px -1px;
    		background-size: 22px;
    	}
    .formular-section .information-data .right-info .right-six #agree {
      float: left;
      margin: 0 0 0;
      font: 500 12px/22px "FuturaBook";
      width: 92%;
      color: #111212;
      opacity: 0.8; }
.formular-section .last-form {
  margin-top: 20px; }
  .formular-section .last-form h4 {
    font: 500 20px "FuturaMedium";
    color: #00a0e1; }
  .formular-section .last-form .three-cols {
    margin: 30px 0 40px; }
    .formular-section .last-form .three-cols .columns {
      width: 31.3333% !important;
      margin: 0 3% 0 0 !important; }
      .formular-section .last-form .three-cols .columns:last-child {
        margin: 0 !important; }
      .formular-section .last-form .three-cols .columns h5 {
        margin-bottom: 38px; }
      .formular-section .last-form .three-cols .columns p:nth-child(3) {
        margin-bottom: 20px; }
  .formular-section .last-form .send-part {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 40px; }
    .formular-section .last-form .send-part input[type=checkbox] {
      float: left;
      margin: 5px 14px 0 0;
      -webkit-appearance: none;
      border: 1px solid #eaeaea;
      height: 25px;
      width: 25px;
      background: #fff;
      outline: none;
      box-shadow: 0 2px 10px #d8d8d8; }
    .formular-section .last-form .send-part label {
      width: 80%;
      position: relative;
      margin: 8px 0 0 -40px;
      padding-left: 40px;
      font: 500 18px "FuturaMedium"; }
    /*.formular-section .last-form .send-part input[type=checkbox]:not(old):checked + label, .formular-section .last-form .send-part .kontakt-section .second-row .columns:first-child textarea[type=checkbox]:not(old):checked + label {
      background: url(../img/tick.png) no-repeat 1px 1px;
      background-size: 24px; }*/
    .formular-section .last-form .send-part label:before {
        position: absolute;
        content: "";
        border: 1px solid #555;
        height: 25px;
        width: 25px;
        left: 0;
        top: -1px;
        background: #fff;
    }
    	.formular-section .last-form .send-part input[type=checkbox]:not(old):checked + label:before {
    		background: url(../img/tick.png) no-repeat 0px -1px;
    	}
    .formular-section .last-form .send-part input[type=checkbox] {
    	opacity: 0;
    }
    .formular-section .last-form .send-part .clearfix {
      margin: 20px 0; }
    .formular-section .last-form .send-part a {
      color: #00a0e1;
      font-family: "FuturaMedium"; }
    .formular-section .last-form .send-part #send-btn {
      border: none;
      box-shadow: none;
      background: #f27e03;
      font: 500 18px "FuturaMedium";
      padding: 20px;
      text-align: center;
      max-width: 500px;
      width: 100%;
      clear: both;
      outline: none;
      color: #fff;
      transition: all 0.3s;
      text-transform: uppercase;
      border-radius: 2px;
      cursor: pointer; }
      .formular-section .last-form .send-part #send-btn:hover {
        background: #d87002; }

.formular-section .last-form .columns .columns {
    margin-bottom: 30px;
}
.formular-section .information-data > .col-md-6:first-child .input-data {
    padding: 37px 30px;
}
.formular-section .information-data .right-info .right-four input:first-child {
    margin: 12px 6% 27px 0;
}
/*----------------------------*/


#tarifrechner.stoerer  .user-number {
    float: none;
    margin-right: 20px;
	margin-left: -10px;
}
#tarifrechner.stoerer .send-button-newline {
	display: none;
}

.user-number-item{
	color:#fff;
}
	.user-number > div {
	    float: left;
		position: relative;
	}
		.user-number input {
		    height: 27px;
		    opacity: 0;
		    width: 40px;
		    outline: none !important;
		    cursor: pointer;
		    border: 0;
		    display: inline-block;
			margin: 0 3px 0 0;
		}
		.user-number label {
			display: inline-block;
			width: 40px;
			height: 27px;
			cursor: pointer;
			background: url(../img/one-w.png) 50% 0 no-repeat;
			position: absolute;
			top: 0;
			left: 0;
		}
			.user-number div input:checked + label {
			    background-image: url(../img/one.png);
			}
		.user-number div:nth-child(2) label {
			background-image: url(../img/two-w.png);
		}
			.user-number div:nth-child(2) input:checked + label {
			    background-image: url(../img/two.png);
			}
		.user-number div:nth-child(3) label {
			background-image: url(../img/three-w.png);
		}
			.user-number div:nth-child(3) input:checked + label {
			    background-image: url(../img/three.png);
			}
		.user-number div:nth-child(4) label {
			background-image: url(../img/four-w.png);
		}
			.user-number div:nth-child(4) input:checked + label {
			    background-image: url(../img/four.png);
			}

.user-number.gewerbekunden div:nth-child(1) label {
	background-image: url(../img/house-one-w.png);
}
.user-number.gewerbekunden div:nth-child(1) input:checked + label {
    background-image: url(../img/house-one-active.png);
}
.user-number.gewerbekunden div:nth-child(2) label {
	background-image: url(../img/house-two-w.png);
}
.user-number.gewerbekunden div:nth-child(2) input:checked + label {
    background-image: url(../img/house-two-active.png);
}
.user-number.gewerbekunden div:nth-child(3) label {
	background-image: url(../img/house-three-w.png);
}
.user-number.gewerbekunden div:nth-child(3) input:checked + label {
    background-image: url(../img/house-three-active.png);
}
.user-number.gewerbekunden div:nth-child(4) label {
	background-image: url(../img/house-four-w.png);
}
.user-number.gewerbekunden div:nth-child(4) input:checked + label {
    background-image: url(../img/house-four-active.png);
}



/*Formular part one*/

.formular .intro h3,
.formular .intro h2 {
    margin-bottom: 25px;
}
.formular .intro h1 {
    margin-bottom: 0;
}
article#article.formular:after {
	display: none;
}
.formular .steps {
	position: relative;
}
.formular .steps span {
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
	color: #888888;
}
.formular .steps span:last-child {
    padding: 0;
    margin: 0;
}
.formular .steps i.fas {
	
}
.formular .steps span:last-child:after {
    background-image: none;
}
.formular .steps span.active {
    font-weight: bold;
    color: #013F4E;
}
.formular .steps span.active:after {
    background-image: url('../img/step_active.png');
}
.formular .steps span.active:last-child:after {
    background-image: none;
}
.formular .steps span.done {
    color: #AAAAAA;
}
.formular .steps span.done:after {
	background-image: url('../img/step_inactive.png');
}
.formular .steps span.done:last-child:after {
    background-image: none;
}

#tarifrechner-form .tarifrechner-page h3 {
	color:#fff;
}
.formular .form-formular {
	position: relative;
}
	.formular .form-formular h3 {
	    font: 500 26px FuturaBook;
	    margin: 0 0 18px;
	}
	.formular .form-formular h4 {
		margin: 0 0 10px;
		font: 500 18px/22px FuturaMedium;
	}
	.formular .form-formular form .line-form {
	    /* overflow: hidden;*/
	    display: flex;
	    margin-bottom: 20px;
		position: relative;
		width: 100%;
	}
	.formular .form-formular form .swor_heizstrom-fields-wrapper .line-form {
		overflow: visible;
	}
		.formular .form-formular form .line-form label {
		    display: inline-block;
		    margin: 0 20px 0 0px;
		    position: relative;
		    font: 500 14px FuturaBook;
		    letter-spacing: 0.9px;
		    cursor: pointer;
		    vertical-align: top;
			line-height: 18px;
		}

		label.for-radio input[type="radio"] {
			position: absolute;
			top: 2px;
			left: 0;
			margin: 0;
			display: inline-block;
			height: 14px;
		}
		label.for-radio {
			padding-left: 20px;
		}

			.formular .form-formular form .line-form.disabled label::after {
				opacity: 0.5;
			}
			.formular .form-formular form .line-form label.swor_kuendigung-durch_2:after {
			    top: 5px;
			}
			.kuendigung-description, .form-formular form .order-data-page .three-labels div.kuendigung-description {
				margin-left: 34px;
				padding: 0;
			}


		.formular .form-formular form .line-form input[type=radio]:checked + label:after {
			background: url(../img/fill-dot.png) center no-repeat;
			border-color: #01454d;
		}
	.formular .form-formular form .label-up div label:after, .form-formular form .order-data-page .three-labels div label:after {
		display: none;
	}
	.formular .form-formular form .label-up div {
	    float: left;
	    position: relative;
	}


	.formular .form-formular form .label-up > div {
	    /* margin-right: 15px;*/
	}
	.formular .form-formular form .label-up div.size {
		float: none;
		position: absolute;
		top: 30px;
		font-size: 13px;
		right: 0;
		line-height: 18px;
		display: none;
	}
	.formular.gas .form-formular form .label-up div.size {
		display: block;
	}
	.formular .form-formular form .label-up div label {
	    display: block;
	    padding: 0;
	    cursor: initial;
	    margin: 0 0 5px;
	}
	.formular .form-formular form .label-up div input[type="text"], .formular .form-formular form .label-up div input[type="email"], .formular .form-formular form .label-up div select {
	    height: 34px;
	    min-width: 168px;
	    border: 1px solid #e8e6e6;
	    padding: 0 15px;
	    outline: none;
	    font: 500 14px FuturaLight;
	}
		.formular .form-formular form .label-up div.double input {
		    padding-right: 86px;
		}
		.formular .form-formular form label.currency {
		    position: absolute;
		    top: 9px;
		    font: 500 14px FuturaLight;
		    text-transform: unset;
		    right: 15px;
		}
		.formular .form-formular form label.form-group-currency {
			position: absolute;
			top: 44px;
			color: #003b4d !important;
			font: 500 14px FuturaLight !important;
			text-transform: unset;
			right: 15px;
			z-index: 2;
		}
	.formular .form-formular form .label-up div.user-number input {
	    height: 27px;
	    opacity: 0;
	    width: 40px;
	    outline: none !important;
	    cursor: pointer;
	    border: 0;
	    display: block;
		margin: 0;
	}
	.formular.gas .form-formular form .label-up div.user-number input {
	    height: 46px;
	    width: 45px;
	}
	.formular .form-formular form .label-up div.user-number label {
		display: inline-block;
		width: 40px;
		height: 27px;
		cursor: pointer;
		background: url(../img/one-w.png) 50% 0 no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

		.formular .form-formular form .label-up div.user-number div input:checked + label {
		    background-image: url(../img/one.png);
		}
	.formular .form-formular form .label-up div.user-number div:nth-child(2) label {
		background-image: url(../img/two-w.png);
	}
		.formular .form-formular form .label-up div.user-number div:nth-child(2) input:checked + label {
		    background-image: url(../img/two.png);
		}
	.formular .form-formular form .label-up div.user-number div:nth-child(3) label {
		background-image: url(../img/three-w.png);
		margin-right: 5px;
	}
		.formular .form-formular form .label-up div.user-number div:nth-child(3) input:checked + label {
		    background-image: url(../img/three.png);
		}
	.formular .form-formular form .label-up div.user-number div:nth-child(4) label {
		background-image: url(../img/four-w.png);
	}
		.formular .form-formular form .label-up div.user-number div:nth-child(4) input:checked + label {
		    background-image: url(../img/four.png);
		}


	.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(1) label {
		background-image: url(../img/house-one-w.png);
	}
		.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(1) input:checked + label {
			background-image: url(../img/house-one-active.png);
		}
	.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(2) label {
		background-image: url(../img/house-two-w.png);
	}
		.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(2) input:checked + label {
			background-image: url(../img/house-two-active.png);
		}
	.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(3) label {
		background-image: url(../img/house-three-w.png);
	}
		.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(3) input:checked + label {
		    background-image: url(../img/house-three-active.png);
		}
	.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(4) label {
		background-image: url(../img/house-four-w.png);
	}
		.formular .form-formular form .label-up div.user-number.gewerbe div:nth-child(4) input:checked + label {
		    background-image: url(../img/house-four-active.png);
		}


	.formular .form-formular form .label-up div.user-number {
	    padding-top: 5px;
		float:right;
		margin-top: 2.3rem !important;
	}
	.formular .form-formular form .label-up div.user-number.gewerbe {
	
		
		margin-top:1.3rem !important;
	}
	@media(min-width: 992px){
		.formular .form-formular form .label-up div.user-number {
			float:left;
		}
	}
	.formular.gewerbegas .form-formular form .label-up div.user-number {
		display: none;
	}
	.formular .form-formular form .label-up div.user-number > div {
		margin: 0 10px 0 0;
	}
	
	.formular .form-formular form .label-up div.user-number > div:last-child {
		margin: 0;
	}
	.formular .form-formular form .label-up {
	    margin-bottom: 10px;
	}
	.formular .form-formular form h4.red {
	    color: #c31b35;
	}
	.formular .form-formular form .submit-line {
	    overflow: hidden;
	    display: block;
	    margin: 45px 0 20px;
	}
		.formular .form-formular form .submit-line .user-send {
		    float: right;
		    display: inline-block;
		    margin: 0 15px 0 40px;
		}
		.formular .form-formular form .swor-page-1 .submit-line .user-send {
		    margin: 0;
			float: none;
		}
		.user-send #calc-submit,
		.formular .form-formular form .submit-line .user-send .next-page {
			font-size: 18px;
		}
		.formular .form-formular form .submit-line .reset-page-1 {
		    background: none;
		    border: none;
		    padding: 0;
		    font: 500 15px FuturaMedium;
		    margin: 0;
		    color: #fff;
		    outline: none;
		}
		.formular .form-formular form .submit-line .reset-page-1 i{
			font-size:80%;
		}
		.reset-page-1-wrapper {
			margin: 15px 0 0;
		}

.note {
    font-size: 12px;
    color: #555555;
    text-transform: none;
    line-height: 12px;
}

.formular .form-formular form .label-up div label.no-margin-bottom {
    margin-bottom: 0;
}

.disabled-hint {
    position: absolute !important;
    top: 55px;
    left: 20px;
    background: #FFA92B;
    z-index: 99;
    padding: 0 5px;
    font-size: smaller;
    border: 1px solid #aaa;
	display: none;
}
.line-form.disabled:hover .disabled-hint {
	display: block;
}

.formular .form-formular form .label-up .swor_plz-field-wrapper {
    float: none;
}
.formular .form-formular form .label-up .swor_plz-field-wrapper .disabled-hint {
    left: unset;
	bottom: unset;
	float: left;
}
.formular .form-formular form .label-up.disabled:hover .swor_plz-field-wrapper .disabled-hint {
    display: block;
}
.formular .form-formular form .label-up div.swor_plz-field-wrapper input[type="text"] {
	float: left;
}

/*formular two*/
.formular .form-formular .previous-data {
    overflow: hidden;
    display: block;
	position: relative;
}

/* Ihre Angaben */
.formular .form-formular .tarifrechner-input-data-wrapper.previous-data,
.swor_summary-persoenliche-daten,
.swor_summary-lieferung,
.swor_summary-zahlung {
    background: #fff;
    color: #052f3c;
    margin-bottom: 15px;
}
.swor_summary-angebot .tarifrechner-input-data-wrapper.previous-data {
    padding-left: 15px;
    padding-right: 15px;
}
.swor_summary-wrapper .tarifrechner-input-data-wrapper > div,
.tarifrechner-input-data-wrapper .blockcontent-wrapper > div {
    margin-bottom: 20px;
}
.formular .form-formular .tarifrechner-input-data-wrapper.previous-data {
    background: #013F4E;
    color: #fff;
}
.formular .form-formular .swor-page-2 .tarifrechner-input-data-wrapper.previous-data {
    margin-bottom: 0;
}
.formular .form-formular .tarifrechner-input-data-wrapper h3 {
    text-transform: none;
	margin-bottom: 20px;
	font-size: 24px;
}
.formular .form-formular .tarifrechner-input-data-wrapper.previous-data div h5 {
    font-size: 13px;
	margin: 0 0 5px;
}
.formular .form-formular .tarifrechner-input-data-wrapper.previous-data div span {
    font-size: 20px;
}
.formular .form-formular .tarifrechner-input-data-wrapper div {
    margin-right: 80px;
}
.tarifrechner-input-data-wrapper .prev-page,
#tarifrechner-form button.edit,
#tarifrechner-form .blockheadinfo-wrapper .prev-page {
    position: absolute;
	top: 20px;
	right: 15px;
    background: transparent;
    border: none;
    text-decoration: underline;
	color: #FFDE0B;
}
.tarifrechner-input-data-wrapper .prev-page:hover,
#tarifrechner-form .tarifrechner-input-data-wrapper button.edit:hover {
	color: #fff;
}
#tarifrechner-form button.edit:hover {
	color: #013F4E;
}


/* Unser Angebot */
.formular .form-formular .tarif-data-wrapper.previous-data h3,
#tarifrechner-form .tarif-data-wrapper.previous-data h3 {
    text-transform: none;
    margin: 20px 0;
    font-size: 26px;
	color:#013F4E;
}
.formular .form-formular .tarif-data-wrapper.previous-data .usp-wrapper,
.formular .form-formular .tarif-data-wrapper.previous-data .data-wrapper {
    display: inline-block;
    width: 49%;
    float: none;
    margin: 0;
    vertical-align: top;
}
@media (max-width: 575px){
	.formular .form-formular .tarif-data-wrapper.previous-data .usp-wrapper {
		width:inherit;
	}
	
	.formular .form-formular .tarif-data-wrapper.previous-data .data-wrapper {
		width: 100%;
	}
}
.headline-usp-wrapper {
	font-family: FuturaMedium;
	margin-top: 20px;
}
.usp-wrapper ul {
	list-style:none;
    padding-left: 0;
}
.usp-wrapper li {
    background-color: #FFDE0B;
    padding: 20px 20px 18px 85px;
    margin: 0 0px 15px 0;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 20px;
    line-height: 20px;
    min-height: 78px;
    font-family: 'FuturaBook';
}
.headline-usp-wrapper .usp {
    background-color: #FFDE0B;
    padding: 15px 15px 13px 75px;
    margin: 0 0px 15px 0;
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 20px;
    line-height: 20px;
    min-height: 70px;
    height: calc(100% - 15px);
	color:#052f3c;
}
.headline-usp-wrapper > div span {
    font-size: 14px;
	letter-spacing: 0.9px;
}
.headline-usp-wrapper .oekostrom,
.usp-wrapper li.oekostrom {
    background-image: url('../img/oekostrom.png');
	padding-top: 20px;
}
.headline-usp-wrapper .preisgarantie,
.usp-wrapper li.preisgarantie {
    background-image: url('../img/preisgarantie.png');
}
.headline-usp-wrapper .support,
.usp-wrapper li.support {
    background-image: url('../img/support-usp.png');
}
.headline-usp-wrapper .bestpreis,
.usp-wrapper li.bestpreis {
    background-image: url('../img/bestpreis.png');
}
.headline-usp-wrapper .kuendigungsfrist,
.usp-wrapper li.kuendigungsfrist {
    background-image: url('../img/kuendigungsfrist.png');
}
.headline-usp-wrapper .kuendigungsfrist_12,
.usp-wrapper li.kuendigungsfrist_12 {
    background-image: url('../img/laufzeit.png');
}
.headline-usp-wrapper .kuendigungsfrist-2weeks,
.usp-wrapper li.kuendigungsfrist-2weeks {
    background-image: url('../img/kuendigungsfrist-2weeks.png');
}
.headline-usp-wrapper .kuendigungsfrist-14days,
.usp-wrapper li.kuendigungsfrist-14days {
    background-image: url('../img/kuendigungsfrist-14days.png');
}
.headline-usp-wrapper .festpreis,
.usp-wrapper li.festpreis {
    background-image: url('../img/festpreis.png');
}
.headline-usp-wrapper .klimagas,
.usp-wrapper li.klimagas {
    background-image: url('../img/klimagas.png');
}
.headline-usp-wrapper .usp span {
	display: block;
}
.usp-default {
	display: list-item;
}
.usp-klima {
	display:list-item;
}
@media (max-width: 450px){
	.usp-wrapper li.oekostrom {
		padding-top: 70px;
	}
	.usp-wrapper li {
		padding: 70px 20px 13px;
		margin: 0 0 15px 0;
		background-position: center 5px;
		line-height: 23px;
		text-align: center;
	}	
}
.formular .form-formular .tarif-data-wrapper.previous-data .data-wrapper {
    padding: 5px 0 0 30px;
}
.formular .form-formular .tarif-data-wrapper .data-wrapper div {
    float: none;
	margin: 0 0 20px;
}
.formular .form-formular .tarif-data-wrapper .data-wrapper div h5 {
    display: inline-block;
    color: #868686;
	font-size: 15px;
	min-width: 120px;
}
.formular .form-formular .tarif-data-wrapper .data-wrapper div span {
    font-size: 1.2em;
}
@media (max-width:991px){
	.formular .form-formular .tarif-data-wrapper .data-wrapper div span {
		font-size: 22px;
	}
}
.formular .form-formular .tarif-data-wrapper .data-wrapper div.tarif-data-abschlag,
.formular .form-formular .tarif-data-wrapper .data-wrapper div.swor_summary-abschlag {
	margin-bottom: 0px;
	border-top: 1px solid #A1A1A1;
	padding-top: 20px;
	position: relative;
    padding-bottom: 30px;
}
.formular .form-formular .tarif-data-wrapper .tarif-data-abschlag .info,
.formular .form-formular .tarif-data-wrapper .swor_summary-abschlag .info {
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.formular .form-formular .tarif-data-wrapper .tarif-data-abschlag .info{
    font-size: 14px;
    position: absolute;
    right: inherit;
    bottom: inkerit;
	left:0;
	top:30px;
}
.formular .form-formular .tarif-data-wrapper .data-wrapper div span.price-tax-info,
.formular .form-formular .tarif-data-wrapper .data-wrapper div span.swor_summary-tax-info {
    font-size: 12px;
    margin-left: 120px;
    margin-top: 10px;
	display: block;
}
.formular .form-formular p.special-prg {
    margin: 10px 0 0;
    color: #868686;
}
.formular .form-formular form .tarif-data-wrapper.previous-data div.submit-line {
    padding: 0;
    text-align: right;
    margin: 20px 0 10px;
}
.formular .form-formular form .tarif-data-wrapper .submit-line .user-send {
    margin: 0;
}

	.formular .form-formular .tarifrechner-input-data-wrapper.previous-data div {
	    float: left;
	    margin-right: 32px;
	}
	.formular .form-formular .previous-data div {
		font: 500 14px FuturaMedium;
	}
	.formular .form-formular .previous-data div h5 {
	    margin: 0 0 5px;
	    font: 500 14px FuturaBook;
	    letter-spacing: 0.9px;
	}
	.formular .form-formular .previous-data div span {
	    display: inline-block;
	    font: 500 14px FuturaMedium;
	    letter-spacing: 0.9px;
	}
	.formular .form-formular .previous-data div.usp-wrapper span {
		display: block;
	}
		.formular .form-formular .previous-data div span.red {
		    color: #c31b35;
		}

.form-formular form .order-data-page .line-form {
    margin-bottom: 15px;
}
.form-formular form .order-data-page .one-input {
    margin-bottom: 8px;
}

.form-formular form .order-data-page .half-input div input[type="text"],
.form-formular form .order-data-page .half-input div input[type="email"] {
	width: 100%;
}
.form-formular form .order-data-page .margin-btm{
    margin-bottom: 25px;
}
.form-formular form .order-data-page .right-cut div:nth-child(1) {
    width: 400px;
}
.form-formular form .order-data-page .right-cut div:nth-child(1) input[type="text"]	{
	width: 100%;
}
.form-formular form .order-data-page .right-cut div:nth-child(2) {
    width: 120px;
}
	.form-formular form .order-data-page .right-cut div:nth-child(2) input[type="text"] {
	    width: 100%;
	    min-width: auto;
	}
.form-formular form .order-data-page .three-input div:nth-child(1) {
    width: 100px;
}
.form-formular form .order-data-page .three-input div:nth-child(2) {
    width: 145px;
}
.form-formular form .order-data-page .three-input div:nth-child(3) {
    width: 260px;
}
	.form-formular form .order-data-page .three-input div input {
	    width: 100%;
	    min-width: auto !important;
	}

.formular .form-formular .margin-top {
    margin-top: 35px;
}
.form-formular form .order-data-page .margin-line {
	margin-bottom: 25px;
}
.form-formular form .order-data-page .double-input, .form-formular form .order-data-page .margin-special {
    margin-bottom: 35px;
}
.form-formular form .order-data-page .inner-input div:last-child label:after {
	display: none;
}
.form-formular form .order-data-page .inner-input div {
    padding-left: 18px;
    margin: 5px 0 15px;
}
.form-formular form .order-data-page .inner-input div:last-child label {
    margin: 0 0 9px;
    padding: 0;
    display: block;
}
.form-formular form .order-data-page .inner-input div input {
	min-width: 300px;
}
.form-formular form .order-data-page .three-labels div {
    padding: 8px 0 0 17px;
}
	.form-formular form .order-data-page .three-labels div input {
	    height: 34px;
	    min-width: 168px;
	    border: 1px solid #e8e6e6;
	    padding: 0 15px;
	    outline: none;
	    font: 500 14px FuturaLight;
	}
	.form-formular form .order-data-page .three-labels div label {
	    padding: 0;
	    margin: 7px 10px 6px;
	}
	.form-formular form .order-data-page .three-labels div p {
	    margin: 15px 0 50px;
	    font: 500 14px FuturaBook;
	}
.form-formular form .order-data-page .explain {
    font: 500 14px FuturaMedium;
    letter-spacing: 0.9px;
    margin: 0 0 22px;
    display: block;
}
.formular .form-formular p {
    font: 500 14px FuturaMedium;
    letter-spacing: 0.9px;
    margin: 0px 0 20px;
}
.formular .form-formular p.no-margin {
    margin: 0;
}
.formular .form-formular .checkbox {
    margin: 0 0 30px;
}
.formular .form-formular .checkbox.no-margin {
    margin: 0;
}
	.formular .form-formular .checkbox input[type=checkbox] {
	    opacity: 0;
	    width: 0;
	    margin: 0;
	}
	.formular .form-formular .checkbox label {
	    font: 500 18px FuturaMedium;
	    position: relative;
	    padding: 0 35px 0;
	}
	.formular .form-formular .checkbox label:after {
	    content: "";
	    width: 20px;
	    height: 20px;
	    background-color: #fefefe;
	    border: 1px solid #505050;
	    position: absolute;
	    left: 0;
	    top: 0;
	}

	.formular .form-formular .checkbox input:checked ~ label:not(.error):after {
		background-image: url(../img/tick.png) ;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 15px;
	}
.formular .form-formular .checkbox.small label {
    font-size: 14px;
}
.formular .form-formular form .submit-line .prev-page {
    display: inline-block;
    font: 500 16px FuturaMedium;
    color: #01454d;
    position: relative;
    padding: 10px 0 10px 25px;
}
	.formular .form-formular form .submit-line .prev-page:before {
	    content: "";
	    position: absolute;
	    left: -8px;
	    top: 13px;
	    border: 8px solid transparent;
	    border-right: 12px solid #01454d;
	}

/*Formular 3*/
.formular .form-formular .left-column {
    max-width: 410px;
    float: left;
    padding-right: 110px;
}
.swor_lieferung.left-column {
    clear: both;
}

	.formular .form-formular .left-column .previous-data div, .formular .form-formular .right-column .previous-data div {
	    width: 100%;
	    margin: 0 0 22px;
	}

.formular .form-formular .previous-data > div > div:last-child {
	margin-bottom: 0px;
}
.formular .form-formular .right-column {
    float: left;
    max-width: 300px;
    width: 100%;
}
.formular-three .form-formular form .submit-line, .formular-three .form-formular .previous-data, .formular-three .form-formular h3 {
    float: left;
    width: 100%;
}
.form-formular .swor-page-6 h4 {
    margin: 0 0 15px;
    font: 500 18px FuturaMedium;
}
.swor_summary-wrapper h5 {
    display: inline-block;
    min-width: 195px;
}
.swor_summary-wrapper .tarifrechner-input-data-wrapper.previous-data h5 {
    display: block;
    min-width: unset;
}

.margin-60 {
	margin-top: 40px !important;
}
.margin-40 {
	margin-top: 20px !important;
}
.formular .form-formular form > div h3 {
    margin-top: 10px;
}
.formular .form-formular form > div.swor-page-7 h3 {
    margin-top: 0;
}

.form-formular .term-agree {
	width: 100%;
	overflow: hidden;
	display: block;
	clear: both;
}
.form-formular .swor-page-6 .checkbox .red {
    color: #c31b35;
}
.form-formular .swor-page-6 .checkbox label {
    font-size: 14px;
    letter-spacing: 0.9px;
}
.form-formular .term-agree h4 {
    padding-left: 35px;
    margin-bottom: 6px;
}
.swor_summary-productdetails ul {
	list-style: inside;
}

.formular .form-formular form .line-form label.error {
    text-transform: none;
}

.formular .form-formular form label.error {
    display: block;
    color: #c31b35;
    font-weight: bold;
}
.formular .form-formular #swor-page-1 label.error {
    display: block;
    color: #f28c00 !important;
    font-weight: bold;
}
.form-group {
	width: 100% !important;
	position:relative;
}
.form-group label, .form-check label {
	font: 500 14px FuturaBook;
}
.form-check {
	margin-right:1.25rem;
	padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: .5rem;
    margin-left: -1.25rem;
}
.formular .form-formular form label.error:after {
	display: none;
}

.formular .form-formular form .label-up .nofloat {
	float: none;
}

.swor_summary-wrapper div {
    position: relative;
}

.swor_summary-angebot {
    margin-bottom: 25px;
}

input:required:invalid {
    box-shadow: none;
    outline: none;
}

#error {
	color: #c31b35;
    font-weight: bold;
    background-color: #ffffffa8;
    padding: 15px;
}

*::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Element {
    display: none;
}
.ajax-loader {
    width: 100%;
    background: rgba(255,255,255,0.5);
    height: 100%;
    position: absolute;
    z-index: 2;
}
.ajax-loader img {
    position: absolute;
    left: calc(50% - 50px);
    bottom: 150px;
}

.content-area ul {
    list-style: unset;
    padding: 0 0 0 25px;
    margin: 0 0 20px;
}
.content-area li {
    margin: 0 0 5px 0;
}

.bold {
    font-weight: bold;
}

label .small {
    text-transform: none;
}

.mobile .searchform ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ddd;
}
.mobile .searchform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ddd;
   opacity:  1;
}
.mobile .searchform ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ddd;
   opacity:  1;
}
.mobile .searchform :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ddd;
}
.mobile .searchform ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ddd;
}

.main-content img {
    max-width: 100%;
    height: auto;
}

.radio-button-helper {
    display: inline-block;
}

body > .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 19;
    cursor: pointer;
	display: none;
}

.support-contact-form-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: #e7edee;
    border: 1px solid #777;
    padding: 35px 25px 20px;
    width: 100%;
    z-index: 20;
	display: none;
}

.support-contact-form-close {
    position: absolute;
    right: 10px;
	top: 2px;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    display: block;
}

.swor_heizstrom-fields-wrapper .helper-image-wrapper {
    float: right;
	width: 315px;
	height: 267px;
	margin-left: 10px;
	display: block;
}

#swor_telefon_vorwahl {
    width: 35% !important;
}

.telefon_separator {
    width: 16px;
    display: inline-block;
    text-align: center;
}

#swor_telefon_nummer {
    width: calc(62% - 0.25rem) !important
}

.single .entry-content img {
    max-width: 100%;
	height: auto;
}

.entry-content iframe {
	max-width: 100%;
}

.clear {
    clear: both;
}

/* Landingpage Tarifrechner */
.landingpage .sidebar {
    background-color: #5497a4;
    padding: 15px 15px 30px;
}
.landingpage h2 {
    color: #fff;
    font-size: 28px;
    line-height: 34px;
	margin: 5px 0 5px;
}
.landingpage .fields-container {
    margin-bottom: 0;
}
.landingpage #tarifrechnerForm .button-check label {
    display: block;
	margin: 10px 0 2px;
	color: #fff;
}
.landingpage #tarifrechnerForm .button-check input {
    padding: 5px 10px;
	max-width: 188px;
	margin-right: 20px;
	border: none;
}
.landingpage .plz-input-wrapper,
.landingpage .consume-input-wrapper {
	z-index: 0;
	position: relative;
}
.landingpage .plz-input-wrapper::after,
.landingpage .consume-input-wrapper::after {
    content: "";
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	width: calc(100% - 20px);
	background: #fefefe;
	transform: skew(-30deg);
	z-index: -1;
}
.landingpage .user-send {
    float: none;
    clear: both;
    margin: 30px 0 0 15px;
    position: relative;
    z-index: 0;
	display: inline-block;
}

/* Landingpage Heizstrom-Tarifrechner */
.landingpage .swor_heizstrom-fields-wrapper {
    color: #fff;
	margin: 20px 0 0;
}

.landingpage .swor_heizstrom-fields-wrapper h4 {
    margin-top: 0;
}
.landingpage .swor_heizstrom-fields-wrapper label.for-radio input[type="radio"] {
    position: relative;
	top: unset;
	left: unset;
	margin: 0;
	display: inline-block;
	height: auto;
}
.landingpage .swor_heizstrom-fields-wrapper .line-form {
    margin: 0 0 15px;
}
.landingpage .schaetz-verbrauch-zweitarif-label {
    padding: 5px 0 5px 10px;
    background: #fff;
}
.landingpage .consume-nt-wrapper {
    margin-top: 5px;
}
.landingpage .chose-consume-type {
    margin-top: 20px;
}
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper {
	background-color:#fff;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper h3,
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper h4,
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper p,
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper span,
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper div,
#tarifrechner-form .tarifrechner-page.swor-page-1 .swor_heizstrom-fields-wrapper label{
	color:#003b4d;
}
#tarifrechner-form .tarifrechner-page.swor-page-1 fieldset {
	border:none;
}

/* =Blog-Navigation - Search-Result-Navigation - Pagination
----------------------------------------------------------- */
.pagination-wrapper {
    margin: 35px 0 45px;
}

nav.pagination {
	position: relative;
	display: block;
}

.pagination .nav-links {
	position: relative;
}

.pagination .nav-links ul {
	margin: 0;
	padding: 0;
}

.pagination .nav-links ul li {
	list-style: none;
	margin:0 10px 0 0;
	padding:0;
	float: left;
}

.pagination .nav-links ul li span.current {
	padding: 10px 12px;
	background: #777;
	border: 1px solid #777;
	display: block;
	line-height: 1;
	border-radius: 4px;
	color: #fff;
}

.pagination .nav-links ul li a {
	padding: 10px 12px;
	background: #ddd;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	line-height: 1;
}

.pagination .nav-links ul li a:hover {
	background: #999;
	border-color: #888;
	color: #fff;
}

/* Search-Result */
.searchresultBanner {
    float: right;
}
.searchresult a {
    text-decoration: navajowhite;
}
.searchresult h2 {
    margin: 40px 0 5px;
}
.searchresult .description {
    color: #333;
}

/* Tarifrechner Page Layout */
.tarifrechner-page {
	display: none;
	margin-bottom: 10px;
}
.tarifrechner-page.swor-page-3 {
	margin-top:-25px;
}
.tarifrechner-page.done,
.tarifrechner-page.active,
.tarifrechner-page.todo,
.tarifrechner-page.swor-page-1 {
	display: block;
}

.tarifrechner-page,
.formular .form-formular .swor-page-2 .tarifrechner-input-data-wrapper.previous-data {
	position: relative;
}
.formular .form-formular .swor-page-2 .tarifrechner-input-data-wrapper.previous-data {
    margin-bottom: 0;
}

.tarifrechner-page .blockheadinfo-wrapper,
.formular .form-formular #tarifrechner-form .previous-data div.blockheadinfo-wrapper {
	margin: 0;
	float: none;
	font: 500 14px FuturaMedium;
	position: relative;
}
.tarifrechner-page .blockheadinfo-wrapper .blockheadinfo-title,
.formular .form-formular .previous-data div.blockheadinfo-wrapper span.blockheadinfo-title {
    font-weight: bold;
}
.tarifrechner-page .blockheadinfo-wrapper span,
.formular .form-formular .tarifrechner-input-data-wrapper.previous-data div.blockheadinfo-wrapper span {
    font-size: 14px;
}

.tarifrechner-page.todo {
    color: #999999;
}
.tarifrechner-page:not(.todo):not(.done) .blockheadinfo-wrapper {
    display: none;
}
.tarifrechner-page.done .blockheadinfo-wrapper {
    margin-left: 30px;
}
.tarifrechner-page.done:not(.swor-page-2),
.tarifrechner-page.todo,
.formular .form-formular .tarifrechner-page.done .previous-data {
    padding-top: 5px;
    padding-bottom: 5px;
}
.tarifrechner-page.done:not(.swor-page-2) {
	background-image: url(../img/tick.png);
	background-repeat: no-repeat;
	background-position: 15px 5px;
}
.tarifrechner-page .blockcontent-wrapper {
    display: none;
}
.tarifrechner-page.todo .blockheadinfo-wrapper .content {
    display: none;
}
.swor_summary-wrapper {
    margin: 0;
}

#swor-page-2.done .tarif-data-wrapper {
    background: #C31136;
    color: #fff;
}
#tarifrechner-form .tarifrechner-page .blockheadinfo-wrapper .edit {
    top: 0;
    right: -15px;
}
#swor-page-2 .blockheadinfo-verbrauch-nt-wrapper,
#swor-page-2 .blockheadinfo-verbrauch-ht-label,
#swor-page-2 .blockheadinfo-arbeitspreis-ht-label,
#swor-page-2 .blockheadinfo-arbeitspreis-nt-wrapper {
	display: none;
}

input:focus::placeholder {
    opacity: 0;
}
input:focus::-ms-input-placeholder {
    opacity: 0;
}
.swor_sepa-info {
    margin: 30px 0 0;
}
.formular .form-formular .swor_sepa-info h4 {
    margin-bottom: 8px;
}
.formular .form-formular .swor_sepa-info p {
    margin-bottom: 10px;
}
.formular .form-formular .swor_sepa-info p:last-of-type {
    margin-bottom: 0;
}

.form-formular form .tarifrechner-page .line-form div.swor_geburtsdatum_field-block {
    display: inline-block;
    width: auto;
    float: none;
}
.formular .form-formular form .tarifrechner-page div.swor_geburtsdatum_field-block select {
    min-width: auto;
}

.tarifrechner-page > .blockheadinfo-wrapper,
.tarifrechner-page :not(.tarif-data-wrapper) .blockheadinfo-wrapper {
    padding: 0 110px 0 0;
	min-height:19px;
}

.footnote {
    font-size: small;
}
.swor-page-1 .footnote {
    color:#fff;
}

.swor-tooltip {
    border: none;
    background: transparent;
    padding: 0;
}
.swor-tooltip .fa-info-circle {
	color: #00AAD5;
}
.tooltip-inner {
	max-width: 400px;
	padding: 10px 15px;
	text-align: left;
	background-color: #003B4D;
	border-radius: unset;
	box-shadow: 0 0 3px 0px #ccc;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #003B4D;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #003B4D;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #003B4D;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #003B4D;
}
.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.header-hotline-link-tooltip {
	float: left;
	margin: 5px 10px 0 -15px;
}

.swor-tooltip.kontakt-info-tooltip.quick-kontakt i {
    color: #00AAD5 !important;
    font-size: 18px !important;
    vertical-align: super !important;
}


/* zweiter Tarif */
.tarifrechner-page:not(.done) .tarif-data-wrapper.previous-data.white-box.two-tarif,
.tarifrechner-page:not(.done) .tarif-data-wrapper.previous-data.white-box.three-tarif {
    background: transparent;
    padding: 0;
}

.offer-wrapper {
	/*
	display: flex;
	margin: 0 -15px 25px;
	*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px){
	.offer-wrapper {
		
		margin: 0;
	}
}
.offer-container {
	/*
    margin: 0 15px;
	width: 100%;
	*/
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	margin-bottom:1rem;
}
@media (max-width: 991px){
	.offer-container {
		/*margin: 0;*/
	}
}
.offer-container .row {
	height: calc(100%);
	margin: 0;
}


.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container {
	width: 100%;
}
.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container .offer-container-bg {
	background: #fff;
}
.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container {
	width: 100%;
}

@media (min-width: 768px){
	.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container {
		width: calc(50% - 30px);
		margin-bottom: 20px;
	}
	.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container .offer-container-bg {
		background: #fff;
	}
	.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container {
		width:100%;

	}
}
@media(min-width:1200px){
	.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container {
		width: calc(33.3333% - 30px);
		margin-bottom: 20px;
	}
	.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container .offer-container-bg {
		background: #fff;
	}
}

.offer-container.tarif-2 {
    display: none;
}
.offer-container.tarif-4 {
    display: none;
}

.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container.tarif-1,
.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container.tarif-1 {
    display: flex;
	flex-direction: column;
}
.tarif-data-wrapper.two-tarif .offer-wrapper .offer-container.tarif-2 {
    display: flex;
	flex-direction: column;
}
.tarif-data-wrapper.three-tarif .offer-wrapper .offer-container.tarif-4 {
    display: flex;
	flex-direction: column;
}
.formular .form-formular .tarif-data-wrapper.previous-data.two-tarif .offer-wrapper .usp-wrapper,
.formular .form-formular .tarif-data-wrapper.previous-data.two-tarif .offer-wrapper .data-wrapper {
    width: 100%;
	padding-left: 0;
}

.formular .form-formular .tarif-data-wrapper.previous-data.two-tarif .offer-wrapper .data-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-grow: 1;
}

.tarif-data-wrapper .blockcontent-wrapper .offer-container .submit-line {
	display: none;
}
.formular .form-formular form .tarif-data-wrapper.two-tarif  .offer-container .submit-line {
	display: block;
}
.formular .form-formular form .tarif-data-wrapper.three-tarif  .offer-container .submit-line {
	display: block; 
}
.formular .form-formular form .tarif-data-wrapper.two-tarif .submit-line {
    display: none;
}
.formular .form-formular form .tarif-data-wrapper.three-tarif .submit-line {
    display: none;
}
#swor-page-2 .tarif-data-wrapper .blockheadinfo-wrapper button.edit-page-2 {
	display: none;
}
#swor-page-2 .tarif-data-wrapper.two-tarif .blockheadinfo-wrapper button.edit-page-2 {
	display: block;
}

.formular .form-formular .tarif-data-wrapper.previous-data.two-tarif h3.offer-wrapper-headline {
    margin: 30px 0 25px;
	color:#fff;
}
.formular .tarif-data-wrapper.previous-data .tarif-title h3 {
	display: none;
}
.formular .tarif-data-wrapper.previous-data.two-tarif .tarif-title h3, 
.formular .tarif-data-wrapper.previous-data.three-tarif .tarif-title h3 {
    font-family: 'FuturaMedium', sans-serif;
    margin-bottom: 20px;
	margin-top: 5px;
	display: block;
	font-size: 28px;
}
#tarifrechner-form .tarif-data-wrapper.previous-data.two-tarif.three-tarif .offer-container .tarif-title h3 {
	font-size:24px;
}

.formular .form-formular .klimagas-option-wrapper {
	display: flex;
    margin: 10px 0 10px 0;
}
.formular .form-formular .klimagas-option-wrapper .klimagas-checkbox-text {
    font-size: 18px;
	width: 100%;
	padding-right: 0;
}
.formular .form-formular .klimagas-option-wrapper .klimagas-checkbox-text a {
    color: inherit;
    text-decoration: underline;
}
.klimagas-checkbox-text .tooltip .headline {
    margin-bottom: 5px;
}
.klimagas-checkbox-text .tooltip img {
    float: left;
	margin-right: 10px;
}
.tarifrechner-banner-wrapper {
	margin-bottom: 50px;
    margin-top: 35px;
}
@media (max-width: 575px){
	.tarifrechner-banner-wrapper {
		margin-top: 0;
	}
}
.tarifrechner-banner-wrapper .chose-consume-type {
	width: 100%;
    display: inline-block;
    text-align: center;
}
.tarifrechner-banner-wrapper .chose-consume-type .user-number {
	width: auto;
    display: inline-block;
}
#ortselect-wrapper {
	width:100%;
}
#swor-page-1 h4,
#swor-page-1 label,
#swor-page-1 a,
.tarifrechner-dark-bg {
	color:#fff;
}
#swor-page-1 label {
    font: 500 14px FuturaBook;
}
ul.ui-autocomplete {
	display: inline-block;
    width: auto !important;
    background-color: #fff !important;
    list-style: none !important;
    padding: 0 10px !important;
	max-width: 400px;
    overflow: auto;
    max-height: 200px;
    box-shadow: 1px 2px 3px #999;
}
ul.ui-autocomplete li {
	cursor:pointer;
}
ul.ui-autocomplete li:hover {
	background-color:#e7e7e7;
}
ul.ui-autocomplete li:nth-child(2n) {
	background-color:#efefef;
}
ul.ui-autocomplete li .ui-menu-item-wrapper {
	font-size:1rem;
    padding: 1px 5px;
}
.swor-page-3 fieldset,
.swor-page-4 fieldset,
.swor-page-5 fieldset,
.swor-page-6 fieldset,
.swor-page-7 fieldset{
	border:none;
}
input::placeholder {
    font: normal 0.9rem/1.2rem sans-serif;
    color: #999;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font: normal 0.9rem/1.2rem sans-serif;
    color: #999;
}
input::-moz-placeholder { /* Firefox 19+ */
    font: normal 0.9rem/1.2rem sans-serif;
    color: #999;
}
input:-ms-input-placeholder { /* IE 10+ */
    font: normal 0.9rem/1.2rem sans-serif;
    color: #999;
}
input:-moz-placeholder { /* Firefox 18- */
    font: normal 0.9rem/1.2rem sans-serif;
    color: #999;
}
@media (max-width: 575px){
	.mobi-d-block {
		display:block !important; 
		position:relative;
		min-width: 120px;
	}
}
@media (min-width: 576px){
	.mobi-d-block {
		display:inline-block !important; position:relative;
		min-width: 120px;
	};
}
@media (max-width:991px){
	#_information .pl-1{ padding-left: 0.25rem !important }
	#_information .pl-2{ padding-left: 0.5rem !important }
	#_information .pl-3{ padding-left: 0.75rem !important }
	#_information .pl-4{ padding-left: 1rem !important }
	#_information .pl-5{ padding-left: 1.50rem !important }
	
	#_information .pr-1{ padding-right: 0.25rem !important }
	#_information .pr-2{ padding-right: 0.5rem !important }
	#_information .pr-3{ padding-right: 0.75rem !important }
	#_information .pr-4{ padding-right: 1rem !important }
	#_information .pr-5{ padding-right: 1.5rem !important }
}
@media (min-width:992px){
	#_information .pl-1{ padding-left: 0.25rem !important }
	#_information .pl-2{ padding-left: 0.5rem !important }
	#_information .pl-3{ padding-left: 1rem !important }
	#_information .pl-4{ padding-left: 1.5rem !important }
	#_information .pl-5{ padding-left: 3rem !important }
	
	#_information .pr-1{ padding-right: 0.25rem !important }
	#_information .pr-2{ padding-right: 0.5rem !important }
	#_information .pr-3{ padding-right: 1rem !important }
	#_information .pr-4{ padding-right: 1.5rem !important }
	#_information .pr-5{ padding-right: 3rem !important }
}
.text-dark, h3[text=dark]{
	color: #013f4e !important;
}
.swor_zaehlertyp-wrapper label {cursor:pointer} 
.full {
	width:100% !important;
}
.half {
	width:50% !important;
}
.half-1 {
	width:49% !important;
}

.x-half {
	width:100% !important;
}
@media(min-width:992px){
	.x-half {
		width:49% !important;
	}
}
.font-weight-normal {
	font-weight:normal !important;
}
.font-normal {
	font: 500 14px FuturaMedium !important;
}
#tarifrechner-form .offer-container .tarif-title h3 {
	text-transform: none;
    margin: 20px 0 8px 0;
    font-size: 26px;
    color: #013F4E;
    min-height: 55px;
    padding: 0;
    display: block;
}

.offer-container-bg .tarif-title small {
	display: block;
    height: 28px !important;
    font-size: 14px !important;
    font-family: 'FuturaLight';
    margin-top: -28px !important;
    padding-bottom: 14px !important;
}
.color-default {
	color:#052f3c !important;
}
#contract-period-info div {
	font: 500 18px FuturaMedium;
	position: relative;
	font-size: 14px;
	letter-spacing: 0.9px;
}