/************************************ Start: Buttons ************************************/
.full_article_link { position: absolute; z-index: 11; inset: 0; }

.button-link > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--primary);
	background: var(--white);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 9.5px 59px 9.5px 25px;
	transition: var(--transition);
	text-decoration: none;
}
.button-link > a:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 2px solid var(--primary); border-radius: var(--border-radius-btn); text-decoration: none; }
.button-link > a:before,
.button-link > a:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 27px; transform: translate(0,-50%); width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
.button-link > a:before { background: center / contain no-repeat url("/pages/img/button-link/arrow.svg"); }
.button-link > a:after { background: center / contain no-repeat url("/pages/img/button-link/arrow_hover.svg"); opacity: 0; visibility: hidden; }
.button-link > a:hover:before,
.button-link > a:hover:after { transform: translate(5px,-50%); }
.button-link > a:hover:before { opacity: 0; visibility: hidden; }
.button-link > a:hover:after { opacity: 1; visibility: visible; }

.button-link-2 > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--white);
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 11.5px 25px;
	transition: var(--transition);
	text-decoration: none;
}
.button-link-2.current > a,
.button-link-2 > a:hover { display: inline-flex; color: var(--white); background: var(--secondary); border: 2px solid var(--secondary); border-radius: var(--border-radius-btn); text-decoration: none; }

.button-link-2-small > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	color: var(--white);
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 4px 15px;
	transition: var(--transition);
	text-decoration: none;
}
.button-link-2-small.current > a,
.button-link-2-small > a:hover { display: inline-flex; color: var(--white); background: var(--secondary); border: 2px solid var(--secondary); border-radius: var(--border-radius-btn); text-decoration: none; }

.button-link-teaser > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--primary);
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0 48px 0 0;
	transition: var(--transition);
	text-decoration: none;
}
.button-link-teaser > a[href*="/pages/mod/getMedById.cfm"] { align-items: center; gap: 10px; padding: 0; }
.cms_hasBtnYN_box:hover .button-link-teaser > a,
.button-link-teaser > a:hover { display: inline-flex; color: var(--secondary); background: transparent; border: none; border-radius: 0; text-decoration: none; }
.button-link-teaser > a:before,
.button-link-teaser > a:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 10px; transform: translate(0,-50%); width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
.button-link-teaser > a[href*="/pages/mod/getMedById.cfm"]:before,
.button-link-teaser > a[href*="/pages/mod/getMedById.cfm"]:after { content: none; }
.button-link-teaser > a:before { background: center / contain no-repeat url("/pages/img/button-link-teaser/arrow.svg"); }
.button-link-teaser > a:after { background: center / contain no-repeat url("/pages/img/button-link-teaser/arrow_hover.svg"); opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-link-teaser > a:before,
.cms_hasBtnYN_box:hover .button-link-teaser > a:after,
.button-link-teaser > a:hover:before,
.button-link-teaser > a:hover:after { transform: translate(10px,-50%); }
.cms_hasBtnYN_box:hover .button-link-teaser > a:before,
.button-link-teaser > a:hover:before { opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-link-teaser > a:after,
.button-link-teaser > a:hover:after { opacity: 1; visibility: visible; }

.button-link-back > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--primary);
	background: var(--white);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 9.5px 25px 9.5px 59px;
	transition: var(--transition);
	text-decoration: none;
}
.button-link-back > a:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 2px solid var(--primary); border-radius: var(--border-radius-btn); text-decoration: none; }
.button-link-back > a:before,
.button-link-back > a:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 27px; transform: translate(0,-50%); width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
.button-link-back > a:before { background: center / contain no-repeat url("/pages/img/button-link-back/arrow.svg"); }
.button-link-back > a:after { background: center / contain no-repeat url("/pages/img/button-link-back/arrow_hover.svg"); opacity: 0; visibility: hidden; }
.button-link-back > a:hover:before,
.button-link-back > a:hover:after { transform: translate(-5px,-50%); }
.button-link-back > a:hover:before { opacity: 0; visibility: hidden; }
.button-link-back > a:hover:after { opacity: 1; visibility: visible; }

