/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* 
------------------------------------------------------- */
/* Optimierung in schmaler Ansicht */
@media (max-width: 1200px) {
.et_pb_row_3_tb_header {
  width: 98% !important;
    }
}
@media (max-width: 698px) {

.et_pb_row_3_tb_header {
  width: 90% !important;
    }
}

/****************************************** LOGO *****************************/

/* Logo und Menü auf einer Linie*/
@media (min-width: 981px) {
.et_pb_menu .et-menu {
  margin-bottom: -19px !important;
    }
}

/**** Sticky Logo & Verlinkung ermöglichen ****/
.et_pb_menu__logo {
    content: '' !important;
}

.et_pb_sticky .et_pb_menu__logo img {
    content: url(https://www.biomassehof.de/wp-content/uploads/logo-biomassehof.svg) !important;
    max-height: 50px !important;
    margin-bottom: 5px;
    width: auto;
    filter: none !important;    
    -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}
.et_pb_menu__logo img[src$=".svg"] {
  width: 305px !important;
}
.et_pb_sticky .et_pb_menu__logo img[src$=".svg"] {
    height: 50px !important;
    width: unset !important;
}

.et_pb_menu--style-left_aligned .et_pb_menu__logo {
  margin-top: -30px !important;
}
.has_et_pb_sticky .et_pb_menu--style-left_aligned .et_pb_menu__logo {
  margin-top: -10px !important;
}
/*** Startseite Headline Box ***/
.headerlayer .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
  padding: 20px;
  max-width: 770px;
  background: rgba(255,255,255,.5);
}
/* Damit DropDown des Navis über den Headertitel geht */

.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    z-index: 1 !important;
}
/****************************************** MENÜS *****************************/


/*********************************** Hauptmenü ***************/

/*Farbe borderdropdown *
.et_mobile_menu { 
    border-top: 3px solid #659A45 !important; 
}
*/
/* DropDown Abstand bei Sticky Menü*/
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 16px) !important;

}
.et-menu .menu-item-has-children > a:first-child { /* die die nicht verlinkten Überschriften im Hauptmenü */
  cursor: context-menu;
}
.et-menu-nav li.mega-menu > ul > li > a:first-child { /* die Überschrift im Megamenü*/
    font-size: 16px !important;
    color: #659a45;
    letter-spacing: 0.5px;
    cursor: context-menu;
}
/* Überschrift Icons im Mega Menu  */
/*Awesome*/
.icon-menu-leaf > a:before {
    font-family: 'FontAwesome';
    content: '\f06c'; /* Blatt*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-bolt > a:before {
    font-family: 'FontAwesome';
    content: '\f0e7'; /*Blitz*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
/*Elegant Icons*/
.icon-menu-home > a:before {
    font-family: 'ETMODULES';
    content: '\e074'; /*Haus*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-versorgung > a:before {
    font-family: 'ETMODULES';
    content: '\e109'; /*Organigramm*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-light > a:before {
    font-family: 'ETMODULES';
    content: '\e072'; /*Glühbirne*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-konzepte > a:before {
    font-family: 'ETMODULES';
    content: '\e037'; /*Zahnrad*/
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-buerger > a:before {
    font-family: 'ETMODULES';
    content: '\e08a';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
.icon-menu-ausweis > a:before {
    font-family: 'ETMODULES';
    content: '\e108';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0px;
    color: #659a45;
    font-size: 1em;
    transition: all .3s ease;
}
@media (max-width: 980px) {
.icon-menu-leaf > a:before,
.icon-menu-bolt > a:before,

.icon-menu-versorgung > a:before,
.icon-menu-light > a:before,
.icon-menu-konzepte > a:before,
.icon-menu-buerger > a:before,
.icon-menu-ausweis > a:before {
    display: none !important;
    }
}
.et-menu-nav li.mega-menu li > a {  /* die Breite der Überschrift DropDownMenüpunkte im Megamenü */
  width: 300px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    overflow: hidden;
}
/*  Farbe bei hover */
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
   color:#659A45 !important; 
}

.nav li li {
    padding: 0 !important;
}
.nav li li:hover {
    background-color: #f7f6f5 !important;
}
.nav li li a:hover {
    background-color: #f7f6f5 !important;
    opacity: 1 !important;
}
.et-menu li li a {
  width: 310px !important;
}


/* ***************************************  Mobiles Menu */
.et_mobile_menu li a:hover, 
.nav ul li a:hover {
    background-color: transparent !important;
}
/* ***************************************  Hamburger Menü ********/

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #659a45 !important;
    font-size: 46px !important;
}
/* mega menu Drop Down */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    right: 0 !important;
    left: unset !important; 
    width: auto !important;
}
.et-menu-nav li.mega-menu > ul {
  width: 77% !important;
  right: 0 !important;
}
@media (max-width: 1129px) {
.et-menu-nav li.mega-menu > ul {
  width: 100% !important;
    }
}




