.elementor-12460 .elementor-element.elementor-element-0ac89a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12460 .elementor-element.elementor-element-3481894{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-12460 .elementor-element.elementor-element-3481894 img{width:1280%;height:350px;object-fit:cover;object-position:center center;}.elementor-12460 .elementor-element.elementor-element-d5fbf70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 4px 4px 4px;}.elementor-12460 .elementor-element.elementor-element-d5fbf70.elementor-element{--align-self:flex-start;}.elementor-12460 .elementor-element.elementor-element-d5fbf70 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:3.5rem;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0rem;color:#FFFFFF;}.elementor-12460 .elementor-element.elementor-element-02f6dae{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;}.elementor-12460 .elementor-element.elementor-element-02f6dae.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#000000;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-icon i{color:#FFFFFF;font-size:20px;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-icon svg{fill:#FFFFFF;--e-icon-list-icon-size:20px;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-icon{width:20px;}body:not(.rtl) .elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-text{padding-left:5px;}body.rtl .elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-text{padding-right:5px;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-text, .elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-text a{color:#FFFFFF;}.elementor-12460 .elementor-element.elementor-element-02f6dae .elementor-icon-list-item{font-family:"Inter Tight", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;}.elementor-12460 .elementor-element.elementor-element-1b8d2c6{padding:20px 20px 20px 20px;}.elementor-12460 .elementor-element.elementor-element-947aac0{--spacer-size:50px;}.elementor-12460 .elementor-element.elementor-element-de7b414.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for post-comments, class: .elementor-element-de7b414 *//**
 * LUNEXOR BLOG - Styling für die Kommentar-Liste
 * (Avatare, Metadaten, Antworten-Button)
 */

/* 1. Titel der Sektion ("Eine Antwort") */
.comments-area .comments-title {
  font-size: 1.5em;
  font-weight: 700;
  color: hsl(var(--foreground));
  margin-bottom: 1.5em;
}

/* 2. Die Kommentar-Liste (entfernt Listen-Stil) */
.comment-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 3. Jeder einzelne Kommentar-Container */
.comment-list .comment {
  margin-bottom: 1.5em;
}

/* 4. Der "Card"-Stil für den Kommentar-Body  */
.comment-list .comment-body {
  background-color: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 8px;
  padding: 1.5em;
  position: relative; /* Wichtig für verschachtelte Antworten */
}

/* 5. Header-Bereich (Avatar + Autor + Metadaten) */
.comment-meta {
  display: flex; /* Richtet Avatar und Text nebeneinander aus */
  align-items: flex-start;
  gap: 1em; /* Abstand zwischen Avatar und Text */
  margin-bottom: 1em;
}

/* 6. Das Profilbild (Avatar) */
.comment-author .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%; /* Macht das Bild rund */
  border: 2px solid hsl(var(--border));
}

/* 7. Wrapper für Autor und Datum */
.comment-author-info {
  flex-grow: 1;
}

/* 8. Kommentar-Autor ("Marvin (Lunexor Team)") */
.comment-author .fn {
  color: hsl(var(--foreground));
  font-weight: 700;
  font-size: 1.1em;
  font-style: normal;
}
/* Versteckt das "sagt:" */
.comment-author .says {
  display: none;
}

/* 9. Metadaten (Datum, Uhrzeit, "Bearbeiten") */
.comment-metadata {
  font-size: 0.9em;
}
.comment-metadata,
.comment-metadata a {
  color: hsl(var(--muted-foreground)); /* [cite: 6] */
  text-decoration: none;
}
.comment-metadata a:hover {
  color: hsl(var(--primary));
  text-decoration: underline;
}

/* 10. Der Kommentar-Inhalt ("Seggsi!") */
.comment-content {
  color: hsl(var(--card-foreground)); /* [cite: 5] */
  padding-top: 0.5em;
  /* Sorgt für korrekten Zeilenumbruch */
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.comment-content p {
  margin: 0;
}

/* 11. Der "Antworten"-Button */
.comment-reply-link {
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  color: hsl(var(--primary)); /* [cite: 16] */
  display: inline-block;
  margin-top: 1em;
}
.comment-reply-link:hover {
  color: hsl(var(--accent)); /* [cite: 16] */
  text-decoration: underline;
}

/* 12. Verschachtelte Kommentare (Antworten auf Antworten) */
.comment-list .children {
  list-style: none;
  padding-left: 2em; /* Einrücken von Antworten */
  margin-top: 1.5em;
  border-left: 2px solid hsl(var(--border));
}/* End custom CSS */