@layer bricks {.brxe-post-content{width:100%}.brxe-post-content[data-source=bricks]{display:flex;flex-direction:column}body:has(.wp-lightbox-overlay) #brx-content{overflow:clip}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}.brx-popup:has(.popup-news) { overflow-y: auto; } .brx-popup:has(.popup-news) .brx-popup-backdrop { position: fixed; } .brx-popup:has(.popup-news) .brx-popup-content { position: relative; flex: none; overflow: visible; box-shadow: var(--schatten-dialog); } .popup-news { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 27.5rem), 1fr)); gap: 0; width: 100%; hyphens: manual; -webkit-hyphens: manual; }.popup-news__x { position: absolute; top: .75rem; right: .75rem; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; min-height: 0; margin: 0; padding: 0; border: 1px solid var(--linie-3); border-radius: 50%; background: var(--white); box-shadow: none; color: var(--base); font-size: 1.375rem; font-weight: 400; line-height: 1; letter-spacing: 0; text-transform: none; cursor: pointer; transition: border-color .2s ease; } .popup-news__x:hover, .popup-news__x:focus-visible { border-color: var(--base); background: var(--white); color: var(--base); }.popup-news__medien { align-self: start; position: sticky; top: 0; display: flex; flex-direction: column; gap: .625rem; min-width: 0; padding: clamp(.875rem, 1.6vw, 1.25rem); background: var(--neutral-ultra-light); border-radius: clamp(0px, 1.4vw, 18px) 0 0 clamp(0px, 1.4vw, 18px); } .popup-news__bilder { display: block; width: 100%; } .popup-news__bilder:empty { display: none; } .popup-news__bild { display: none; width: 100%; } .popup-news__bild.ist-aktiv, .popup-news__bilder:not(:has(.ist-aktiv)) > .popup-news__bild:first-child { display: block; } .popup-news__bild img { display: block; width: 100%; height: auto; max-height: 72vh; object-fit: contain; border-radius: .625rem; background: var(--white); } .popup-news__medien:has(.popup-news__bild) > .textmotiv { display: none; } .popup-news__medien > .textmotiv { width: 100%; }.popup-news__thumbs { display: flex; flex-wrap: wrap; gap: .5rem; } .popup-news__thumbs:not(:has(> :nth-child(2))) { display: none; } .popup-news__thumb { flex: none; width: 4rem; height: 3rem; box-sizing: border-box; padding: 0; border: 2px solid transparent; border-radius: .5rem; overflow: hidden; background: var(--white); cursor: pointer; transition: border-color .2s ease; } .popup-news__thumb[aria-pressed="true"], .popup-news__thumbs:not(:has([aria-pressed="true"])) > .popup-news__thumb:first-child { border-color: var(--primary); } .popup-news__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }.popup-news__text { display: flex; flex-direction: column; gap: 1rem; min-width: 0; padding: clamp(1.5rem, 3vw, 2.75rem); padding-top: clamp(1.75rem, 3vw, 2.75rem); hyphens: auto; -webkit-hyphens: auto; } .popup-news__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding-right: 3rem; font-size: calc(var(--text-xs) - 1px); font-weight: 500; line-height: 1; letter-spacing: .2em; text-transform: uppercase; } .popup-news__meta > :empty { display: none; } .popup-news__kurzname { color: var(--primary); } .popup-news__unterzeile { font-size: var(--text-xs); letter-spacing: .04em; text-transform: none; color: var(--neutral-dark); } .popup-news__datum { color: var(--grau-hell); } .popup-news__titel { margin: 0; font-size: clamp(1.375rem, 2.2vw, 1.875rem); font-weight: 600; line-height: 1.22; letter-spacing: -.012em; color: var(--base); text-wrap: balance; } .popup-news .beitrag-inhalt--kurz { width: 100%; }.popup-news__fuss { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: .625rem; padding-top: 1.25rem; border-top: 1px solid var(--neutral-light); } .popup-news__fuss .brxe-button { font-size: var(--text-xs); letter-spacing: .14em; } .popup-news__fuss .brxe-button.btn--outline { --btn-background: var(--white); --btn-background-hover: var(--white); --btn-border-color: var(--linie-stark); border-color: var(--linie-stark); --btn-text-color: var(--base); --btn-border-color-hover: var(--base); --btn-text-color-hover: var(--base); } .popup-news__fuss .brxe-button.btn--outline:hover, .popup-news__fuss .brxe-button.btn--outline:focus-visible { border-color: var(--base); } .popup-news__schliessen { display: inline-flex; align-items: center; min-height: 2.75rem; margin: 0; padding: 0 1.25rem; border: 0; border-radius: 999px; background: none; box-shadow: none; color: var(--neutral); font-size: var(--text-xs); font-weight: 500; line-height: 1; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transition: color .2s ease; } .popup-news__schliessen:hover, .popup-news__schliessen:focus-visible { color: var(--base); background: none; }@media (max-width: 767px) { .popup-news__medien { position: static; } }