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

.button-link > a { position: relative; cursor: pointer; display: inline-flex; width: auto !important; color: var(--white); padding: 8.5px 65px 8.5px 14px; background: var(--primary); border: 1px solid var(--primary); border-radius: var(--border-radius-default); transition: var(--transition); text-decoration: none; }
.button-link > a:hover { display: inline-flex; color: var(--black); background: var(--secondary-100); border: 1px solid var(--secondary-100); border-radius: var(--border-radius-default); }
.button-link > a:before,
.button-link > a:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 12px; transform: translate(-5px,-50%); width: 41px; height: 15px; transition: var(--transition); will-change: transform; }
.button-link > a:before { background: center right / contain no-repeat url("/pages/img/button-link/default.svg"); opacity: 0; visibility: hidden; }
.button-link > a:after { background: center right / contain no-repeat url("/pages/img/button-link/hover.svg"); }
.button-link > a:hover:before,
.button-link > a:hover:after { transform: translate(0,-50%); }
.button-link > a:hover:before { opacity: 1; visibility: visible; }
.button-link > a:hover:after { opacity: 0; visibility: hidden; }

.button-link-teaser > a { position: relative; cursor: pointer; display: inline-flex; width: auto !important; color: var(--black); padding: 0 64px 0 0; transition: var(--transition); text-decoration: none; }
.cms_boxHasBtnYN_box:hover .button-link-teaser > a,
.button-link-teaser > a:hover { display: inline-flex; }
.button-link-teaser > a:before { content: ""; position: absolute; z-index: 1; top: 50%; right: 0; transform: translate(-11px,-50%); width: 41px; height: 15px; background: center right / contain no-repeat url("/pages/img/button-link-teaser/arrow.svg"); transition: var(--transition); will-change: transform; }
.cms_boxHasBtnYN_box:hover .button-link-teaser > a:before,
.button-link-teaser > a:hover:before { transform: translate(0,-50%); }

main button { position: relative; cursor: pointer; display: inline-flex; width: auto !important; color: var(--white); padding: 8.5px 65px 8.5px 14px; background: var(--primary); border: 1px solid var(--primary); border-radius: var(--border-radius-default); transition: var(--transition); text-decoration: none; }
main button:hover { display: inline-flex; color: var(--black); background: var(--secondary-100); border: 1px solid var(--secondary-100); border-radius: var(--border-radius-default); }
main button:before,
main button:after { content: ""; position: absolute; z-index: 1; top: 50%; right: 12px; transform: translate(-5px,-50%); width: 41px; height: 15px; transition: var(--transition); will-change: transform; }
main button:before { background: center right / contain no-repeat url("/pages/img/main-button/default.svg"); opacity: 0; visibility: hidden; }
main button:after { background: center right / contain no-repeat url("/pages/img/main-button/hover.svg"); }
main button:hover:before,
main button:hover:after { transform: translate(0,-50%); }
main button:hover:before { opacity: 1; visibility: visible; }
main button:hover:after { opacity: 0; visibility: hidden; }

a.art_link.b1 { position: relative; cursor: pointer; display: flex; align-items: center; width: auto; color: var(--white); padding: 8.5px 16px 8.5px 14px; background: var(--primary); border: 1px solid var(--primary); border-radius: var(--border-radius-default); transition: var(--transition); text-decoration: none; }
a.art_link.b1:hover { display: flex; color: var(--black); background: var(--secondary-100); border: 1px solid var(--secondary-100); border-radius: var(--border-radius-default); }
a.art_link.b1:before,
a.art_link.b1:after { content: ""; width: 41px; height: 15px; transition: var(--transition); will-change: transform; }
a.art_link.b1:before { background: center right / contain no-repeat url("/pages/img/button-link/default.svg"); margin: 0 0 0 -41px; opacity: 0; visibility: hidden; order: 10; }
a.art_link.b1:after { background: center right / contain no-repeat url("/pages/img/button-link/hover.svg"); margin: 0 0 0 8px; }
a.art_link.b1:hover:before,
a.art_link.b1:hover:after { transform: translateX(5px); }
a.art_link.b1:hover:before { opacity: 1; visibility: visible; }
a.art_link.b1:hover:after { opacity: 0; visibility: hidden; }
a.art_link.b1 > i { color: var(--white); margin: 0 10px 0 0; transition: var(--transition); }
a.art_link.b1:hover > i { color: var(--black); }
.align_1 { justify-content: flex-start; }
.align_2 { justify-content: center; }
.align_3 { justify-content: flex-end; }
.align_4 > .art_link { justify-content: center; width: 100% !important; text-align: center; }
/************************************ Ende: Buttons ************************************/