/* Effektgruppe: layout/sections; Reihenfolge in inc/assets.php. */

.section-circle .kt-inside-inner-col {
    /* Größe deckeln */
    width: 100%;
    max-width: 450px;
  
    /* Magie: Erzwingt quadratisches Verhältnis (Breite = Höhe) */
    aspect-ratio: 1 / 1 !important;
  
    /* Zentrierung im Container */
    margin-left: auto;
    margin-right: auto;
  
    /* Falls es ein Kreis sein soll */
    border-radius: 50%;
  
    /* Flexbox, um den Inhalt im Quadrat/Kreis mittig zu halten */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
    /* Verhindert, dass Padding das Quadrat verzieht */
    box-sizing: border-box;
    overflow: hidden;
  }
  
  /* Fallback für ältere Browser (Safari < 15) */
  @supports not (aspect-ratio: 1 / 1) {
    .section-circle .kt-inside-inner-col {
      height: 450px; /* Feste Höhe als Backup */
    }
  }

/* NEU & WICHTIG: Erzwingt, dass die äußere Kadence-Spalte (die das Grid enthält) 
   keine Maximalbreite hat und 100% der verfügbaren Breite nutzt. */