/* STAND 2024-05-03*/

	
/* Footer  ------------------------------------------------------------	*/
.sh_footer_link {color: white; margin-right: 15px; font-size: 14px}
.sh_footer_link:hover {color: #CF4B00;}
.sh_footer_navi {margin-top: 6px;}
	
	
/* Formatierungen für Ablesekarte  ------------------------------------------------------------	*/	
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(13){
    width:35% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(14){
    width:5% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(15){
    width:20% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(16){
    width:20% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(17){
    width:20% !important;
}
	
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(21){
    width:35% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(22){
    width:5% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(23){
    width:20% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(24){
    width:20% !important;
}
.page-id-3469 .elementor-form-fields-wrapper div:nth-of-type(25){
    width:20% !important;
}
	
.page-id-3469 .elementor-field-group{
  flex-wrap: wrap;
  align-items: end !important;
}
/* ENDE Formatierungen für Ablesekarte  ------------------------------------------------------------	*/
	
	
	
	
/* Formatierungen für Salesforce Formulare (Erfassungsbogen)  ------------------------------------------------------------	*/	
	.page-id-5178 h4{
		margin-bottom: 25px;
		margin-top: 50px;
	}
	textarea,
	select,
	input[type=text]
	{
		border: 1px solid #c4c4c4;
		width: 100%;
	}
	input:not([type="button"])
	{
		border: 1px solid #c4c4c4;
	}

	
/* Bildunterschrift 10px auf Arena Event Seite  ------------------------------------------------------------	*/	
	.page-id-4988 .elementor-image-carousel-caption {
		margin-top: 10px;
	}
/



/* Komma und EInheit formatieren  ------------------------------------------------------------	*/
	.komma {
		margin-top: 50px !important;
		padding-left: 5px !important;
		font-size: 36px;
		font-weight: bold;
		color: #12566a !important;
	}
	.komma2 {
		margin-top: 24px !important;
		padding-left: 5px !important;
		font-size: 36px;
		font-weight: bold;
		color: #12566a !important;
	}
	.einheit {
		margin-top: 38px !important;
		font-size: 20px;
		font-weight: bold;
		color: #12566a !important;
	}
	.einheit2 {
		margin-top: 12px !important;
		font-size: 20px;
		font-weight: bold;
		color: #12566a !important;
	}
	
	
	
	
.sh_tooltip_btn {
	text-align: center !important;
	color: #fff !important;
	border-radius: 100px !important;		
	margin-top: 30px;	
	padding: 10px 40px 10px 40px !important;
	background-color: #CF4B00 !important;
	line-height: 20px !important;
	transition: 0.5s;
}	
.sh_tooltip_btn:hover {
	background-color: #EB5B25 !important;
}
	
	
	
/* Leeraum mit wirkichem Abstand  ------------------------------------------------------------	*/
	.hr-container {
		margin: 30px !important;
	}



	
	
	
/* Idee FAQ Seite  ------------------------------------------------------------	*/
.exad-accordion-title,
.exad-accordion-content-wrapper {
	border: 0!important;	
}
	
	
/* Downloadseiten bzw. Iconlisten formatieren ------------------------------------------------------------	*/
.elementor-icon-list-item {
	margin-top: 0px !important;
	padding-top: 10px !important;
	padding-left: 20px !important;
}
.elementor-icon-list-item:hover {
	background-color: #F2F6F7;
}
/* Linkliste Energiespartippes auf grau! */
.page-id-1814 .elementor-icon-list-item:hover {
	background-color: #FFF;
}
	
	
	
/* Slider Startseite Spaltenumbrüche und Ränder ------------------------------------------------------------	*/
@media only screen and (max-width: 1024px) {
	.sh_slider_spalte1,
	.sh_slider_spalte2 {
		width: 100% !important;
	}
	.sh_slider_spalte2 div {
		margin-left: 6px !important;
		margin-right: 6px !important;
	}
}
@media only screen and (max-width: 1024px) {
	.sh_slider_spalte1 {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
}
@media only screen and (min-width: 1025px) and (max-width: 1340px) {	
	.sh_slider_foto {
		margin-left: 20px !important;
	}
	.sh_slider_text {
		margin-right: 20px !important;
	}
}	
	
/* Energiespartipps Ziffern im Kreis ------------------------------------------------------------	*/	
.sh_ziffern_kreis {
	display: inline-block;
	margin: 20px;
	font-size: 40px;
	color:#fff;
	background-color: #12566A;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
	
	
/* Standardbutton formatieren ------------------------------------------------------------	*/

.elementor-button-icon {
    display: flex;
    align-items: center;/*vertikal zentrieren!*/
}
.elementor-button {
	text-align: left;
	border-radius: 100px !important;
}	
	
.sh_btn_white div div a,
.sh_btn_petrol div div a {
	margin-top: 30px;	
	padding: 10px 40px 10px 40px !important;
	background-color: #CF4B00 !important;
	line-height: 20px !important;
}
.sh_btn_white div div a:hover {	
	background-color: #EB5B25 !important;
}
.sh_btn_petrol div div a {
	background-color: #CF4B00 !important;	
}
.sh_btn_petrol div div a:hover {	
	background-color: #EB5B25 !important;
}

/* ENDE Standardbutton formatieren ------------------------------------------------------------	*/	
	
/* T4B Newsticker Anpassungenn ------------------------------------------------------------*/
.ticker-news {
	margin: 0 !important;
	border: 0 !important;
}
.ticker-news span {
	display: none !important;
}
#ticker li {
	margin: 0!important;
	color: #cf4b00 !important;
	background-color:#fff !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}
	
.ticker-news .tickercontainer ul.newsticker li {
  list-style: none; /* Remove default bullets */
}
	
.ticker-mask {
 width: 100% !important;
}

/* ENDE T4B Newsticker Anpassungenn ------------------------------------------------------------*/

	
/* Tabelle Preisanpassungen ------------------------------------------------------------*/
.column-1 {
	width: 33%;
}
.page-id-893 td {
  text-align: center !important;
}
.row-1,
.row-6,
.row-9,
.row-16,
.row-20 {
	background-color: #12566a;
	color: white;
}
.row-2,
.row-7,
.row-10,
.row-17,
.row-21 {
	background-color: #eee;		
}

	
	

	
#primary {
	margin-top: 0px !important;
}
	
/* überm Header Farbstreifen auf tablet und mobile einblenden und kleiner machen in der Höhe ---------------------------------------------------------*/
@media (max-width: 1180px){
#ast-desktop-header {
  display: block !important;
}
#ast-desktop-header .ast-primary-header-bar {
		display: none !important;	
}
.ast-above-header-bar .site-above-header-wrap {
	min-height: 20px !important;	
}
}

	
/* senkrechten Strich in Navigation hinzufügen -------------------------------------------------------------------------------------------------------*/
.main-header-bar .main-header-bar-navigation .menu-link::after {
    content: "|";
    padding-left: 1em;
	color: #12566a;
}
.main-header-bar .main-header-bar-navigation .menu-link {
	padding-left: 5px !important;	
	padding-right: 5px !important;
}
.main-header-bar .main-header-bar-navigation .menu-item-4031 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-3149 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-3093 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-3064 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1845 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1660 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1607 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1590 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1564 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1423 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1414 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1394 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-1372 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-986 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-489 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-45 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-228 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-86 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-4886 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-5664 .menu-link::after,
.main-header-bar .main-header-bar-navigation .menu-item-6713 .menu-link::after{
  content: "" !important;   
}
.main-header-bar .main-header-bar-navigation .sub-menu .menu-link {
	padding-left: 15px !important;	
	padding-right: 15px !important;
}
	
#menu-item-153 {
	margin-right: 15px !important;
}
	
	
/* Höhe Sekundärnavi reduzieren  -------------------------------------------------------------------------------------------------------*/	
.menu-link {
	padding: 8px 0 !important;
}
/* mobiles Menü links padding  -------------------------------------------------------------------------------------------------------*/	
#ast-hf-mobile-menu {
	padding-left: 20px!important
}
	
/* Layouttabellen formatieren -------------------------------------------------------------------------------------------------------*/
.sh_table_layout_stoerung,
.sh_table_layout_stoerung td {
	border: 0px !important;
	padding: 10px !important;
}
.sh_table_layout,
.sh_table_layout_team,
.sh_table_layout_team td,
.sh_table_layout td {
	border: 0px !important;
	padding: 0px !important;
	margin-bottom: 0 !important;
}
.sh_table_layout {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}


/* Layoutzwischenräume -------------------------------------------------------------------------------------------------------*/
.elementor-widget-wrap {
	padding:0px !important;
}	

/* Formulare formatieren ----------------------------------------------------------------------------------------*/	

input[type=text],
input[type=email] {
	padding: 10px 10px !important;
	/*border: none !important;*/
}
textarea {
	padding: 10px 10px !important;
	/*border: none !important;*/
}
input[type=submit] {
	background-color: #CF4B00 !important;
	border-radius: 50px !important;
	padding: 10px 35px !important;
	margin-top: 30px !important;
	min-width: 240px;
}
input[type=submit]:hover {
	color: white !important;
	background-color: #EB5B25 !important;
}

.sh_form_submit {
	height: 36px !important;
}
	
	
/* Startseite Newsletterformular in petrol sektion*/
.page-id-179 .nf-before-form-content {
	display: none;
}
.page-id-179 .nf-field-label,
.page-id-179 .nf-field-element p,
.page-id-179 .nf-field-element p a{
	color: white !important;
}
	
#menu-item-5041 {margin-right: 15px;}