/*
 Theme Name:   Kleanity Child
 Theme URI:    http://demo.goodlayers.com/kleanity
 Description:  Goodlayers Kleanity Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     kleanity
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  kleanity-child

 START YOUR CHILD THEME CSS HERE
*/

/* personnel-two-columns.css */

/* Standard: Mobile-Layout bleibt erhalten */

#kontakt > div > div {
     margin-left: auto !important; 
}

/* Desktop-Layout: Ab 768px nebeneinander */
@media (min-width: 768px) {
  
  /* Container flexibel machen */
  .gdlr-core-personnel-item-holder {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important; /* Abstand zwischen den Boxen */
    justify-content: space-between !important;
  }
  
  /* Jedes Personen-Element auf 50% Breite setzen */
  .gdlr-core-personnel-list-column.gdlr-core-column-60 {
    flex: 0 1 calc(50% - 15px) !important; /* 50% minus halber Gap */
    width: auto !important; /* Überschreibe Theme-Breite */
    float: none !important; /* Entferne Float */
    clear: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* column-first Klasse für das zweite Element neutralisieren */
  .gdlr-core-column-first {
    clear: none !important;
  }
  
  /* Optional: Bilder responsiv gestalten */
  .gdlr-core-personnel-list-image img {
    width: 100% !important;
    height: auto !important;
  }
}

/* Für sehr große Bildschirme: Maximale Breite begrenzen */
@media (min-width: 1200px) {
  .gdlr-core-personnel-item-holder {
    max-width: 1200px;
    margin: 0 auto;
  }
}