/*
Theme Name: chitheneek
Author: TJP e.V.
Description: Your description goes here
Version: 1.0
Template: kadence

This is the child theme for Kadence theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/* Hover - gepunktete Unterstreichung */
#site-navigation .menu > li > a:hover {
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: #3d7a28 !important;
  text-underline-offset: 4px !important;
}

/* Aktiv - fett, größer, unterstrichen */
#site-navigation .menu > li.current-menu-item > a,
#site-navigation .menu > li.current_page_item > a {
  font-weight: 700 !important;
  font-size: 1.1em !important;
  text-decoration: underline !important;
  text-decoration-color: #3d7a28 !important;
  text-underline-offset: 4px !important;
}

/* Button Hover */
.wp-block-button__link:hover {
  background-color: #3d7a28 !important;
}
.site-top-footer-inner-wrap {
  grid-template-columns: 10% auto 30% !important;
}

@media (max-width: 767px) {
  .site-top-footer-inner-wrap {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }
  
  .site-footer-top-section-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  
  .site-footer-top-section-2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  
  .site-footer-top-section-3 {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}
/* Footer Navi */
.footer-navigation-wrap .footer-navigation ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

/*abstand verkürzen startseite bild mit Header */
.home #inner-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.home .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.home .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* gradient bei wilkommen titel*/
#willkommen-titel {
  background: linear-gradient(to right, #bfe7f6, #3760B6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


/* --- DESKTOP-ANSICHT: Gleiche Höhe --- */
@media (min-width: 769px) {
    .wp-block-group.is-layout-flex {
        display: flex !important;
        align-items: stretch !important; /* Zwingt Bild- und Formularspalte auf exakt dieselbe Höhe */
    }

    .wp-block-group.is-layout-flex > .wp-block-image {
        display: flex !important;
        margin: 0 !important;
    }

    .wp-block-group.is-layout-flex > .wp-block-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Verhindert Verzerrungen des Fotos */
        border-radius: 20px; /* Behält deine abgerundeten Ecken bei */
    }
}
/* --- MOBIL-ANSICHT: Gleiche, volle Breite & Formular oben --- */
@media (max-width: 768px) {
    .wp-block-group.is-layout-flex {
        display: flex !important;
        flex-direction: column-reverse !important; /* Formular nach oben, Bild nach unten */
    }
    
    /* Zwingt das Bild und das Formular, auf dem Handy exakt gleich breit zu sein (100%) */
    .wp-block-group.is-layout-flex > .wp-block-image,
    .wp-block-group.is-layout-flex > .wp-block-formidable,
    .wp-block-group.is-layout-flex > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wp-block-group.is-layout-flex > .wp-block-image img {
        width: 100% !important;
        height: auto !important; /* Verhindert, dass das Bild auf dem Handy langgezogen wird */
    }
}

/* --- NEUE BRUTALE REGEL FÜR BILDUNG, LERNEN, FORSCHEN --- */
/* Zwingt den gesamten Stapel auf 100% Breite */
.wp-block-group.kita-layout {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Zwingt das Bild, die volle Breite des Stapels auszufüllen */
.wp-block-group.kita-layout .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wp-block-group.kita-layout .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Überschreibt ALLE WordPress-Breitenbegrenzungen für den Text im Stapel */
.wp-block-group.kita-layout > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* Übergeordnete Zeile: Zwingt beide Spalten (Bild & Formular), immer exakt gleich hoch zu sein */
.kb-row-layout-id18_32ec81-78 .kt-row-column-wrap {
  align-items: stretch !important;
	gap: 10px !important;
}

/* Linke Spalte: Macht den inneren Container zu einer vertikalen Flexbox, die die volle Höhe nutzt */
.kadence-column18_fba86f-4b .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Bild-Rahmen (figure): Sagt dem Container, dass er sich maximal ausdehnen und ebenfalls als Flexbox agieren soll */
.kadence-column18_fba86f-4b .wp-block-image {
  flex: 1;
  display: flex;
}

/* Das eigentliche Bild: Füllt den gedehnten Rahmen zu 100% aus. 
   'object-fit: cover' verhindert, dass das Bild dabei verzerrt oder gestaucht wird */
.kadence-column18_fba86f-4b .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}