/**
 * CSS für den Angebote-Posttype
 */

.post-type-archive-angebote .infinite-page-title-wrap { 
    display: none;
}

/* Grobfilter Tabs */
.grobfilter-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.grobfilter-tab {
    padding: 8px 12px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
}

.grobfilter-tab.active {
    background-color: #00607c;
    color: #fff;
}

/* Buttons Styling */
.filter-btn {
    margin: 4px 4px 4px 0;
    padding: 6px 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: pointer;
    border-radius: 3px;
}



/* Reset Button */
#reset-filters {
    margin-bottom: 10px;
    padding: 6px 12px;
    background-color: #ff4d4d;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#reset-filters:hover {
    background-color: #e03e3e;
}

/* Grid Layout */
.angebote-posts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Einzelne Beiträge */
.angebote-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

/* Rechtes Panel: Filter */
.angebote-filters-wrapper {
    position: sticky;
    top: 20px; /* bleibt beim Scrollen sichtbar */
}

/* Überschrift + Einleitung */
.foerderfiebel-heading,
.foerderfiebel-einleitungstext { 
    text-align: center;
    padding: 0;
}

.foerderfiebel-einleitungstext { 
    margin-bottom: 60px;
}
.filter-btn.active {
    background-color: #00607c;
    color: #fff;
}
/* Allgemeine Button-Stile */
.filter-btn {
    margin: 4px 4px 4px 0;
    padding: 6px 10px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.2s ease;
}

/* Aktiver Filter-Button */
.filter-btn.active,
.filter-btn:active {
    background-color: #00607c;
    color: #fff;
    border-color: #0073aa;
}

/* Wrapper für die Filter */
.angebote-filters-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Filter-Gruppe (Unterfilter) */
.post-type-archive-angebote .filter-group {
    display: none; /* wird über JS gesteuert */
}

/* Filter-Gruppen-Überschrift */
.filter-group h3 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

/* Reset-Button */
#reset-filters {
    margin-top: 10px;
    padding: 6px 12px;
    background-color: #ff4d4d;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition:  0.2s ease;
}

#reset-filters:hover {
    background-color: #e03e3e;
}

.angebote-filters-wrapper .filter-btn.subfilter-active {
    background-color: #00607c;
    color: #fff;
}
.filter-group { 
    margin-bottom:30px;
}
.post-type-archive-foerderfiebel .gdlr-core-pbf-column{ 
    padding:15px;
}
.angebot-form input {
    height: 56px;
    border-radius: 28px;
    border: 1px solid #00425e !important;
    background-color: #00607c !important;
    border: none !important;
    color: #fff !important;
}
  .angebot-form-grid {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .angebot-form-left, .angebot-form-right {
        flex: 1;
        min-width: 300px;
    }
    .angebot-form label {
        display: block;
        margin-top: 10px;
        font-weight: 600;
    }
     .angebot-form input, 
    .angebot-form select, 
    .angebot-form textarea {
        width: 100%;
        padding: 6px;
        margin-top: 20px;
        box-sizing: border-box;
        font-size: 18px;
         padding-left: 20px;
    }
    .angebot-form button {
        margin-top: 30px;
        padding: 10px 20px;
        background-color: #00607c;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    .angebot-form textarea  {  
        border: 1px solid #00425e !important;
    background-color: #00607c !important;
    border: none !important;
    color: #fff !important;  
     border-radius: 28px;
      height: 156px;
      padding-top: 15px;
      padding-left: 20px;
    }
    .angebot-form input[type="file"] {
    display: block;
    width: 100%;
    padding-top: 14px; /* innenabstand */
    line-height: 1.5em; /* vertikale Zentrierung */
   
    cursor: pointer;
}
.select-heading { 
    color: #00425e ;  
    font-size: 18px;
    margin-top:30px !important;
}
select.select-multiple {
    margin-top: 5px;
}
.angebot-form  .datenschutz-check { 
    display: flex !important;
        display: block;
    margin-top: 30px;
    font-weight: 400;
    color: #454545;
}
.angebot-label-checkbox {
    margin-top: 6px !important;
    height: 15px !important;
    width: 20px !important;;
    margin-right: 10px !important;;
}
body.post-type-archive-angebote { 
     color: #454545;
}

.angebote-form-wrapper {
    overflow: hidden;
    transition: max-height 0.6s ease, opacity 0.4s ease;
    max-height: 5000px;
    opacity: 1;
}

.angebote-form-wrapper.is-collapsed {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.angebote-success {
    background: #e6f6ec;
    border: 1px solid #4caf50;
    color: #1b5e20;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 6px;
    font-size: 16px;
}
.angebote-checkboxes .checkbox-item{ 
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
.angebote-checkboxes input{ 
    width: fit-content;
    height: auto;
    margin-top: 0px;
}