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

.button-link { --blColor: var(--primary); --blHoverColor: var(--cuvee); cursor: pointer; display: flex; align-items: center; gap: 10px; width: auto !important; font-family: var(--font-family-2); font-weight: 800; font-size: 16px; line-height: 22px; letter-spacing: 3.2px; text-transform: uppercase; text-decoration: none; color: var(--blColor); background: transparent; border: none; border-radius: 0; padding: 0; overflow: visible; clip-path: inset(0 -100vw 0 0); transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-link,
.button-link:hover { display: flex; color: var(--blHoverColor); background: transparent; border: none; border-radius: 0; text-decoration: none; }
.button-link:before { content: ""; transform: translateX(-20px); margin: 0 -20px 0 0; width: 50px; height: 1px; background: var(--blColor); transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-link:before,
.button-link:hover:before { transform: translateX(0); background: var(--blHoverColor); }
.button-link > i { font-size: 16px; line-height: 22px; color: var(--blColor); transition: var(--transition); will-change: transform; }
.cms_hasBtnYN_box:hover .button-link > i,
.button-link:hover > i { transform: translateX(20px); color: var(--blHoverColor); }
.button-link > span { transition: var(--transition); will-change: transform; }
.cms_hasBtnYN_box:hover .button-link > span,
.button-link:hover > span { transform: translateX(20px); }

.button-link-2 { --bl2Color: var(--primary); cursor: pointer; position: relative; display: inline-flex; align-items: center; gap: 10px; width: auto !important; font-family: var(--font-family-2); font-weight: 800; font-size: 16px; line-height: 22px; letter-spacing: 3.2px; text-transform: uppercase; text-decoration: none; color: var(--bl2Color); background: transparent; border: none; border-radius: 0; padding: 0 0 5px 0; transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-link-2,
.button-link-2:hover { display: inline-flex; color: var(--bl2Color); background: transparent; border: none; border-radius: 0; text-decoration: none; }
.button-link-2:before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 0; height: 1px; background: var(--bl2Color); transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-link-2:before,
.button-link-2:hover:before { width: 100%; }
.button-link-2 > i { font-size: 16px; line-height: 22px; color: var(--bl2Color); transition: var(--transition); will-change: transform; }
.cms_hasBtnYN_box:hover .button-link-2 > i,
.button-link-2:hover > i { color: var(--bl2Color); }

/* Start: Button Link 2 Farbauswahl */
.button-link.gruen { --blColor: var(--primary); --blHoverColor: var(--primary); }
.button-link-2.gruen { --bl2Color: var(--primary); }

.button-link.rose { --blColor: var(--rose); --blHoverColor: var(--rose); }
.button-link-2.rose { --bl2Color: var(--rose); }

.button-link.cuvee { --blColor: var(--cuvee); --blHoverColor: var(--cuvee); }
.button-link-2.cuvee { --bl2Color: var(--cuvee); }

.button-link.schaumwein { --blColor: var(--schaumwein); --blHoverColor: var(--schaumwein); }
.button-link-2.schaumwein { --bl2Color: var(--schaumwein); }

.button-link.weiss { --blColor: var(--white); --blHoverColor: var(--white); }
.button-link-2.weiss { --bl2Color: var(--white); }
/* End: Button Link 2 Farbauswahl */

.align_1 { justify-content: flex-start; }
.align_2 { justify-content: center; }
.align_3 { justify-content: flex-end; }
.align_4 > .button-link { /*justify-content: center; width: 100% !important; text-align: center;*/ margin: 0 auto; }

@media screen and (max-width: 959px) {
	.button-link { font-size: 14px; line-height: 20px; letter-spacing: 2.8px; }
	.button-link:before { transform: translateX(-10px); margin: 0 -10px 0 0; width: 30px; }
	.button-link > i { font-size: 14px; line-height: 20px; }
	.cms_hasBtnYN_box:hover .button-link > i,
	.button-link:hover > i { transform: translateX(10px); }
	.cms_hasBtnYN_box:hover .button-link > span,
	.button-link:hover > span { transform: translateX(10px); }

	.button-link-2 { font-size: 14px; line-height: 20px; letter-spacing: 2.8px; }
	.button-link-2 > i { font-size: 14px; line-height: 20px; }
}
/************************************ Ende: Buttons ************************************/