/* Fix for showing the smaller versions of big headers when viewed in mobile devices. Added by BEMA on 07.11.2019 */
@media (max-width: 767px) {
	.home-slider1-small {
		background-image: url('../img/home-slider1-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.home-slider2-small {
		background-image: url('../img/home-slider2-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.home-slider3-small {
		background-image: url('../img/home-slider3-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.home-slider4-small {
		background-image: url('../img/home-slider4-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.home-slider5-small {
		background-image: url('../img/home-slider5-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.home-stiftung-small {
		background-image: url('../img/home-teaser03-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.wasserkraft01-small {
		background-image: url('../img/wasserkraft01-small.jpg') !important;
	}
}

@media (max-width: 767px) {
	.co2-small {
		background-image: url('../img/co2-small.jpg') !important;
	}
}

/* Overrride zoom on hover function on big images. Scale value was originally 1.1 */
.bg-full-img:hover .img-wrapper{
	-webkit-transform:scale(1.025);
	transform:scale(1.025)
}

/* Overrride the background color of the odometer value from blue to green */
.odometer-value { background-color:#4C9E44 !important; }

@media (min-width: 1200px) {
	/* Overrride the height of the odometer box */
	.bg-split-img-vertical .img-holder { min-height:325px; }
	
	/* Adjust the top margin of the "Spendesumme bottom text" */
	.spendesumme-bottom-text { margin-top:-90px; }
}

/* Overrride paddings of the content section 
#content section {
	padding-top: 60px;
    padding-bottom: 40px;
}
*/

/* Override the mouse cursor for the main nav items */
.default-cursor { cursor:default !important; }

/* Override main nav menu properties */
.header .dropdown-multicol {z-index:1000;}

/* Override phone number color */
h5.phone a,
p a.phone { color:rgb(75, 75, 75) !important; }

p a.phone { border-bottom: none !important; }
p a.phone:hover { color: red; text-decoration: underline; !important; }

/* Override the active and inactive colors of the calculator tabs (Reiter) on the main page */
.calculator .nav-tabs>li>a.tab-power{ background-color:#80bfd5 }
.calculator .nav-tabs>li>a.tab-gas {background-color:#6cb2cf }
.calculator .nav-tabs>li>a.tab-heat-flow{ background-color:#91ccdb }
.calculator .nav-tabs>li>a.active{ background-color:#0093C4;color:#fff }

/* Override character errors from new CSS files from SIGNALFEUER */
.slick-prev:before{content:"\64"}[dir="rtl"] .slick-prev:before{content:"\65"}
.slick-next:before{content:"\65"}[dir="rtl"] .slick-next:before{content:"\64"}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"gruenwelt";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li button:before{content:"•";width:10px;height:10px;font-size:28px;opacity:1;color:#fff;transition:all 0.3s cubic-bezier(0.29, 1.23, 0.46, 1)}
#counter-spenden.odometer .odometer-inside:after{content:"€";margin-left:4px;position:relative;color:dimgray}

/* Override dt font-weght from new CSS files from SIGNALFEUER */
dt { font-weight: 400 }

/* Service Nav Mods */
.rueckruf-link { font-family: "Salda Soft Bold",sans-serif !important; }
.mid-div-corr { margin-top:-24px !important; }
.mid-div-p { margin-bottom:9px !important; }
.rueckruf-p { margin-bottom:20px !important; }
.bestell-hotline-p  { margin-bottom:34px !important; }

/* Service Nav overrides */
.services .service-panel .panel-body {
    padding: 0px 20px 16px 20px;
}

/* Terifrechner subpage overrides 14.06.2022*/
@media (min-width: 768px) {
	.calculator.subpage {
		margin-top:-32px;
		height:455px; /*height:550px;*/
		margin-bottom:-100px;
	}
}
@media (min-width: 992px) {
	.col-lg-1{flex:0 0 13%;max-width:13%}	
}

/* KÜNDIGUNG */
/* Error handling. By BEMA on 23.06.2022 */
/* List error */
ul.icon.bullet.error li {
    color: #F03700;
}

ul.icon.bullet.error li:before {
    content: "\E013";
    color: #F03700;
    font-size: 16px !important;
    position: relative;
    top: 0px;
}

ul.error li{
	font-size: 18px !important;
	font-weight: 700 !important;
}

ul.icon.check.success li {
    color: #86A70C;
}

ul.icon.check.success li:before {
    content: "\E020";
    color: #86A70C;
    font-size: 16px !important;
    position: relative;
    top: 0px;
}

ul.success li{
	font-size: 18px !important;
	font-weight: 700 !important;
}

/* FORM fields (INPUT, SELECT) error */
.form-control.error,
.custom-select.error {
    /*border-color: #F03700;*/
	border: 2px solid #F03700;
    padding-right: 20px;
}
.form-control.success,
.custom-select.success {
    border-color: #DDD9D9;
    padding-right: 20px;
}

/* Error icon for FORM fields (INPUT, SELECT) */
.icon-cross-sm:before {
	/* content: "\E013"; */
}
i.icon-cross-sm.error,
i.icon-correct-sm.success {
    position: absolute;
    height: 48px;
    width: 20px;   
    top: 0px;
    right: 5px;
    display: block;
    font-size: 11px !important;
    color: #F03700;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-top: 15px;
    text-align: center;
}

div.tarif-details-modal { z-index: 3000 !important; }
div.tarif-details-border { border: 1px solid gray !important; }

/* Override character errors from new CSS files from SIGNALFEUER */
.slick-prev:before{content:"\64"}[dir="rtl"] .slick-prev:before{content:"\65"}
.slick-next:before{content:"\65"}[dir="rtl"] .slick-next:before{content:"\64"}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"gruenwelt";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li button:before{content:"•";width:10px;height:10px;font-size:28px;opacity:1;color:#fff;transition:all 0.3s cubic-bezier(0.29, 1.23, 0.46, 1)}
#counter-spenden.odometer .odometer-inside:after{content:"€";margin-left:4px;position:relative;color:dimgray}
#counter-spenden-2.odometer .odometer-inside:after{content:"";margin-left:4px;position:relative;color:dimgray}

/* Override dt font-weght from new CSS files from SIGNALFEUER */
dt { font-weight: 400 }

/* Overrides for the footnotes section */
.mt-7,.my-7 {margin-top: 1rem !important}
.footnote-left-margin {margin-left:-15px }

/* Override the font-family of dl.list-table */
dl.list-table dt{font-family:"Salda Soft Bold"}

/* Override phone number color */
h5.phone a,
p a.phone { color:rgb(75, 75, 75) !important; }

p a.phone { border-bottom: none !important; }
p a.phone:hover { color: red; text-decoration: underline; !important; }

/* Overrides for the primary "outline" button */
.btn-outline-primary2{color:#ffffff;border-color:#ffffff}.btn-outline-primary2:hover{color:#ffffff;background-color:#70b169;border-color:#ffffff}

p.registerBtn {font-family:'FFDINRoundWebProMedium';color:white !important;}

/* Override ERROR text properties */
ul.error li {
   font-size: 16px !important;
   font-weight: 700 !important;
}

/* Correct last ul li item bottom margin */
ul.icon.bullet.error li:last-child,
ul.icon.check.success li:last-child {
    margin-bottom:-15px !important;
} 

/* A fix to center the errormessages in some pages */
.errorDiv { margin: 15px 0 0 -30px; }
.errorDivLogin { margin-top: 15px; }

/* Cursor for disabled FORM elements */
input:disabled:hover, button:disabled:hover {
    cursor:not-allowed
}
  
/* FORM fields (INPUT, SELECT) error */
.custom-control-input.error {
    /*border-color: #F03700;*/
	border: 2px solid #F03700;
}

/* Datepicker */

.datepicker {
    border-bottom: 1px solid #DDD9D9;
    border-color: #DDD9D9;
    padding: 12px !important;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #DDD9D9 !important;
    
}

.datepicker-switch {
    font-family: "Salda Soft Bold", sans-serif;
    color: #4f4f4f;
    text-transform: uppercase;
}

.datepicker table thead tr {
    border-bottom: 1px solid #DDD9D9 !important;
    border-top: 1px solid #DDD9D9 !important;
}

.datepicker table thead>tr {
    border-bottom: 1px solid #DDD9D9 !important;
    border-top: 0px solid #DDD9D9 !important;
}

.datepicker table tr td {
    color: #4f4f4f !important;
}

.datepicker .cw {
    color: #89A502 !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #89A502;
    border-radius: 2px;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background-color: #EBEBDB !important;
    background-image: none !important;
    color: #4f4f4f;
    border-radius: 2px;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background-color: #89A502 !important;
    background-image: none;
    color: #fff !important;
    border-radius: 2px;
}

.datepicker table tr td.today.active:hover {
    color: #fff;    
}

.datepicker table tr td.highlighted {
    background-color: #F9F9F4 !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #DDD9D9 !important;
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#CCCCCC !important;cursor:not-allowed !important}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#CCCCCC !important;cursor:not-allowed !important}

/* Service Nav Mods */
.rueckruf-link { font-family: "Salda Soft Bold",sans-serif !important; }
.mid-div-corr { margin-top:-24px !important; }
.mid-div-p { margin-bottom:9px !important; }
.rueckruf-p { margin-bottom:20px !important; }
.bestell-hotline-p  { margin-bottom:34px !important; }

/* Service Nav overides */
.services .service-panel .panel-body {
    padding: 0px 20px 16px 20px;
}

/* Text Color for price notice */
.text-price-notice {
	color: #4c9e44 !important;
}

/* Text properties for the Strompreisbremse Modal Window */
.preisBremseTxt {
	font-weight:bold;
	font-size:18px;
}

/* Position the icons in the Strompreisbremse Text so that they will be level with the text */
.icon-Preisbremse { top:4px !important; }

/* Override the padding of the Strompreisbremse Text Box so that it won't look big */
.paddingPreisbremseBox { padding: 12px 10px 10px 10px !important; }

/* Overrides, Styles for Awards Bar */
@media (min-width: 768px) {
    .trust {
		padding-top:40px !important;
		padding-bottom: 40px !important;
		padding-left: 60px !important;
    }
    .trust-items img {
        margin-right: 65px;
        height: 110px;
    }
    .trust-items img:hover {
		-webkit-transform:scale(2);
		transform:scale(2);
		transition:all 0.15s ease;
		box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
		z-index:2
	}
}

/* Overrides, Styles for Erparnis via Abschlag by BEMA on 14.03.2023 */

/* Automatically adjust the height of the Tarifrechner in the Einzeltarifseiten */
@media (min-width: 768px) {
    .calculator.subpage {
        height: auto;
        margin-bottom: -160px
    }
}
@media (min-width: 992px) {
    .calculator.subpage {
        height: auto;
        margin-bottom: -120px
    }
}
@media (min-width: 1200px) {
    .calculator.subpage {
        height: auto;
        margin-bottom: -130px
    }
}

/* Fix for iPad screen problems */
@media (min-width: 768px) and (max-width: 1112px)  {
	.home-slider1-small {
		background-image: url('../img/home-slider1b.jpg') !important;
	}
}

.tuevSiegelMargin { margin-right:-5px !important; }

/* Overrides for GRÜNWELT Tarifrechner integration. By BEMA on 26.10.2023 */

/* Removes the light green bar on the main nav */
.header .navbar {
	border-bottom: none; 
}

/* Makes the mini main footer a bit thinner */
.footer .copyright {
	padding-top: 12px;
	padding-bottom: 0px;
}

/* Change the secondary text color */
.text-secondary {
    color: #7b1493 !important;
}
.bg-secondary {
    background-color: #7b1493 !important;
}
p a {
	color: #7b1493 !important;		
	border-bottom: 1px solid #7b1493 !important;
}
p a:hover {
	border-bottom: 1px solid #7b1493 !important;
}

.more::after,
.back::before {
    color: #7b1493 !important;
}

.more:hover,
.back:hover {
    color: #7b1493 !important;
}

.accordion .btn-accordion {
    color: #7b1493 !important;
}

.accordion .btn-accordion:active {
    color: #7b1493 !important;
}

.accordion .btn-accordion.collapsed:hover {
    color: #7b1493 !important
}

.accordion .btn-accordion.collapsed {
    color: #4B4B4B !important
}

.accordion .btn-accordion.collapsed::after,
.accordion .btn-accordion::after {
    color: #7b1493;
}