/*
 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
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

.honeycombs .hex_inner{
  -webkit-mask-image: url(https://eurochem.de/wp-content/uploads/2025/08/hexagon.svg);
  mask-image: url(https://eurochem.de/wp-content/uploads/2025/08/hexagon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
}


/* Allergene nebeneinander */
.nebeneinander-bilder{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* ✅ linksbündig */
}
.allergene{
  flex: 0 0 auto;
  margin-right: 5px; /* optionaler Abstand */
}

/* Submenu breiter */
.nav li ul{
	width: 360px !important;
	min-width: 360px !important;
}

.nav li li{
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100%;
}

.nav li ul li a {
  padding-left: 20px;  /* mehr Platz links */
  padding-right: 20px; /* mehr Platz rechts */
  white-space: normal; /* Zeilenumbruch erlauben */
  box-sizing: border-box;
  width: 100%;         /* Vollbreite des Submenus */
  display: block;
}

/* Blöde Worttrennungen in Bienenwaben verhindern */
.honeycomb-cell__title{
	hyphens: none !important; /* moderne Browser */
    -webkit-hyphens: none !important;   /* Safari/ältere WebKit */
    -moz-hyphens: none !important;      /* ältere Firefox */
    word-break: normal !important;      /* normale Umbrüche */
    overflow-wrap: normal !important;   /* nicht mitten im Wort umbrechen */
}

/* Sprachwahl auf desktop*/
@media (min-width: 981px) {
  .wpml-ls-item.menu-item-has-children {
		border: 1px solid #474747;
		border-radius: 50px;
		margin-top: -8px !important;
		margin-left: 50px !important;
	}
	.wpml-ls-item.menu-item-has-children > a{
		padding: 10px 40px 10px 29px !important;
		height:45px;
		line-height: 2.9em;
	}
	.wpml-ls-item.menu-item-has-children > a[title^="Wechseln zu"]::after {
		content: "\f57d"; /* fa-globe-europe */
		font-family: FontAwesome !important;
		font-weight: 900 !important;
		line-height: inherit;
		font-size: inherit !important;
		opacity: 1;
		right: 15px;
	}
	footer .wpml-ls-item.menu-item-has-children > a[title^="Wechseln zu"]::after{
		line-height: 2.8em;
	}
}