.button_badge,.area_intro>.content_row:has(.button_badge){--badge-x:.8;--badge-y:1;--badge-scale:.19;--badge-min:calc(var(--typo-calc-size) * 8.75rem);--badge-font:calc(var(--typo-calc-size) * 0.75rem);--badge-padding:.4em;--badge-line-height:1.1;--badge-rotate:-20deg;--badge-size:var(--badge-min)}@media screen and (min-width:64em){.button_badge,.area_intro>.content_row:has(.button_badge){--badge-x:.36;--badge-y:.52;--badge-min:calc(var(--typo-calc-size) * 11rem);--badge-font:max(calc(var(--typo-calc-size) * 0.75rem), var(--badge-size) * 0.068);--badge-padding:.75em;--badge-line-height:1.15}}.button_badge,.button_badge:visited{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--badge-size);height:var(--badge-size);padding:var(--badge-padding);border-radius:50%;background-color:var(--typo-color-area-kontakt);color:#fff;font-family:var(--typo-font-family-default);font-weight:700;font-size:var(--badge-font);line-height:var(--badge-line-height);hyphens:manual;text-align:center;text-decoration:none;transform:rotate(var(--badge-rotate));transition:transform .25s ease}.button_badge:hover,.button_badge:focus{color:#fff;transform:rotate(var(--badge-rotate)) scale(1.05)}.area_intro>.content_row:has(.button_badge){--badge-image-width:calc(100cqw - 2 * var(--typo-gap));--badge-size:max(var(--badge-min), var(--badge-image-width) * var(--badge-scale));position:relative;container-type:inline-size}.area_intro>.content_row .button_badge{--badge-size:inherit;--badge-font:inherit;--badge-padding:inherit;--badge-line-height:inherit;--badge-rotate:inherit}.area_intro .button-group:has(>.button_badge){position:absolute;z-index:2;margin:0;left:calc(var(--typo-gap) + var(--badge-image-width) * var(--badge-x));top:calc(var(--badge-image-width) * 2 / 3 * var(--badge-y));transform:translate(-50%,-50%)}@media screen and (max-width:63.9375em){.area_intro>.content_row .textblock:has(.button_badge){padding-top:max(var(--typo-double-gap),
            var(--badge-size) / 2 - (1 - var(--badge-y)) * var(--badge-image-width) * 2 / 3 + var(--typo-gap))}}@media screen and (min-width:64em){.area_intro>.content_row:has(.button_badge){--badge-image-width:calc(100cqw * 7 / 12 - 2 * var(--typo-gap))}.area_intro .button-group:has(>.button_badge){top:calc(100% * var(--badge-y))}}