/* KFA.WIEN.HERA/[Layout]/Hera-Brustkrebsmonat-lila.css

Diese Seite ist auf allen gewünschten Seiten über die Seiten-Objekteigenschaft "esvCSSCustomPage" zu verknüpfen.

Auswirkung:
    - Überschriften werden in lila Schriftfarbe dargestellt.
    - eSV_Link im Content wird in lila Schriftfarbe dargestellt.
    - Das Akkordeon wird in lila dargestellt.
    - Das Bild "Corner" in der rechten unteren Ecke des Contents wird in lila dargestellt.
*/


/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

/* color definition */  
 
:root {
    --brustkrebs-rosa: #ea80b0;
    --brustkrebs-lila: #8e24e7;

    --headline-color: var(--brustkrebs-lila);

    --link-text-color: var(--brustkrebs-lila);

    --border-color: var(--brustkrebs-lila);
}


/* content */

#esv-container {
    background-image: url('/cdscontent/load?contentid=10008.798454&version=1759316255');
}


/* font */

h1,
h2,
h3,
h4,
h5,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
    color: var(--headline-color) !important;
}


/* ============================================ */
/* lctile                               - Start */
/* ============================================ */

.tile.tile_type01 .textbox>h3,
.tile.tile_type01 .textbox>.tilelink>h3 {
	background-image: linear-gradient(to right, var(--brustkrebs-rosa), var(--brustkrebs-lila));
    color: var(--g-text-color-02) !important;
}


/* ============================================ */
/* accordion                            - Start */
/* ============================================ */

.accordion {
    border-color: var(--border-color);
}

.accordion dt.open a:before {
    border-color: var(--border-color);
}

.accordion dt a {
    color: var(--link-text-color);
}


/* ============================================ */
/* esvlink                              - Start */
/* ============================================ */

#esv-container .esvlink,
#esv-container .esvlink:link,
#esv-container .esvlink:visited,
#esv-container .esvlink:hover,
#esv-container .esvlink:focus,
#esv-container .esvlink:active {
    color: var(--link-text-color);
}