/***  Mobiles Menü scrollbar machen **/
@media only screen and ( max-width: 980px ) {
.mobilmenu-scrollable .et_mobile_menu {
  left: 0;
  max-height: calc(100vh - 190px); /* Regelt wie viel vom Drop Down angezeigt wird, je kleiner die px desto weniger*/
  overflow: scroll;
  position: fixed;
  top: 99px !important; /*Abstand Drop DOwn*/
  width: 100%;
 }
 body.mobile_nav-opened {
  overflow: hidden;
 }

    /* verrückt nur im Browser bei mobiler Ansicht - nicht im Handy
 body.mobile_nav-opened .mobilmenu-scrollable {
        padding-right: 17px;
    }
    */
}
@media only screen and (max-width: 782px) {

.has_et_pb_sticky .mobilmenu-scrollable .et_mobile_menu {
  max-height: calc(100vh - 140px);
  top: 94px !important;
 }    
}

/* END Mobiles Menü scrollbar machen **/


/* END Hauptmenü */


/* ********************************** Sidebar Seitenleiste Widget Menü  ***************/
/*  Farbe bei hover */
.et_pb_menu_0.et_pb_menu ul li a:hover {
       color: #659a45 !important; 
}
/*  Linien unter Menüpunkten  *
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  border-bottom: 1px solid #fff !important;
}
/* *************************************** Sidebar Seitenleiste - Hamburger Menü im Widget ausblenden ***/
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
/* Tablets und Mobil ausschalten*/
@media (max-width: 980px) {
    .lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
        width:100%
    }
}
/* vertikales Menümodul */
.lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
    width:100%
}
/*** END  *  Hamburger Menü im Widget ausblenden*/

/**************************** BLOG Menüs - Kategorie Menü*/

li.current-cat a  {
    color: #659a45 !important;
}
/* vertikales Menü*/
.vertical-menu .et_pb_menu_inner_container,
.vertical-menu .et_pb_menu__wrap,
.vertical-menu .et_pb_menu__menu,
.vertical-menu.et_pb_menu .et_pb_menu__menu>nav,
.vertical-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block;
}

.vertical-menu .et_mobile_nav_menu {
    display: none;
}
/* Blog Beiträge Navigation nächste Beiträge*/
.et_pb_posts_nav .meta-nav {
    font-family: Arial, sans-serif !important;
}
/* *************************************** Footer *****/
.footerlinks .et-menu-nav a {
    color: #fff !important;
}
.footerlinks .et-menu-nav a:hover {
    color: #659a45 !important;
}
/*** Footer Menü ***************/
.dl-v-menu.et_pb_menu .et_pb_menu__menu, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav > ul {
display: block;    
}
.dl-v-menu .et_mobile_nav_menu { /*  Hamburger Menü im Footer ausblenden  */
    display: none;
}

.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a {
    line-height: 20px!important;
}

.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
    color: #659a45 !important;
}

@media (max-width: 980px) {
 .dl-v-menu.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}



/* ***************************************  Buttons */
/* Chrome Transparenz bei hover erzwingen*/
body #page-container .et_pb_section .et_pb_button_0:hover, 
body #page-container .et_pb_section .et_pb_button_1:hover,
body #page-container .et_pb_section .et_pb_button_0_tb_footer:hover {
    background-color: rgba(101,154,69,0.8) !important; /* #84ae6a */
}

body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button:hover {
    background-color: rgba(101,154,69,0.8) !important;
}

