/**
 * Theme Name:      bxa Child Theme
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A Divi Child Theme by bxa
 * Author:          bxa
 * Author URI:      https://bohne-abt.de/
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     bxa-child-theme
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */

/* Allgemein */

h1, h2, h3, h4 {
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

span.highlighted {
	color: #009BDC;
}

@media (min-width: 981px) {
  .img-given-height .et_pb_image_wrap img {
    object-fit: cover;
  }
}


/* Image - Blütenblatt */
.img-petal .et_pb_image_wrap {
  aspect-ratio: 1 / 1;         
  overflow: hidden;       
}

.img-petal img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;       
  object-position: center;  
}

/* Image 1:1 */
.img-square .et_pb_image_wrap {
  aspect-ratio: 1 / 1;         
  overflow: hidden;       
}

.img-square img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;       
  object-position: center;  
}

/* Image - Kontakt */
.img-contact .et_pb_image_wrap {
  max-width: 300px;
}

/* Contact Blurb-Row */
@media (min-width: 768px) and (max-width: 980px) {
  .contact-blurb-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  .contact-blurb-row .et_pb_column {
    float: none !important;      
    flex: 0 0 calc((100% - 30px) / 2);
    max-width: calc((100% - 30px) / 2);
    margin: 0 !important;
  }
}

/* Kooperationspartner - Logos: Row als Flex-Container mit natürlicher Spaltenbreite */
.auto-width-row {
	display: flex !important;
  	flex-wrap: wrap;
  	justify-content: flex-start;
  	align-items: center;
  	column-gap: 30px;
  	row-gap: 10px;
}

.auto-width-row-image-text {
  	align-items: stretch !important;
}

@media (min-width: 981px) {
	.auto-width-row > .et_pb_column:first-child {
	  margin-inline-start: -30px;
	}
}

@media (max-width: 980px) {
	.auto-width-row > .et_pb_column:last-child {
	  margin-bottom: 30px;
	}
}



/* Spalten nur so breit wie ihr Inhalt */
.auto-width-row > .et_pb_column {
  flex: 0 0 auto;
  width: auto !important;
  max-width: none;
}

@media (max-width: 480px) {
  .auto-width-row > .et_pb_column {
    width: 100% !important;
  }
}

/* Bilder innerhalb der Spalte */
.auto-width-row .et_pb_image img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Bild volle Höhe */
.img-full-height,
.img-full-height .et_pb_image_wrap {
	height: 100%;
}

.img-full-height .et_pb_image_wrap img {
	height: 100% !important;
	object-fit: cover;
}


/* Hauptmenü */
.main-menu .et-menu>li {
  	padding: 0 10px 0 0;
}

.main-menu .et-menu .menu-item-has-children>a:first-child {
  	padding-right: 30px !important;
}

.main-menu .et-menu .menu-item-has-children>a:first-child:after {
  	padding-right: 10px;
}

/* Hauptmenü mobil */
.mobile_nav .menu-item-has-children button {
	display: none;	
}

.mobile_nav .menu-item-has-children a {
	font-weight: 400;
	background-color: #ffffff;
}


.mobile_nav .current-menu-item a {
	font-weight: 600;
}

.mobile_nav .menu-item a:hover {
	background-color: #D2F0FA;
}

/* Hauptmenü mobilen Breakpoint ändern */
@media (max-width: 1230px) /* Hier Wert anpassen */ {
    .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100%;
    }
}

@media (min-width: 981px) and (max-width: 1230px){
    .et_pb_module.et_pb_menu {
        padding-top: 20px;
    }
}

/* Angebote - Cards */
.is-card .et_pb_module_inner {
	height: 100%;
}

.is-card .dsm_card_wrapper {
  	display: flex;
  	flex-direction: column;
  	height: 100%;
}

.is-card .dsm_card_description {
  	flex-grow: 1;
	max-width: 400px;
}

.is-card .et_pb_button_wrapper {
  	margin-top: auto;
}

.is-card .dsm_card_title {
  	hyphens: auto;
  	-webkit-hyphens: auto; /* Safari/alte Webkit-Browser */
  	-ms-hyphens: auto;     /* älteres IE/Edge */
  	word-wrap: break-word; /* Fallback */
  	overflow-wrap: break-word;
}

/* Blog Grid*/
.ba_blog_grid
.et_pb_blog_grid .et_pb_salvattore_content {
 	display: grid !important;
	grid-template-columns: calc((100% - 4rem) / 3) calc((100% - 4rem) / 3) calc((100% - 4rem) / 3);
  	column-gap: 2rem;
  	row-gap: 2rem;
  	width: 100% !important;
}

@media (max-width: 980px) {
	.ba_blog_grid .et_pb_blog_grid .et_pb_salvattore_content {
    	grid-template-columns: calc((100% - 1rem) / 2) calc((100% - 1rem) / 2);
  	}
}

@media (max-width: 768px) {
	.ba_blog_grid .et_pb_blog_grid .et_pb_salvattore_content {
    	grid-template-columns: 100%;
  	}
}

.ba_blog_grid .et_pb_blog_grid .column {
  	display: contents;
}

.ba_blog_grid .et_pb_blog_grid .column article {
  	padding: 30px;
}

.ba_blog_grid .et_pb_blog_grid .column article .et_pb_image_container {
  	margin: -30px -30px 20px;
}


.ba_blog_grid .et_pb_blog_grid .et_pb_post {
  	display: flex;
  	flex-direction: column;
}

.ba_blog_grid .et_pb_blog_grid .et_pb_post .post-content {
  	display: flex;
  	flex-direction: column;
  	flex-grow: 1;
}

.ba_blog_grid .et_pb_blog_grid .et_pb_post .post-content-inner {
	margin-bottom: 30px;
  	flex-grow: 1;
}

.ba_blog_grid .et_pb_blog_grid .et_pb_post .more-link {
  	margin-top: auto;
  	align-self: flex-start;
}

.ba_blog_grid .et_pb_image_container a {
	margin-bottom: 0;
}

.ba_blog_grid .et_pb_image_container {
	margin-bottom: 20px;
}

.ba_blog_grid .post-meta .published {
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 2px 10px;
	border-radius: 15px;
}