/*

    CSS Styles
    
    Extra lange Namen um einbettende Seiten nicht zu beeinflussen 

    Author:         Florian Weber

*/

.jugendhilfenetz-embeded-capacity-seperator {
    width: 1px;
    height: auto; 
    /* background: rgb(199, 199, 199);  */
    border-left: 1px solid rgb(199, 199, 199);
    margin: 5px 10px 5px 10px;
}

.jugendhilfenetz-embeded-capacity-free {
    font-size: 34px; 
    font-weight: 600;
}

.jugendhilfenetz-embeded-capacity-thick-label {
    white-space: nowrap; 
    font-size: 20px;
    font-weight: 500;
}

.jugendhilfenetz-embeded-capacity-date {
    white-space: nowrap; 
    font-size: 18px; 
    font-weight: 550;
}

.jugendhilfenetz-embeded-capacity-age {
    white-space: nowrap; 
    font-size: 20px; 
    font-weight: 600;
}

.jugendhilfenetz-embeded-capacity-focus {
    font-size: 16px; 
    font-weight: 500; 
    margin-top: 10px;
}

.jugendhilfenetz-embeded-capacity-thin-label {
    text-align: center; 
    white-space: nowrap; 
    font-size: 16px; 
    font-weight: 500;
}

.jugendhilfenetz-embeded-capacity-box {
    background-color: rgb(240, 240, 240); 
    border-radius: 5px 5px 2px 2px; 
    border: 1px solid rgb(199, 199, 199); 
    /* box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); */
    width: auto; 
    display: flex; 
    flex-direction: column; 
    padding: 5px; 
    margin: 0px 0px 5px 0px;
}

.jugendhilfenetz-embeded-capacity-column {
    padding: 0; 
    text-align: left; 
    margin: 0;
    display: flex; 
    flex-direction: column;
}

.jugendhilfenetz-embeded-capacity-title {
    /* font-size: 22px; 
    font-weight: 600; */
    margin: 0;
    margin-bottom: 5px;
    color: rgb(37, 37, 37);
    /* text-shadow: 2px 2px 2px #000000; */
    padding: 5px 10px 5px 10px;
}

.jugendhilfenetz-embeded-capacity-link {
    color: rgb(240, 240, 240);
    text-shadow: 2px 2px 2px #000000;
}

.jugendhilfenetz-embeded-capacity-column-title {
    width: 100%;
    margin: 0;
    margin-top: -3px;
    margin-bottom: auto;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    /* background-color: rgb(74,139,184); */
    border-radius: 0px 0px 5px 5px;
}

.jugendhilfenetz-embeded-capacity-row {
    width:auto; 
    padding: 0; 
    margin: 0; 
    display: flex; 
    flex-direction: row; 
    justify-content: space-between;
}

.jugendhilfenetz-embeded-capacity-box .jugendhilfenetz-embeded-capacity-box {
    cursor: pointer;
}

.jugendhilfenetz-embeded-capacity-box .jugendhilfenetz-embeded-capacity-box:hover {
    background-color: rgb(181,211,239);
    color: rgb(37, 37, 37);
    text-shadow: none;
}

.jugendhilfenetz-embeded-capacity-logo {
    height: 55px;
    padding: 0;
    border: 0;
    margin: 0px 5px 3px 0px;
}

.jugendhilfenetz-embeded-capacity-logo-customer {
    height: 55px;
    padding: 0;
    border: 0;
    margin: 0px 0px 3px 5px;
}

.accordion-button:not(.collapsed) {
    background-color: rgba(0, 0, 0, 0.03) !important;
    -webkit-box-shadow: 0px 5px 7px -5px rgb(0 0 0 / 35%) !important;
    -moz-box-shadow: 0px 5px 7px -5px rgba(0,0,0,0.35) !important;
    box-shadow: 0px 5px 7px -5px rgb(0 0 0 / 35%) !important;
    margin-bottom: .5rem;
    border: 1px solid rgba(0,0,0,0.125);
}
/* .accordion-button {
    color: unset !important;
} */
/* .link-input, .link-input:focus {
    font-family: Consolas, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace !important;
    background-color: transparent !important;
    border: none !important;
    color: white !important;
    font-size: medium !important;
    resize: none;
} */

.dashed {
    border-style: dashed !important;
}

@media (max-width: 767px) {
    .carousel-control-prev, .carousel-control-next {
        height: 32px !important;
        top: -28px !important;
    }
    .carousel-item .card-header {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}
@media (min-width: 767px) {
    .carousel-item {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}