.btn-news button,
.btn {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #659a45 !important; 
    padding: 10px 15px;
    font-size: 17px;
    border-radius: 10px !important;
    cursor: pointer;
    margin-top: -6px;
}
.btn-news button:hover,
.btn:hover {
background-color: rgba(101,154,69,0.8) !important;  
}
.btn.orange {
    background-color: rgba(222,111,16,1) !important; 
}
.btn.orange:hover {
background-color: rgba(222,111,16,0.8) !important;  
}
.btn-footernews button {
    border: none !important;
    color: #fff !important;
    background-color: #659a45 !important; 
    padding: 9px 10px;
    font-size: 18px;
    border-radius: 10px !important;
    cursor: pointer;
}
.btn-footernews button:hover {
background-color: rgba(101,154,69,0.8) !important;
}
.et_pb_button {
  color: #659a45 !important;
  border-width: 0px !important;
  letter-spacing: 0px !important;
}
.et_pb_bg_layout_light.et_pb_button:hover, 
.et_pb_bg_layout_light .et_pb_button:hover {
  background-image: initial;
  background-color: rgba(101,154,69,0.85) !important; /* #659a45 */
}
/* Button Blog > mehr lesen  */
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link {
    border-width: 0px !important;
    background-color: #659a45 !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-top: 20px;
    font-size: 17px;
    border-radius: 10px !important;
    cursor: pointer;
    width: 150px;
    text-align: center;
    display: inline-block;

}
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link:hover {
    color: #659a45 !important;
    background-color: rgba(101,154,69,0.8) !important; 
}
/******************************************************************************* PLUGINS **********************************************/

/******************** Plugin Popups for Divi  - Kontakt */

/* um den  Hintergrund-Layer auszublenden */
.da-overlay-visible .da-overlay {
    display: none !important;
}
*/
/** PopUp Newsletter -  da im Footer vom header verdeckt */
@media screen and (min-width: 768px) {
  #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal {
    top: 18% !important;
  }
}

/* Plugin Popups for Divi -  Schatten auch um Transparenz */
#et-boc .area-outer-wrap[data-da-shadow="yes"] [data-da-area] {
        -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*************** PopupMaker ******/

/* PopUp - Gewinnspiel*/
#popmake-3511 {
    background-image: linear-gradient(to right top, #b8b8b8, #c4c4c4, #cfcfcf, #dbdbdb, #e7e7e7, #f3f3f3, #fff, #f3f3f3, #e7e7e7, #dbdbdb, #cfcfcf, #c4c4c4, #b8b8b8);
    font-family: 'Roboto', sans-serif !important;
}
/* PopUp - Newsletter*/
.pum-theme-20647 .pum-container, .pum-theme-lightbox .pum-container {
    border: 8px solid #F7F9FA !important;
    background-color: #F7F9FA !important;
}

/* *************************************** Contact Form 7 ***/

.wpcf7 button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #659a45 !important; 
    padding: 10px 20px;
    font-size: 17px;
    border-radius: 10px !important;
    cursor: pointer;
}
.wpcf7 button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #fff important;
    color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border-radius: 2px;
    padding: 7px 10px;
    color: #000;
	font-size: 18px;
    font-weight: 400;
	font-style: normal;
	line-height: 1.5; 
    margin: 0 20px 20px 0;   
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"] {
    width: 98%;
    max-width: 400px;
    float: left;
}
textarea {
    overflow: auto; 
	width: 98%;
    max-width: 820px;
    max-height: 180px;    
}
/*.wpcf7-form-control-wrap[data-name="teilnahme"] */
.clearb {
    clear: both;
    display: block;
}
.page-id-1042 /* Kontaktseite - Breite Formular*/ 
[data-class="wpcf7cf_group"] {
    width: 500px;
}
/*
.page-id-1042 .wpcf7 input[type="text"],
.page-id-1042 .wpcf7 input[type="email"],
.page-id-1042 .wpcf7 input[type="url"],
.page-id-1042 .wpcf7 input[type="password"],
.page-id-1042 .wpcf7 input[type="search"] {
    float: left; 
}
*/
.wpcf7-form p {
    padding-bottom: 0;
}


/* Kontaktformular Anfrage: Pellets lose */ 
.nofloat input[type="text"],
.nofloat input[type="email"],
.nofloat input[type="url"],
.nofloat input[type="password"],
.nofloat input[type="search"] {
    float: none; 
    width: 98%;
    max-width: 600px;
    margin-bottom: 5px;
}
.nofloat .wpcf7-form p {
    padding-bottom: 10px;
}
/* *************************************** WP Forms   Kontaktformular Nachricht nach dem senden ***
.wpforms-confirmation-container-full {
    background: #f7f6f5 !important;
    border: none !important;
    border-radius: 13px 13px 13px 13px !important;
    color: #fff !important;
}
*/
/****************************** Suchergebnisse ***
.et_pb_image_container img, .et_pb_post a img {
  max-width: 500px !important;
}
*/
/* *************************************** Beiträge - Neueste Beiträge Footer - Abstand unten */

