.frame-type-textmedia .gallery-item img,.frame-type-textmedia .gallery-item video,.frame-type-textmedia .gallery-item .embed-responsive-item,.frame-type-textmedia .gallery-item .dp--overlay{border-radius:24px}@media (min-width:992px){.textmedia-above .textmedia-gallery,.textmedia-below .textmedia-gallery{width:60%;margin-inline:auto}}.frame-layout-portrait{--portrait-media-width: 36%;--portrait-gap: clamp(40px, 5vw, 120px);--portrait-flow: clamp(20px, 1.5vw, 35px)}@media (min-width:768px) and (max-width:991px){.frame-layout-portrait .textmedia-left .textmedia-item,.frame-layout-portrait .textmedia-right .textmedia-item{width:100%}.frame-layout-portrait .textmedia-left .textmedia-gallery,.frame-layout-portrait .textmedia-right .textmedia-gallery{order:0;width:calc(100% * 2 / 3)}}@media (min-width:992px){.frame-layout-portrait .textmedia-left,.frame-layout-portrait .textmedia-right{column-gap:var(--portrait-gap)}.frame-layout-portrait .textmedia-left .textmedia-gallery,.frame-layout-portrait .textmedia-right .textmedia-gallery{width:var(--portrait-media-width)}.frame-layout-portrait .textmedia-left .textmedia-text,.frame-layout-portrait .textmedia-right .textmedia-text{width:calc(100% - var(--portrait-media-width) - var(--portrait-gap))}}.frame-layout-portrait .textmedia-gallery .gallery-item{padding:0 7% 20% 2.5%}.frame-layout-portrait .textmedia-gallery figure,.frame-layout-portrait .textmedia-gallery picture{height:auto}.frame-layout-portrait .textmedia-gallery picture{position:relative;display:block;isolation:isolate}.frame-layout-portrait .textmedia-gallery picture::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;margin-top:16%;margin-left:2.5%;border-radius:32px;background-image:linear-gradient(128deg, #FF0099 0%, #6130AF 71%);opacity:0.9;transform:rotate(4deg);pointer-events:none}.frame-layout-portrait .textmedia-gallery img{display:block;border-radius:24px}.frame-layout-portrait .textmedia-text>.frame-header,.frame-layout-portrait .textmedia-text .bodytext>*{margin-bottom:var(--portrait-flow)}.frame-layout-portrait .textmedia-text .bodytext>*:last-child{margin-bottom:0}.frame-layout-portrait .textmedia-text .bodytext>p:has(> .btn){display:flex;flex-wrap:wrap;gap:15px}.frame-layout-portrait .textmedia-text .bodytext{container-type:inline-size}.frame-layout-portrait .textmedia-text .bodytext ol{display:grid;grid-template-columns:minmax(0, 1fr);gap:15px;padding:0;list-style:none;counter-reset:portrait-step}@container (min-width: 768px){.frame-layout-portrait .textmedia-text .bodytext ol{grid-template-columns:repeat(3, minmax(0, 1fr));gap:25px}}.frame-layout-portrait .textmedia-text .bodytext ol>li{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;column-gap:15px;margin:0;padding:15px 20px;border:2px solid transparent;border-radius:20px;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #FF0099, #6130AF) border-box;color:#4d4f52;line-height:1.4;hyphens:auto;counter-increment:portrait-step}@container (min-width: 500px){.frame-layout-portrait .textmedia-text .bodytext ol>li{column-gap:20px;padding:20px 25px}}@container (min-width: 768px){.frame-layout-portrait .textmedia-text .bodytext ol>li{grid-template-columns:minmax(0, 1fr);align-content:start;row-gap:5px}}.frame-layout-portrait .textmedia-text .bodytext ol>li::before{content:counter(portrait-step,decimal-leading-zero);font-size:clamp(18px, 1.5vw, 36px);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;background-image:linear-gradient(90deg, #e00087 0%, #6130AF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.frame-layout-media-between-text{--media-between-width: 100%;--media-between-gap: clamp(30px, 2.35vw, 55px)}@media (min-width:992px){.frame-layout-media-between-text{--media-between-width: 60%}}.frame-layout-media-between-text .textmedia-between{display:flex;flex-direction:column;align-items:center;gap:var(--media-between-gap);text-align:center}.frame-layout-media-between-text .textmedia-between .textmedia-item{width:100%;margin:0}.frame-layout-media-between-text .textmedia-between .textmedia-gallery{width:var(--media-between-width)}.frame-layout-media-between-text .textmedia-between .frame-header,.frame-layout-media-between-text .textmedia-between .gallery-row,.frame-layout-media-between-text .textmedia-between .gallery-item,.frame-layout-media-between-text .textmedia-between .bodytext>:last-child{margin-bottom:0}.frame-layout-media-between-text .textmedia-between .gallery-row{margin-top:0}.frame-layout-media-between-text .textmedia-between .gallery-item{margin-top:0}.frame-layout-media-between-text .textmedia-between figure{height:auto}.frame-layout-media-between-text .embed{border:1px solid #dee2e6;border-radius:24px;box-shadow:0 24px 48px -8px rgba(28, 29, 31, 0.1);overflow:visible}.frame-layout-media-between-text .embed .embed-responsive-item{border-radius:23px}.frame-layout-media-between-text .video-preview__video:focus-visible{outline:3px solid #000 !important;outline-offset:2px !important;box-shadow:0 0 0 5px #fff !important}.frame-layout-media-between-text .video-preview:not(.is-playing)::after{content:"";position:absolute;inset:0;border-radius:23px;background:rgba(11, 12, 14, 0.15);pointer-events:none}.frame-layout-media-between-text .video-preview__play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#FF0099;cursor:pointer;transform:translate(-50%, -50%);transition:background-color 0.2s ease-in-out}.frame-layout-media-between-text .video-preview__play::before{content:"";width:32px;height:32px;background:currentColor;-webkit-mask:url("../../../../typo3conf/ext/npt3theme/Resources/Public/Icons/play.svg") center / contain no-repeat;mask:url("../../../../typo3conf/ext/npt3theme/Resources/Public/Icons/play.svg") center / contain no-repeat}.frame-layout-media-between-text .video-preview__play:hover,.frame-layout-media-between-text .video-preview__play:focus-visible{background:#fff}.frame-layout-media-between-text .video-preview__play[hidden]{display:none}