/***************************************************************************
* Links
****************************************************************************/
a, a:visited {
    color: inherit;
    transition: color .25s ease;
}
a:hover, a:focus {
    color: inherit;
}

a:focus {
    outline: 0.125rem solid rgba(0,0,0,0.5);
}

p a,
p a:visited {
    text-decoration: underline;
    color: var(--typo-color-green-two);
}
p a:hover,
p a:focus {
    color: inherit;
}

.green_two_bg p a,
.green_two_bg p a:visited {
    color: inherit;
}
/*
p a,
li a {
    display: inline-block;
}
*/

.content li a,
.content li a:visited {
    text-decoration: underline;
    color: var(--typo-color-green-two);
}

a.download_link {
    display: inline-block;
    color: var(--typo-color-green-two);
}


p.no_textnode > a[href*="http"]:first-child:last-child,
.content li.no_textnode > a[href*="http"]:first-child:last-child,
p.no_textnode > a[href*=".pdf"]:first-child:last-child,
.content li.no_textnode > a[href*=".pdf"]:first-child:last-child {
    display: inline-block;
}

p.no_textnode > a[href*="http"]:first-child:last-child:before,
.content li.no_textnode > a[href*="http"]:first-child:last-child:before {
    content: ''; position: relative;
    display: inline-block; width: 1em;
    height: 1em; vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-image: url(../img/SIR-2024-Icons-v1-Link-blank.svg);
    mask-image: url(../img/SIR-2024-Icons-v1-Link-blank.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 0.25em;
}

p.no_textnode > a[href*="http"][href*=".jpg"]:first-child:last-child:before,
.content li > a[href*="http"][href*=".jpg"]:first-child:last-child:before,
p.no_textnode > a[href*="http"][href*=".png"]:first-child:last-child:before,
.content li > a[href*="http"][href*=".png"]:first-child:last-child:before {
    content: none;
}

p.no_textnode > a[href*=".pdf"]:first-child:last-child:before,
a.download_link:before,
.content li.no_textnode > a[href*=".pdf"]:first-child:last-child:before {
    content: ''; position: relative;
    display: inline-block; width: 1em;
    height: 1em; vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-image: url(../img/SIR-2024-Icons-v1-Download-blank.svg);
    mask-image: url(../img/SIR-2024-Icons-v1-Download-blank.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 0.375em;
}

ul:has( > li > a[href*="http"]:first-child:last-child) {
    margin-left: 0;
}
li:has( > a[href*="http"]:first-child:last-child) {
    list-style: none;
}

/***************************************************************************
* Buttons
****************************************************************************/
.button, .button:visited{
    padding: 0.625em 1.5em;
    background-color: transparent;
    border-radius: 2em;
    border: 1px solid currentColor;
    color: inherit;
}

.button:hover {
    background-color: var(--typo-color-green-one);
}
.button:focus,
.button.active {
    background-color: var(--typo-color-green-three);
    border-color: var(--typo-color-green-three);
    color: var(--typo-color-green-light);
}

.button[data-filter-cat]:focus{
    color: inherit;
    border-color: currentColor;
    background-color: transparent;
}
.button[data-filter-cat].active:focus{
    background-color: var(--typo-color-green-three);
    border-color: var(--typo-color-green-three);
    color: var(--typo-color-green-light);
}

.button-group > *:not(.button){
    margin: 0.25rem;
    line-height: 1;
}



/***************************************************************************
* Box link Item
****************************************************************************/
.box_link_item {
    display: inline-block;
    width: calc(50% - 1.25rem); vertical-align: top;
    margin-right: 1rem;
}
.box_link_item > * {
    font-size: 1rem;
    display: block;
    padding: 0.75rem 1.75rem;
    background-color: var(--typo-color-green-one);
    position: relative;
}
.wrapper .box_link_item > a:before {
    content: none;
}
.box_link_item > a:after {
    content: ''; position: absolute;
    top: 50%; right: 0.5rem; width: 1.75rem; height: 1.75rem;
    background: url(../img/SIR-2024-Icons-v1-Pfeil.svg) no-repeat;
    background-size: contain; background-position: 50% 50%;
    transform: translate(0,-50%) rotate(-90deg);
}