/*
 Theme Name:   Mein Theme Child
 Template:     hello-elementor
 Version:      1.0
*/

@import url("../hello-elementor/style.css");

.icon-list {
  list-style: none; 
  padding: 0;  
	margin-top: -15px;
	margin-bottom: 10px; 
}

.icon-list li {
  position: relative; 
  
  padding-left: 20px; /* Etwas mehr Platz (25px), damit Text nicht am Icon klebt */
  margin-bottom: 5px; /* KORREKTUR: "px" hinzugefügt */
  line-height: 1.4;   /* WICHTIG: Bestimmt die Höhe der Textzeile */
	color: inherit;
  font-family: inherit;
  font-size: inherit;
}

.icon-list li::before {
  content: "✔"; 
  
  position: absolute;
  left: 0;

  /* --- ÄNDERUNG START --- */
  /* Anstatt das Icon in der Mitte des ganzen Blocks zu zentrieren (50%),
     setzen wir es fest an den Anfang der ersten Zeile. */
  
  /* Berechnung: (Line-Height (ca. 22px) - Icon-Höhe (14px)) / 2 = ca. 4px */
  top: 4px; 
  
  /* Transform wird nicht mehr benötigt, da wir nicht mehr prozentual zentrieren */
  /* transform: translateY(-50%); -> GELÖSCHT */
  /* --- ÄNDERUNG ENDE --- */
  
  background-color: #36790A; 
  color: white; 
  
  width: 14px;   
  height: 14px;  
  border-radius: 50%; 
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Schriftgröße für den Haken etwas kleiner, damit er sauber in den 14px Kreis passt */
  font-size: 10px; 
  font-weight: bold;
}