/**
*   Diese .css-Datei bildet die Basis für Fixes außerhalb des Bundlings.
*   Da wir einen alten Bundler verwenden, können einige Inhalte nicht verarbeitet werden.
*
*   Das beinhaltet folgende Sachen:
*   * :has()
    * :not()
*
*/

/************************************************************************************/
/* 0. Fixes */
/************************************************************************************/

/* Bugfix in der Link-Darstellung */
.skd_app-wrapper__slide a:not(.btn):not(.skd_label-button):not(.skd_link--no-caret):not(.skd_footer__logo) {
    margin-right: 12px;
    font-weight: bold;
}

/* Eine Map braucht deutlich mehr Platz, als für ein reguläres Objekt vorgesehen wird -> also wird das Styling der Parents nur verändert, wenn wirklich eine Karte auf einer Seite vorhanden sind */
.skd_jumbo__content:has(.map_container) {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-bottom: 30px;
}

.skd_jumbo--object:has(.skd_jumbo__content .map_container) {
    padding: 30px 25px !important;
}


/**
    skd_card__figure und skd_card__image sind nur in den gebundleten CSS-Dateien zu finden,
    nicht im Xima Repo
*/
.skd_card__figure {
    max-height: 160px;
    object-fit: cover;
}

.skd_card__image.skd_image--responsive.skd_--loaded {
    object-fit: cover;
    height: 160px;
}




/* Werden auf iOS blau dargestellt, siehe https://redmine.robotron.de/issues/24641 */
.skd_phone__button--number {
    color: black;
}

/* Button in der unteren Reihe ist verschoben, siehe Screenshot auf https://redmine.robotron.de/issues/24640 */
.skd_phone__button--delete {
    padding-left: 0;
    padding-right: 0;
    margin-left: 15.5px;
    margin-right: 15.5px;
}

/* Vom Kunden eingegebene Links sollen keinen Pfeil bekommen */
.skd_text p a:after  {
    all: unset !important;
}


/*
    Light Gallery Fixes für das ausklappbare Text-Element
*/
.lg-sub-html p {
    max-height: calc(120px - 2 * 10px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: unset;
    animation: none;
}

.lg-sub-html {
    opacity: 1;
}

.lg-sub-html--open p {
    max-height: unset !important;
}

.lg-sub-html.lg-sub-html--open p {
    -webkit-animation: unset;
    animation: open .1s linear 0s forwards;
}