.btn,[type=button],[type=submit],button{--btnTextColor:var(--bodyTextColor);--btnTextHoverColor:var(--bodyTextColor);--btnBgColor:var(--bodyBgColor);--btnBgHoverColor:var(--shadeLighterColor);--btnBgActiveColor:var(--btnBgColor);--btnBgFocusColor:var(--btnBgColor);--btnBorderColor:var(--shadeLightColor);--btnBorderHoverColor:var(--shadeLighterColor);--btnBorderWidth:1px;--btnPy:calc(var(--spacing-2) - var(--btnBorderWidth)/2);--btnSize:0.875rem;align-items:center;background-color:var(--btnBgColor);border:var(--btnBorderWidth) solid;border-color:var(--btnBorderColor);border-radius:0;color:var(--btnTextColor);cursor:pointer;display:inline-flex;font-size:var(--btnSize);font-weight:700;justify-content:center;line-height:1.5;padding:var(--btnPy) var(--spacing-5);text-align:center;text-decoration:none;transition:all .15s ease;width:auto}.btn:hover,[type=button]:hover,[type=submit]:hover,button:hover{color:var(--btnTextHoverColor);text-decoration:none}.btn:hover:not([disabled]),[type=button]:hover:not([disabled]),[type=submit]:hover:not([disabled]),button:hover:not([disabled]){background-color:var(--btnBgHoverColor);border-color:var(--btnBorderHoverColor)}.btn:active,[type=button]:active,[type=submit]:active,button:active{background-color:var(--btnBgActiveColor);border-color:var(--btnBgActiveColor)}.btn:focus,[type=button]:focus,[type=submit]:focus,button:focus{background-color:var(--btnBgFocusColor);border-color:var(--btnBgFocusColor)}.btn[disabled],[type=button][disabled],[type=submit][disabled],button[disabled]{cursor:not-allowed;filter:opacity(60%);pointer-events:none}.btn--xsmall{--btnSize:0.625rem}.btn--small{--btnSize:0.75rem}.btn--large{--btnSize:1.125rem}.btn--square{aspect-ratio:1;justify-content:center;padding:0;width:calc(1.5rem + var(--btnPy)*2 + var(--btnBorderWidth)*2)}.btn--icon{align-items:center;display:flex;gap:8px;justify-content:space-between}.btn--primary{--btnTextColor:var(--btnPrimaryTextColor);--btnBgColor:var(--btnPrimaryBgColor);--btnBorderColor:var(--btnPrimaryBorderColor);--btnTextHoverColor:var(--btnPrimaryTextHoverColor);--btnBgHoverColor:var(--btnPrimaryBgHoverColor);--btnBorderHoverColor:var(--btnPrimaryBorderHoverColor);--btnBgActiveColor:var(--btnPrimaryBgActiveColor);--btnBgFocusColor:var(--btnPrimaryBgFocusColor)}.btn--secondary{--btnTextColor:var(--btnSecondaryTextColor);--btnBgColor:var(--btnSecondaryBgColor);--btnBorderColor:var(--btnSecondaryBorderColor);--btnTextHoverColor:var(--btnSecondaryTextHoverColor);--btnBgHoverColor:var(--btnSecondaryBgHoverColor);--btnBorderHoverColor:var(--btnSecondaryBorderHoverColor);--btnBgActiveColor:var(--btnSecondaryBgActiveColor);--btnBgFocusColor:var(--btnSecondaryBgFocusColor)}.btn--outline,.news-teaser>.btn{--btnTextColor:var(--btnPrimaryBgColor);--btnBgColor:transparent;--btnTextHoverColor:var(--btnPrimaryBgHoverColor);--btnBgHoverColor:transparent}.btn--link,.btn--text,.btn--transparent{--btnTextColor:var(--linkColor);--btnBgColor:transparent;--btnBorderColor:transparent;--btnTextHoverColor:var(--linkHoverColor);--btnBgHoverColor:transparent;--btnBorderHoverColor:transparent;--btnBgActiveColor:transparent;--btnBgFocusColor:transparent}.btn--link.btn--secondary{--btnTextColor:unset;--btnTextHoverColor:var(--neutralBlackColor)}.btn--text{padding:0;text-decoration:underline}.btn--text.btn--secondary{--btnTextColor:unset;--btnTextHoverColor:var(--neutralBlackColor)}.btn:not(.btn--search):not(.btn--transparent),[type=button],[type=submit],button{font-family:"Soehne Breit, serif";font-weight:250;letter-spacing:3px;padding:var(--spacing-4) var(--spacing-6);text-transform:uppercase}.btn--secondary{max-width:98px}@media (min-width:48rem){.btn--secondary{max-width:none;min-width:158px}}.btn--small{padding:var(--spacing-4)!important}.btn--outline:focus,.news-teaser>.btn:focus{--btnTextColor:var(--btnPrimaryTextColor)}.news-teaser h2,.news-teaser>.btn{margin:auto}@media (min-width:48rem){.news-teaser h2{margin-bottom:var(--spacing-5)}}.news-teaser>.btn{display:inline-block;margin-top:var(--spacing-7)!important;text-align:center}@media (min-width:48rem){.news-teaser>.btn{margin-top:var(--spacing-9)!important}}.news-items{margin-top:-3rem}@media (min-width:48rem){.news-items{margin-top:-5rem}}.news-item{margin-top:3rem}@media (min-width:48rem){.news-item{margin-top:5rem}}
