
/**/
/* INFOBEREICH */
/**/
.projektdetail-kontainer p {
    font-size: 1.25rem;
}

.projektdetail-kontainer h3 {
    color: white;
}

.projektdetail-kontainer .ueberschrift h2,
.projektdetail-kontainer .ueberschrift h3,
.projektdetail-kontainer .ueberschrift h4 {
    margin-bottom: 1.5rem;
}

.projektdetail-kontainer .infobereich .ueberschrift h2 {
    font-size: 2.375rem;
}

.projektdetail-kontainer .infobereich {
     color: var(--bmfsfj-dark-mint);
     margin-top: 4rem;
     margin-bottom: 4rem;
}

.projektdetail-kontainer .infobereich .kurzbeschreibung {
    color: var(--bmfsfj-light-mint);
}

.projektdetail-kontainer .infobereich .blickbox {
    background-color: var(--bmfsfj-light-mint);
    color: white;
    padding: 1.5rem 1.25rem;
}

.projektdetail-kontainer .blickbox .ueberschrift h3 {
    font-family: BundesSans-Web, Arial, sans-serif;
    font-weight: inherit;
    text-transform: uppercase;
}

.projektdetail-kontainer .blickbox .handlungsfeld span {
    font-weight: 600;
}

.projektdetail-kontainer .blickbox .fördersumme p {
    margin: 0;
}
.projektdetail-kontainer .blickbox .fördersumme span {
    font-weight: 600;
}
.projektdetail-kontainer .blickbox .fördersumme td {
    font-size: 1.25rem;
    padding-right: 0.5rem;
}



/**/
/* KONTAKT */
/**/
.projektdetail-kontainer .kontakt {
    background-color: white;
    padding-top: 3rem;
    padding-bottom: 6.25rem;
}

.projektdetail-kontainer .ueberschrift {
    width: 100%;
    color: var(--bmfsfj-dark-mint);
}
.projektdetail-kontainer .ueberschrift h4 {
    font-family: BundesSans-Web, Arial, sans-serif;
}

.projektdetail-kontainer .kontaktinhalt {
    display: flex;
}

.projektdetail-kontainer .kontaktinhalt p {
    margin-bottom: 0;
    color: var(--bmfsfj-grey);
    font-size: 1rem;
}

.projektdetail-kontainer .kontaktinhalt .logo {
    border: none;
    margin-top: 0.5rem;
}

.projektdetail-kontainer .kontaktinhalt .logo img {
    max-width: 12.5rem;
    height: auto;
    border: 0.125rem solid var(--bmfsfj-medium-grey);
}

.projektdetail-kontainer .kontaktinhalt > .logo + .kontakttext {
    margin-left: 1.5rem;
}


/* Fokus Styles für Button und Links */
.projektdetail-kontainer a:focus,
.projektdetail-kontainer button:focus {
    outline: .3125rem auto var(--bmfsfj-outline-focus-color);
}

/*
Accordion kontianer
 */
.projektdetail-kontainer .projektdetail-accordion {
    margin-top: 4rem;
}

.projektdetail-kontainer .kontakt + .globale-themenfeld-leiste {
    
}

/**/
/* MEDIA */
/**/

@media (max-width: 991.98px) {
    .projektdetail-kontainer .stage {
        background-color: var(--bmfsfj-light-mint);
    }
}

@media (max-width: 767px) {

    .projektdetail-kontainer .kontakt .zuständigesMinisterium {
        margin-top: 2rem;
    }
}

@media (max-width: 575.98px) {

    .projektdetail-kontainer .infobereich {
        margin-top: 3rem;
    }

    .projektdetail-kontainer .infobereich .col-md-4 {
        padding-right: 0;
    }

    .projektdetail-kontainer .infobereich .blickbox {
        margin-top: 2rem;
    }
    
    .projektdetail-kontainer .kontakt .keinAbstand {
        padding: 0;
    }
    
    .projektdetail-kontainer .kontaktinhalt {
        flex-direction: column;
    }
    .projektdetail-kontainer .kontakt .ueberschrift,
    .projektdetail-kontainer .kontakt .kontaktinhalt {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .projektdetail-kontainer .kontaktinhalt > .logo + .kontakttext {
        margin-left: 0;
        margin-top: 2rem;
    }

    .projektdetail-kontainer .projektdetail-accordion {
        margin-top: 4rem;
    }
}