[class*="link-"][class$="-button"]{max-width:100%}.link-farbemittel-button a,.link-rot-button a,.link-hell-button a{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:70px;min-width:344px;max-width:100%;padding:14px 38px;text-align:center;text-decoration:none;font:700 22px/1.4 var(--font-family);position:relative;background:transparent url('../../../images/gestaltung/2ce1c.svg') center/100% 100% no-repeat;color:#fff;isolation:isolate;transition:color .2s ease-out}.link-farbemittel-button a{display:inline-grid;grid-template-columns:210px 38px;gap:10px;width:344px;padding:14px 43px}.link-farbemittel-button{filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.link-rot-button a{background-image:url('../../../images/gestaltung/bb8b4.svg');font-size:13.83871px;min-width:152.406px;min-height:40.393px;padding:9px 18px;gap:0}.link-hell-button a{background-image:url('../../../images/gestaltung/6e1d7.svg');color:var(--farbedunkel);font-size:14.473706px;min-width:162.5px;min-height:40.79px;padding:9px 18px;gap:0}.button-arrow{display:block;width:38px;height:16px;flex:none;background:url('../images/button-arrow.svg') center/38px 16px no-repeat}@media(max-width:540px){.link-farbemittel-button a{min-width:280px;width:280px;grid-template-columns:minmax(0,1fr) 38px;padding:14px 25px;font-size:20px;gap:16px}}

.link-farbemittel-button a:before,.link-rot-button a:before,.link-hell-button a:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .2s ease-out;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.link-farbemittel-button a:before{background-image:url('../../../images/gestaltung/hover/3c674.svg')}
.link-rot-button a:before,.link-hell-button a:before{background-image:url('../../../images/gestaltung/hover/a3c8a.svg')}
.link-farbemittel-button a:focus-visible,.link-farbemittel-button a:active{color:var(--orange)}
.link-rot-button a:focus-visible,.link-hell-button a:focus-visible,.link-rot-button a:active,.link-hell-button a:active{color:var(--farbemittel)}
.link-farbemittel-button a:focus-visible:before,.link-rot-button a:focus-visible:before,.link-hell-button a:focus-visible:before,.link-farbemittel-button a:active:before,.link-rot-button a:active:before,.link-hell-button a:active:before{opacity:1}
.link-farbemittel-button a:focus-visible .button-arrow,.link-farbemittel-button a:active .button-arrow{background-image:url('../../../images/gestaltung/hover/24ea9.svg')}
.link-farbemittel-button:focus-within{filter:none}
@media(hover:hover){.link-farbemittel-button a:hover{color:var(--orange)}.link-rot-button a:hover,.link-hell-button a:hover{color:var(--farbemittel)}.link-farbemittel-button a:hover:before,.link-rot-button a:hover:before,.link-hell-button a:hover:before{opacity:1}.link-farbemittel-button a:hover .button-arrow{background-image:url('../../../images/gestaltung/hover/24ea9.svg')}.link-farbemittel-button:has(a:hover){filter:none}}
@media(prefers-reduced-motion:reduce){.link-farbemittel-button a,.link-rot-button a,.link-hell-button a,.link-farbemittel-button a:before,.link-rot-button a:before,.link-hell-button a:before{transition:none!important}}