/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .carsonal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.carsonal-col h2 {
    margin-bottom: 15px;
}

.carsonal-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 8px;
}
.carsonal-filter {
    margin-bottom: 25px;
}

.carsonal-filter select {
    padding: 6px 10px;
    font-size: 16px;
}
/* Container für alle Veröffentlichungen */
.carsonal-publications {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Einzelne Box */
.carsonal-item {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: box-shadow 0.3s;
}

.carsonal-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Link über die ganze Box */
.carsonal-item-link {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 15px;
     background-color: #E6E6E6;
}

/* Titel oben */
.carsonal-item-title {
    font-size: 1.2rem;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 20px !important; 
}

/* Bild mittig */
.carsonal-item-image {
    text-align: center;
    margin-bottom: 10px;
}

.carsonal-item-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Footer mit Jobart links, Stadt rechts */
.carsonal-item-footer {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    color: #555;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.carsonal-item-city, .carsonal-item-category { 
    color: black;
}



/* Buttons für Mehr laden und Filter */
.carsonal-btn {
    display: inline-block;
    padding: 8px 16px;
    /* margin: 0 5px 10px 0; */
    border: 1px solid #0066B1;
    background: #0066B1;
    color: #fff !important;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
      transition: .3s;
}

.carsonal-btn.active,
.carsonal-btn:hover {
    background: #0058d3 !important;
}

/* Grid für 2 Spalten */
.carsonal-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.carsonal-col {
    flex: 1 1 48%;
}

/* Mehr laden Button */
.carsonal-load-more {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    border: 1px solid #0066B1;
    background: #0066B1;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
    transition: .3s;
}

.carsonal-load-more:hover {
    background: #0058d3;
}
.carsonal-btn:hover { 
     background: #0058d3;
}
button.carsonal-btn { 
        background: var(--light-blue) !important;
    /* margin: 18px 10px !important; */
    padding: 12px 20px !important;
    margin-bottom: 0 !important;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
        clip-path: polygon(15px 0, calc(100% - 1px) 0, calc(100% - 15px) 100%, 0 100%);
        font-weight:600;
        font-size:20px;
        margin: 0;
}
.carsonal-filter { 
    display: flex;
    justify-content: center;
}
.carsonal-col h2 { 
    text-align:center;
    font-size:30px;
}
.carsonal-single-job .infinite-page-title-wrap { 
    display:none;
}

/*Einzelseite*/
.carsonal-single-buttons {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.carsonal-single-buttons .carsonal-btn {
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    transition: background 0.3s;
}

.carsonal-single-buttons .apply-btn {
    background: #0066B1;
}

.carsonal-single-buttons .apply-btn:hover,
.carsonal-btn.back-btn:hover {
    background: #005f8d;
    color: white;

}

.carsonal-single-buttons .overview-btn {
    background: #555;
}

.carsonal-single-buttons .overview-btn:hover {
    background: #333;
}
.carsonal-single-wrapper .carsonal-single-job{ 
    max-width: 1100px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-top:30px;
}
.carsonal-single-columns { 
    display: flex;
    margin-bottom:60px;
}
.carsonal-single-left { 
    width:50%
}
.carsonal-single-right { 
    width:50%
}

.carsonal-single-wrapper  {
    font-family: "montserrat_400" !important;
}
.carsonal-single-wrapper .carsonal-single-title { 
    margin-top:30px;
}
.carsonal-single-wrapper .carsonal-single-title, .carsonal-single-wrapper .carsonal-single-city {
    margin-bottom: 40px;
    line-height: 1;
    font-family: 'montserrat_900_italic' !important;
    font-size: 2rem;
    letter-spacing: 0;
    font-style: italic;
    font-weight: 900;
}
.carsonal-single-columns h3{
    margin-bottom: 40px;
    line-height: 1;
    font-family: 'montserrat_900_italic' !important;
    font-size: 2rem;
    letter-spacing: 0;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
}
.carsonal-single-columns h3:after {
    content: '';
    border-bottom: 5px solid var(--light-blue);
    display: block;
    width: 40%;
    padding-top: 10px;
}
.carsonal-single-columns{
   margin-top:60px;
}
.carsonal-meta-box { 
    background-color: #00142E;
    color: white;
}
.carsonal-contact-box { 
    background-color: #0066B1;
    color: white;
    margin-top:60px;
}
.carsonal-contact-box, .carsonal-meta-box{ 
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    max-width: 350px;
    width:350px;
}
.carsonal-contact-box .carsonal-contact-box-link { 
       color: white !important;
       text-decoration: underline;
}
.carsonal-btn.apply-btn { 
    color: white !important;
    font-family: "montserrat_400" !important;
    font-weight:700;
    padding: 8px 20px;
}
.carsonal-btn.apply-btn:hover { 
    color: white;
}
.carsonal-application-form input[type=text], .carsonal-application-form input[type=file], .carsonal-application-form input[type=email], .carsonal-application-form select, .carsonal-application-form textarea {
   border: 2px solid #000 !important;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 0.2em;
    padding: 4px;
    width: 100%;
    font-family: "montserrat_400" !important;
}
.carsonal-application-form { 
    margin-left:60px;
    margin-top:30px;
}
.carsonal-publications { 
    display: flex;
    flex-wrap: wrap;
    gap:30px;
}
.carsonal-item { 
    width:calc( 50% - 15px );
    transition: .3s;
     border: 3px solid white;
     background-color: #E6E6E6;
}
.carsonal-item:hover { 
    border: 3px solid #0066B1;
}
.carsonal-entry-heading { 
    text-transform: uppercase;
    margin-bottom:60px !important;
}
.carsonal-filter .carsonal-btn.active::after {
    content: "×";
    font-size: 34px;
    font-weight: 300;
    opacity: 0.7;
    height: 0px;
    margin-top: -63px;
    margin-right: -12px;
    margin-left: 8px;
}
.cv-hint {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}
.carsonal-single-section { 
    margin-bottom:60px;
}
.carsonal-single-right {
  display: flex;              /* macht die Kinder zu flex-Items */
  flex-direction: column;     /* optional, falls sie untereinander bleiben sollen */
  align-items: flex-end;      /* richtet sie rechts aus */
  gap: 20px;                  /* Abstand zwischen den Boxen */
}
.carsonal-meta-box p {
    border-bottom: 1px solid white;
    padding-bottom: 15px;
}

.carsonal-meta-box p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.carsonal-single-image { 
    display:flex;
    justify-content: center;
}
 .carsonal-btn.apply-btn.show-form-btn { 
    margin-top:30px;
}
.carsonal-publications .carsonal-item a { 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 

@media only screen and (max-width:1100px) { 
    .carsonal-single-header,
    .carsonal-single-left,
    .carsonal-single-right  { 
        padding-left: 15px;
        padding-right: 15px;
    }
    .carsonal-contact-box, .carsonal-meta-box {
        color: #fff;
        padding: 30px;
        border-radius: 10px;
        max-width: 350px;
        width: 299px;
    }
}
@media only screen and (max-width: 850px) { 
    button.carsonal-btn {
    font-size: 16px;
}
}
@media only screen and (max-width: 767px) { 
    .carsonal-single-columns { 
        display: flex;
        margin-bottom: 60px;
        flex-direction: column;
    }
    .carsonal-single-left {
        width: 100%;
    }
    .carsonal-single-right {
        width: 100%;
    }
    .carsonal-single-right {
        align-items: center;
    }
   
    .carsonal-application-form {
        margin-left: 0;
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        width: 95%;
    }
    .carsonal-single-header,
    .carsonal-single-left,
    .carsonal-single-right  { 
        padding-left: 15px;
        padding-right: 15px;
    }
    .infinite-body h3.carsonal-item-title { 
        font-size: 18px !important;
        hyphens: auto;
    }
    .carsonal-filter {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    button.carsonal-btn {
        margin-bottom: 10px !important;
    }
}
@media only screen and (max-width:500px) { 
    .carsonal-item {
        width: 100%;
    }
}