/***************************************************************************
* Links
****************************************************************************/
a, a:visited {
    color: inherit;
    transition: color .25s ease;
}
a:hover, a:focus {
    color: inherit;
}
p a {
	text-decoration: underline;
}
p a:hover,
p a:focus {
	color: var(--typo-color-blue);
}

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

a.content_title > *:not(p) {
	transition: all .25s ease;
}
a.content_title:hover > *:not(p){
	/*color: var(--typo-color-text);*/
	color: var(--typo-color-blue);
}

/***************************************************************************
* Buttons
****************************************************************************/
.button-group {
    align-items: center;
}
.button-group .button {
    margin: 0 0.5em 0.5em 0;
}

.button, 
.button:visited{
    padding: 0.375em 2.5em 0.375em 1.25em;
    background-color: transparent;
    color: inherit;
    font-size: var(--typo-font-size-default);
    border-radius: var(--typo-border-radius);
    border: solid 1px currentColor;
    line-height: 1.5;
    position: relative;
}
.button:hover,
.button:focus {
    background-color: var(--typo-color-blue);
    color: inherit;
}
.button:after {
    content: ''; position: absolute;
    width: 1.5em; height: 1.5em;
    top: 50%; right: 0.5em;
    transform: translateY(-50%);
    background: url(../img/arrow-right.svg), var(--typo-color-blue);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-radius: var(--typo-border-radius);
}
.button.extern_link:after {
    background-image: url(../img/external-link.svg);
}

.button.arrow_down:after {
    transform: translateY(-50%) rotate(90deg);
}

/*
* Clean Button
*/
.button.clean_button:after {
    background: url(../img/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.button.clean_button:hover,
.button.clean_button:focus {
    background-color: var(--typo-color-light-grey);
}


/*
* No Border
*/

.button.no_border {
    border: none; 
    padding: 0 3em 0 0;
    padding-left: 0;
}
.button-group .button.no_border {
    padding-left: 0.5rem;
}
.button.no_border:after {
    background-color:  var(--typo-color-grey);
    border-radius: var(--typo-border-radius);
    transition: all .25s ease;
}
.button.no_border:hover,
.button.no_border:focus {
    background-color: transparent;
}
.button.no_border:hover:after,
.button.no_border:focus:after {
    background-color: var(--typo-color-blue);
}


.button[type="submit"]{
    padding: 0.375em 1.25em;
}

.button.submit_wrapper {
	padding: 0;
	border: 0;
}

.button.submit_wrapper .button {
	padding: 0.375em 2.5em 0.375em 1.25em;
	margin: 0;
}