main button {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--primary);
	background: var(--white);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 11.5px 59px 11.5px 25px;
	transition: var(--transition);
	text-decoration: none;
}
main button:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 2px solid var(--primary); border-radius: var(--border-radius-btn); text-decoration: none; }
main button:before,
main button:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 27px; transform: translate(0,-50%); width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
main button:before { background: center / contain no-repeat url("/pages/img/button-link/arrow.svg"); }
main button:after { background: center / contain no-repeat url("/pages/img/button-link/arrow_hover.svg"); opacity: 0; visibility: hidden; }
main button:hover:before,
main button:hover:after { transform: translate(5px,-50%); }
main button:hover:before { opacity: 0; visibility: hidden; }
main button:hover:after { opacity: 1; visibility: visible; }

a.art_link.b1 {
	cursor: pointer;
	display: flex;
	align-items: center;
	width: auto;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	color: var(--primary);
	background: var(--white);
	border: 2px solid var(--primary);
	border-radius: var(--border-radius-btn);
	padding: 11.5px 25.5px;
	transition: var(--transition);
	text-decoration: none;
}
a.art_link.b1:hover { display: flex; color: var(--white); background: var(--primary); border: 2px solid var(--primary); border-radius: var(--border-radius-btn); text-decoration: none; }
a.art_link.b1:before,
a.art_link.b1:after { content: ""; display: block; width: 23px; height: 17px; transition: var(--transition); will-change: transform; }
a.art_link.b1:before { background: center / contain no-repeat url("/pages/img/button-link/arrow.svg"); order: 5; margin: 0 0 0 -23px; }
a.art_link.b1:after { background: center / contain no-repeat url("/pages/img/button-link/arrow_hover.svg"); margin: 0 0 0 10px; opacity: 0; visibility: hidden; }
a.art_link.b1:hover:before,
a.art_link.b1:hover:after { transform: translateX(5px); }
a.art_link.b1:hover:before { opacity: 0; visibility: hidden; }
a.art_link.b1:hover:after { opacity: 1; visibility: visible; }
a.art_link.b1 > i { font-size: 18px; line-height: 27px; color: var(--primary); margin: 0 10px 0 0; transition: var(--transition); }
a.art_link.b1:hover > i { color: var(--white); }
.align_1 { justify-content: flex-start; }
.align_2 { justify-content: center; }
.align_3 { justify-content: flex-end; }
.align_4 > a.art_link.b1 { justify-content: center; width: 100% !important; text-align: center; }

@media screen and (max-width: 959px) {
	.button-link > a { font-size: 15px; line-height: 24px; padding: 6px 44px 6px 20px; }
	.button-link > a:before,
	.button-link > a:after { right: 20px; width: 18px; height: 13px; }

	.button-link-2 > a { font-size: 15px; line-height: 24px; padding: 6px 22px; }

	.button-link-2-small > a { font-size: 15px; line-height: 23px; padding: 4px 15px; }

	.button-link-teaser > a { font-size: 15px; line-height: 24px; padding: 0 40px 0 0; }
	.button-link-teaser > a:before,
	.button-link-teaser > a:after { width: 18px; height: 13px; }

	.button-link-back > a { font-size: 15px; line-height: 24px; padding: 6px 20px 6px 44px; }
	.button-link-back > a:before,
	.button-link-back > a:after { left: 20px; width: 18px; height: 13px; }

	main button { font-size: 15px; line-height: 24px; padding: 6px 44px 6px 20px; }
	main button:before,
	main button:after { right: 20px; width: 18px; height: 13px; }

	a.art_link.b1 { font-size: 15px; line-height: 24px; padding: 6px 19.5px; }
	a.art_link.b1:before,
	a.art_link.b1:after { width: 18px; height: 13px; }
	a.art_link.b1:before { margin: 0 0 0 -18px; }
	a.art_link.b1:after { margin: 0 0 0 7px; }
	a.art_link.b1 > i { font-size: 15px; line-height: 24px; margin: 0 7px 0 0; }
}
/************************************ Ende: Buttons ************************************/