@layer pix-components{.warning-banner{--_warning-banner-bg:var(--color-MLTMint);--_warning-banner-text:var(--color-MLTSchwarz);--_warning-banner-icon-bg:var(--color-white);--_warning-banner-icon-text:var(--color-MLTSchwarz);--_warning-banner-button-bg:var(--color-MLTBrombeer);--_warning-banner-button-bg-hover:var(--color-MLTBrombeerHover);--_warning-banner-button-text:var(--color-white);--_warning-banner-close-text:var(--color-MLTSchwarz);--_warning-banner-padding-block:1rem;z-index:40;background:var(--_warning-banner-bg);width:100%;color:var(--_warning-banner-text);padding-inline:1.5rem;padding-block:var(--_warning-banner-padding-block);position:relative}.warning-banner[data-variant=notice]{--_warning-banner-bg:var(--color-MLTZartgrau);--_warning-banner-icon-bg:var(--color-warning-yellow)}.warning-banner[data-variant=warning]{--_warning-banner-bg:var(--color-MLTGoldgelb);--_warning-banner-icon-bg:transparent}.warning-banner[data-variant=extreme]{--_warning-banner-bg:var(--color-warning-red);--_warning-banner-text:var(--color-white);--_warning-banner-icon-bg:transparent;--_warning-banner-button-bg:var(--color-white);--_warning-banner-button-bg-hover:color-mix(in srgb, var(--color-white) 90%, transparent);--_warning-banner-button-text:var(--color-MLTSchwarz);--_warning-banner-close-text:var(--color-white);--_warning-banner-padding-block:2.5rem}.warning-banner[data-variant=waterwarning]{--_warning-banner-bg:var(--color-warning-blue);--_warning-banner-text:var(--color-white);--_warning-banner-icon-bg:transparent;--_warning-banner-button-bg:var(--color-warning-red);--_warning-banner-button-bg-hover:color-mix(in srgb, var(--color-warning-red) 80%, transparent);--_warning-banner-button-text:var(--color-white);--_warning-banner-close-text:var(--color-white)}.warning-banner__outer{max-width:1200px;margin-inline:auto;padding-inline-end:2.5rem}[data-variant=extreme] .warning-banner__outer{padding-inline-end:0}@media (width>=768px){[data-variant=extreme] .warning-banner__outer{padding-inline-end:2.5rem}}.warning-banner__inner{flex-direction:column;align-items:center;gap:1rem;display:flex}@container style(--data-variant:extreme){.warning-banner__inner{text-align:center;gap:1.5rem}}@media (width>=768px){.warning-banner__inner{flex-direction:row;align-items:center}}.warning-banner[data-variant=extreme] .warning-banner__inner{text-align:center;gap:1.5rem}.warning-banner__icon-content{flex-direction:row;flex:1;align-items:center;gap:1rem;display:flex}.warning-banner[data-variant=extreme] .warning-banner__icon-content{flex-direction:column;align-items:center}@media (width>=768px){.warning-banner[data-variant=extreme] .warning-banner__icon-content{flex-direction:row;align-items:center}}.warning-banner__icon-wrapper{background:var(--_warning-banner-icon-bg);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.warning-banner[data-variant=warning] .warning-banner__icon-wrapper,.warning-banner[data-variant=extreme] .warning-banner__icon-wrapper,.warning-banner[data-variant=waterwarning] .warning-banner__icon-wrapper{border-radius:0}.warning-banner__icon-label{color:var(--_warning-banner-icon-text);font-size:1.25rem;font-weight:700;line-height:1}.warning-banner__content{flex-direction:column;flex:1;gap:.125rem;display:flex}.warning-banner__headline{text-transform:uppercase;letter-spacing:.05em;font-size:1.125rem;font-weight:700}.warning-banner__description{font-size:1rem}.warning-banner__description p{margin:0}.warning-banner__description strong{font-weight:700}.warning-banner__action{white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-inline-start:4rem;background:var(--_warning-banner-button-bg)!important;color:var(--_warning-banner-button-text)!important;padding-block:.5rem!important;padding-inline:1rem!important;font-size:1rem!important}.warning-banner__action:hover{background:var(--_warning-banner-button-bg-hover)!important}@media (width>=768px){.warning-banner__action{margin-inline-start:0}}.warning-banner[data-variant=extreme] .warning-banner__action{align-self:center;margin-inline-start:0}.warning-banner__close{color:var(--_warning-banner-close-text);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:opacity .15s;position:absolute;top:1rem;right:1rem}.warning-banner__close:hover{opacity:.8}}