/*

    DEFINITIONEN

 */
:root {
    --primary-color: #efb546 !important;
    --dark-color: #00614d !important;;
}

/*

    SCHRIFT

 */

/* signika-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Signika';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/signika-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* signika-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Signika';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/signika-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* signika-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Signika';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/signika-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* signika-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Signika';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/signika-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* signika-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Signika';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/signika-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





#dahboard_card_wrapper .fa-regular,
#dahboard_card_wrapper .fa-solid {
    font-size: 2.5rem;
}
.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.date-indicator {
    height: 14px;
    width: 14px;
    font-size: .6rem;
    color: white;
    padding: .15rem;
    border-radius: 50%;
    position: absolute;
    top: .25rem;
    right: .25rem;
    line-height: 1;
}

.dashboard-header .card-img-top {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#dahboard_card_wrapper i{
    font-size:3.8rem;
    line-height: 1;
}

/*

    GRUPPEN

 */
.ueberschrift_gruppen_meine, .ueberschrift_gruppen_weitere {
    margin-bottom: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.beschreibung_gruppen_meine, .beschreibung_gruppen_alle {
    margin-bottom: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bild_wrapper_meine, .bild_wrapper_alle, .bild_wrapper  {
    aspect-ratio: 4/3;
}
.bild_wrapper_meine img, .bild_wrapper_alle img, .bild_wrapper img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.bild_wrapper_meine {
    position: relative;
}
.bild_wrapper_meine .container.bildfooter{
    position: absolute;
    left: 0;
    top: .25rem;
}
.bild_wrapper_meine .container.bildheader .badge,
.bild_wrapper_meine .container.bildfooter .badge{
    opacity: .75;
    font-size: .85rem;
}
.bild_wrapper_meine .container.bildheader{
    position: absolute;
    left: 0;
    right: 0;
    top: .25rem;
    text-align: right;
}
.bild_wrapper_meine i, .bild_wrapper i{
    font-size: 5rem;
    line-height: 1;
}
.bild_wrapper_alle i{
    font-size: 3.5rem;
    line-height: 1;
}
.bild_wrapper_meine, .bild_wrapper_alle{
     border-top-left-radius: var(--bs-card-inner-border-radius);
     border-top-right-radius: var(--bs-card-inner-border-radius);
 }
.click-austreten {
    color: rgb(53, 53, 53);
    cursor:pointer;

}
.click-austreten:hover {
    color: rgb(220, 53, 69);
}
a.textlink, a.textlink:hover, a.textlink:active{
    color: var(--bs-heading-color);
    text-decoration: none;
}


.bild_wrapper {
    height: 400px;
}
.bild_wrapper img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.avatar_wrapper {
    height: 100px;
}
.avatar_wrapper img{
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.sidebar-brand-text{
    font-size: 1.5rem;
}

#datatable_psn code {
    display: block;
    white-space: nowrap;
    word-wrap: break-word;
    color: var(--bs-gray);
    font-size: 70%;
    background: var(--bs-gray-100);
    border-left: 3px solid var(--bs-gray);
    padding: 3px 3px 3px 10px;
}

/* Image effect */
.bild_wrapper_meine, .bild_wrapper_alle, .bild_wrapper {
    overflow: hidden;
}
.bild_wrapper_meine .box, .bild_wrapper_alle .box,
.bild_wrapper_meine img.card-img-top, .bild_wrapper_alle img.card-img-top, .bild_wrapper img.card-img-top {
    transition: transform .5s ease;
}
.bild_wrapper_meine:hover .box, .bild_wrapper_alle:hover .box,
.bild_wrapper_meine:hover img.card-img-top, .bild_wrapper_alle:hover img.card-img-top, .bild_wrapper:hover img.card-img-top {
    transform: scale(1.3);
}

/*

    KALENDER

 */


#fullcalendar .fc-h-event, #fullcalendar .fc-v-event {
    background: var(--dark-color);
    background-color: var(--dark-color);
    border: 1px solid  var(--dark-color);
    border-color: var(--dark-color);
}
#fullcalendar .fc-daygrid-event-dot, #fullcalendar .fc-list-event-dot {
    border-color: var(--dark-color);
    border: 5px solid var(--dark-color);
}

/*

    MATERIAL SYMBOLS

 */

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}
/*
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.material-icons-outlined.md-36 {
    font-size: 36px;
}
.material-symbols-outlined.mdopsz-40 {
    font-variation-settings: 'opsz' 40;
}
.material-symbols-outlined.mdwght-6 {
    font-variation-settings: 'wght' 600;
}
*/
.material-symbols-outlined {
    display: inline;
    vertical-align: middle;

    /* font-size: 100% !important; */
}

.material-symbols-outlined.text-white.w-25 {
    font-size: 6rem;
}

#dahboard_card_wrapper .material-symbols-outlined.text-white {
    font-size: 4rem;
}

a {
    text-decoration: none !important;
}

.btn-gast-jetzt-registrieren {
    background-image:
            repeating-linear-gradient(-45deg,
            white 0rem,
            white 1rem, #f5f7fb 1rem,
            #f5f7fb 2rem, white 2rem);
}

/* --- Bildgrößen Detailseiten --- */

.bild_wrapper_full {
    height: auto;
    aspect-ratio: auto;
}

/* --- ALERT --- */
.alert {
    box-shadow: 0px 0px 100px 100px #FFF;
}

/* --- AGENTUR-5145 --- Startseite primarycolor von hellen Kacheln im Dark mode anpassen --- */
[data-theme="dark"] .bg-dark.text-white .text-primary
{
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important;
}
[data-theme="dark"] .sidebar-nav .sidebar-badge
{
    color: rgb(var(--bs-white-rgb)) !important;
}