.postlist .et_pb_widget {
    margin-bottom: 10px !important;
}


/* "Breite über 2 Spalten" ***

@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_2 
    .postlist .et_pb_widget {
    width: 98% !important;
    }
}
*/
/* *************************************** Accordion & toggle icon left ** */

/*move the toggle icon to the left*/

.pa-toggle-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
/*adjust spacing on the left for the icon*/

.pa-toggle-icon-left .et_pb_toggle_title,
.pa-toggle-icon-left .et_pb_toggle_content {
	padding-left: 30px !important;
}

/* Accordioon (nicht verwendet) move the accordion icon to the left

.pa-accordion-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
.pa-accordion-icon-left .et_pb_toggle_title,
.pa-accordion-icon-left .et_pb_toggle_content {
	padding-left: 2em !important
}
*/
/* *************************************** Simple Membership *********************/
#error-page .wp-die-message {
  font-size: 20px !important;
  line-height: 1.5;
  margin: 25px 0 20px;
}
.swpm_full_page_protection_not_logged_msg {
    font-size: 16px;
    line-height: 1.8;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
    max-width: 600px;
    border-radius: 5px;
}

.swpm-login-link {
    color: #0073aa;
    text-decoration: underline;
}

.swpm-login-link:hover {
    color: #005177;
    text-decoration: none;
}
/******************************************************* FAQ Accordion ************************/
.sp-easy-accordion > .sp-ea-single {
  background: #F7F7F7 !important;
}
#sp-ea-3725.sp-easy-accordion > .sp-ea-single {
  background: #fff !important;
}
.sp-easy-accordion > .sp-ea-single {
  border: 1px solid #F7F7F7 !important;
}
#sp-ea-3725.sp-easy-accordion > .sp-ea-single {
  border: 1px solid #ededed !important;
}
.eap-icon-ea-expand-plus::before,
.eap-icon-ea-expand-minus::before {
  color: #659a45 !important;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
  padding: 15px 15px 5px !important;

}
/* *************************************** eigene *********************/

