/************************************ 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: 26px;
	color: var(--white);
	padding: 10px 66px 10px 24px;
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: 0;
	box-shadow: 1px 3px 11px 0 rgba(0,0,0,0.25);
	transition: var(--transition);
	text-decoration: none;
}
.button-link > a:hover { display: inline-flex; color: var(--primary); background: var(--white); border: 2px solid var(--primary); border-radius: 0; text-decoration: none; }
.button-link > a:before,
.button-link > a:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 17px; transform: translateY(-50%); width: 23px; height: 17px; transition: var(--transition); }
.button-link > a:before { background: center right / contain no-repeat url("/pages/img/buttons/default.svg"); }
.button-link > a:after { background: center right / contain no-repeat url("/pages/img/buttons/hover.svg"); opacity: 0; visibility: hidden; }
.button-link > a:hover:before { opacity: 0; visibility: hidden; }
.button-link > a:hover:after { opacity: 1; visibility: visible; }

.button-link-custom > a {
	cursor: pointer;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: var(--white);
	padding: 10px 24px;
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: 0;
	box-shadow: 1px 3px 11px 0 rgba(0,0,0,0.25);
	transition: var(--transition);
	text-decoration: none;
}
.button-link-custom > a:hover { display: inline-flex; color: var(--white); background: var(--secondary); border: 2px solid var(--secondary); border-radius: 0; text-decoration: none; }

.button-link-teaser > a {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: var(--primary);
	padding: 0 38px 0 0;
	background: transparent;
	border: none;
	border-radius: 0;
	transition: var(--transition);
	text-decoration: none;
}
.cms_hasBtnYN_box:hover .button-link-teaser > a,
.button-link-teaser > a:hover { display: inline-flex; color: var(--blt-color); 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: 0; transform: translateY(-50%); width: 23px; height: 17px; transition: var(--transition); }
.button-link-teaser > a:before { background: center right / contain no-repeat url("/pages/img/button-link-teaser/default.svg"); }
.button-link-teaser > a:after { background: center right / contain no-repeat url("/pages/img/button-link-teaser/hover.svg"); opacity: 0; visibility: hidden; }
.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; }

main button {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	width: auto !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: var(--white);
	padding: 10px 66px 10px 24px;
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: 0;
	box-shadow: 1px 3px 11px 0 rgba(0,0,0,0.25);
	transition: var(--transition);
	text-decoration: none;
}
main button:hover { display: inline-flex; color: var(--primary); background: var(--white); border: 2px solid var(--primary); border-radius: 0; text-decoration: none; }
main button:before,
main button:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 17px; transform: translateY(-50%); width: 23px; height: 17px; transition: var(--transition); }
main button:before { background: center right / contain no-repeat url("/pages/img/buttons/default.svg"); }
main button:after { background: center right / contain no-repeat url("/pages/img/buttons/hover.svg"); opacity: 0; visibility: hidden; }
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: 26px;
	color: var(--white);
	padding: 10px 24px;
	background: var(--primary);
	border: 2px solid var(--primary);
	border-radius: 0;
	box-shadow: 1px 3px 11px 0 rgba(0,0,0,0.25);
	transition: var(--transition);
	text-decoration: none;
}
a.art_link.b1:hover { display: flex; color: var(--primary); background: var(--white); border: 2px solid var(--primary); border-radius: 0; text-decoration: none; }
a.art_link.b1:before,
a.art_link.b1:after { content: ""; width: 23px; height: 17px; transition: var(--transition); }
a.art_link.b1:before { order: 1; background: center right / contain no-repeat url("/pages/img/buttons/default.svg"); margin: 0 0 0 29px; }
a.art_link.b1:after { order: 2; background: center right / contain no-repeat url("/pages/img/buttons/hover.svg"); margin: 0 0 0 -23px; opacity: 0; visibility: hidden; }
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: 26px; color: var(--white); margin: 0 10px 0 0; transition: var(--transition); }
a.art_link.b1:hover > i { color: var(--primary); }

a.art_link.b2 {
	cursor: pointer;
	display: block;
	width: auto;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: var(--primary);
	padding: 6px 14px;
	background: var(--white);
	border: 1px solid var(--primary);
	border-radius: 0;
	box-shadow: 1px 3px 11px 0 rgba(0,0,0,0.25);
	transition: var(--transition);
	text-decoration: none;
}
a.art_link.b2:hover { display: block; color: var(--white); background: var(--primary); border: 1px solid var(--primary); border-radius: 0; text-decoration: none; }
a.art_link.b2 > i { font-size: 18px; line-height: 26px; color: var(--primary); margin: 0 10px 0 0; transition: var(--transition); }
a.art_link.b2: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: 23px; padding: 4px 43px 4px 12px; }
	.button-link > a:before,
	.button-link > a:after { right: 12px; width: 16px; height: 12px; }

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

	.button-link-teaser > a { font-size: 15px; line-height: 23px; padding: 0 26px 0 0; }
	.button-link-teaser > a:before,
	.button-link-teaser > a:after { width: 16px; height: 12px; }

	main button { font-size: 15px; line-height: 23px; padding: 4px 43px 4px 12px; }
	main button:before,
	main button:after { right: 12px; width: 16px; height: 12px; }

	a.art_link.b1 { font-size: 15px; line-height: 23px; padding: 4px 12px; }
	a.art_link.b1:before,
	a.art_link.b1:after { width: 16px; height: 12px; }
	a.art_link.b1:before { margin: 0 0 0 15px; }
	a.art_link.b1:after { margin: 0 0 0 -16px; }
	a.art_link.b1 > i { font-size: 15px; line-height: 23px; }

	a.art_link.b2 { font-size: 15px; line-height: 23px; padding: 4px 12px; }
	a.art_link.b2 > i { font-size: 15px; line-height: 23px; }
}
/************************************ Ende: Buttons ************************************/