/*check Häkchen Bulletpoint*/
.check .et_pb_text_inner ul {
    list-style-type: none; /* Standard-Bulletpoints entfernen */
    padding-left: 0; /* Optional: Linkseinzug entfernen */
}
.check .et_pb_text_inner ul li {
  padding-left: 35px; /* Fügt Platz für das Symbol hinzu */
  position: relative;
}
.check .et_pb_text_inner ul li::before {
  content: '✓';
  color: #659a45;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}
.check .et_pb_text_inner ul li::marker {
    content: none !important;
}
/* Aufzählung */
.et_pb_text ul ul {
 padding-bottom: unset !important;
}
	
 blockquote { 
     font-size: 21px;
     font-style: italic !important;
     text-align: left;
     letter-spacing: 0.5px;
     line-height: 1.5;
     /*
     border: none !important;
     padding: 0 !important;
     */
}
/*Blog:  Listen in den Beiträgen */
.et_pb_post_content ul li,
.et_pb_post_content ol li {
  margin-bottom: 13px;
} 

/* sharif buttons*/
.et_pb_text_inner .shariff  ul li {
  margin: 10px 10px 10px 0 !important;
}
.et_pb_text_inner ul li {
    text-align: left !important;
    margin: 10px 0 !important;
}

img.rund {
    height: auto;
    overflow:hidden; 
	    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	 }
@media only screen and (max-width: 700px) {
    img.alignright, 
    img.alignleft {
		float: none !important;
        display: block !important;
        margin: 10px auto;
	}
}
/*mobil linksbündig erzweimgen*/
@media only screen and (max-width: 480px) {
.et_pb_module.et_pb_text_align_justified {
  text-align: left !important;
    }
}
.wp-caption {
  border: none !important;
  text-align: unset !important;
  background-color: unset !important;

  max-width: unset !important;
  padding: 15px 0 !important;
}
/* Modul Informationstext  Bild rechts – Text links - Flyer Landingpages */
@media (min-width:981px) {

    .blurb-icon-right .et_pb_blurb_content {
        display: flex;
        flex-direction: row-reverse;
        padding-right: 20px;
        margin-left: 0 !important;
    }
/*
    .blurb-icon-right.et_pb_blurb_position_left .et_pb_blurb_container {
       padding: 10px;
    }
  }
*/

.extern { /*externe Links im Menü*/
    font-size: 16px;
    color: #000; 
}
sup {
    vertical-align: super !important;
    font-size: 75%;
    bottom: unset !important;
    
}

/* Ausblenden im Mobil-Menü  */
@media (max-width: 768px) {
.et_mobile_menu li li.et_pb_menu_page_id-366 {
    display: none;
    }
}

/* Icon im Header */ 
.et-pb-icon.phoneover:hover {
    color: #659a45 !important;
}
/* Gitter-Kacheln auf gleiche Höhe setzen *
@media only screen and (min-width: 768px) {
.blog-teaser .et_pb_post {
min-height: 550px;
max-height:550px;
    }
}
*/

/* Teaser*/
.teaser-contracting h3 {
    margin: 0 !important;
}

.teaser-contracting h4 {
    margin-bottom: -11px !important;
}
/******************************* Membership */
article {
    min-height: 300px;
}
.swpm-post-not-logged-in-msg {
    margin: 5%  auto;
    width: 50%;
    min-width: 300px;
}
.swpm-yellow-box {
    margin: 10px 0px;
    padding: 10px;
    background-color: #659a45;
    border-color: #659a45;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}
.page-id-1071 .swpm-yellow-box { /* https://www.biomassehof.org/intern/ */
    display: none;
}
/* Teaser Blog Seite */
.blog-teaser article img {
    width: 40%; /* Festlegen einer relativen Breite, damit das Bild nicht zu viel Platz einnimmt */
    float: left;
    margin-right: 40px;
    margin-top: 30px;
}

.blog-teaser article {
    background-color: #f7f7f7 !important;
    padding: 15px 40px !important;
    overflow: hidden;
}

/* Sicherstellen, dass der Artikeltext nicht unter das Bild rutscht */
.blog-teaser article .post-content {
    overflow: hidden; /* Erzwingt, dass der Text neben dem Bild bleibt */
}

/* Einspaltiges Layout für Tablets und mobile Geräte */
@media (max-width: 980px) {
    .blog-teaser article img {
        width: 100%; /* Bild nimmt die volle Breite ein */
        float: none; /* Float entfernen, damit das Bild als Block-Element angezeigt wird */
        margin-right: 0;
        margin-top: 20px; /* Leichter Abstand von oben, falls gewünscht */
    }

    .blog-teaser article {
        padding: 15px 20px !important; /* Padding anpassen für mobile Ansicht */
    }

    .blog-teaser article .post-content {
        overflow: visible; /* Overflow auf "visible" setzen, damit sich der Text unter dem Bild korrekt ausbreitet */
    }
}

    /*** Plugin Icon CHATY */
    .open-chaty circle {
    fill: #659A45 !important;
    }    
    
    /***Icon hover Effekt*/
    /* Das Icon-Element */
 .et_pb_icon_0_tb_footer {
    position: relative; /* Für die Positionierung des Tooltips */
    display: inline-block; /* Sicherstellen, dass das Element korrekt angezeigt wird */

    border-radius: 4px; /* Abgerundete Ecken */
    color: white; /* Farbe des Icons */
    transition: all 0.3s ease-in-out; /* Animation für Hover-Effekt */
}

 .et_pb_icon_0_tb_footer:hover {
    background-color: #d05c00; /* Hintergrundfarbe beim Hover */
}

 .et_pb_icon_0_tb_footer::after {
    content: "Wie können wir helfen?"; /* Tooltip-Text */
    position: absolute; /* Tooltip relativ zum Icon */
    top: 50%; /* Vertikale Positionierung */
    left: 0; /* Position rechts vom Icon */
    transform: translateY(-50%); /* Zentrierung */
    background-color: #de7011; /* Hintergrundfarbe des Tooltips */
    color: white; /* Schriftfarbe des Tooltips */
    padding: 10px 10px; /* Innenabstand des Tooltips */
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    opacity: 0; /* Tooltip unsichtbar */
    visibility: hidden; /* Tooltip ausblenden */
    transition: all 0.3s ease-in-out; /* Animationsübergang */
}

 .et_pb_icon_0_tb_footer:hover::after {
    opacity: 1; /* Tooltip sichtbar */
    visibility: visible; /* Tooltip einblenden */
    left: 110%; /* Leichte Verschiebung nach rechts */
}