PageSourceSearch

https://futurium.de/_next/static/chunks/0533~x9-d.2b9.js

js futurium.de collected 2026-09-24 09:42:35 UTC 11,519 bytes, 268 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,1293,e=>{"use strict";var a=e.i(91398);e.i(91788);var t=e.i(91567),s=e.i(60814);e.i(18952);var i=e.i(16450),r=e.i(88606);let l=e=>{switch(e.shadowSize){case"xxl":return"40px";case"xl":return"30px";case"lg":return"20px";case"md":return"10px";default:return"0px"}},d=e=>{switch(e.shadowSize){case"xxl":return"20px";case"xl":return"15px";case"lg":return"10px";case"md":return"5px";default:return"0px"}},n=s.default.div.withConfig({displayName:"shapedImage.style__StyledShapedImage",componentId:"sc-3043c0a2-0"})`
2  display: block;
3  ${e=>"top"===e.shadowY&&s.css`
4      padding-top: ${d};
5    `};
6  ${e=>"bottom"===e.shadowY&&s.css`
7      padding-bottom: ${d};
8    `};
9
10  ${e=>"right"===e.shadow&&s.css`
11      padding-right: ${d};
12    `};
13  ${e=>"left"===e.shadow&&s.css`
14      padding-left: ${d};
15    `};
16
17  ${(0,i.mq)("m")} {
18    padding-bottom: ${l};
19
20    ${e=>"right"===e.shadow&&s.css`
21        padding-right ${l};
22      `};
23    ${e=>"left"===e.shadow&&s.css`
24        padding-left: ${l};
25      `};
26  }
27
28  .shaped-image__container {
29    position: relative;
30    width: 100%;
31    display: block;
32
33    .shaped-image__background-shape {
34      position: absolute;
35      width: 100%;
36      height: 100%;
37      max-width: 100%;
38      ${e=>"top"===e.shadowY&&s.css`
39          top: -${d};
40        `};
41      ${e=>"bottom"===e.shadowY&&s.css`
42          bottom: -${d};
43        `};
44      ${e=>"left"===e.shadow&&s.css`
45          left: -${d};
46        `};
47      ${e=>"right"===e.shadow&&s.css`
48          right: -${d};
49        `};
50      transform: scale(0.95);
51      ${e=>("useGlobal"===e.colorScheme||!e.colorScheme)&&s.css`
52          background-color: ${e.theme.globalTheme.primary};
53        `}
54      ${e=>e.colorScheme&&"useGlobal"!==e.colorScheme&&s.css`
55          background-color: ${r.colorThemes[e.colorScheme].primary};
56        `}
57      ${e=>e.clipForm&&s.css`
58          clip-path: ${e.clipForm};
59        `};
60
61      ${e=>e.shadow&&e.shadowY&&s.css`
62          transform-origin: ${e.shadowY} ${e.shadow};
63        `};
64
65      ${(0,i.mq)("m")} {
66        ${e=>"top"===e.shadowY&&s.css`
67            top: -${l};
68          `};
69        ${e=>"bottom"===e.shadowY&&s.css`
70            bottom: -${l};
71          `};
72
73        ${e=>"right"===e.shadow&&s.css`
74            right: -${l};
75          `};
76        ${e=>"left"===e.shadow&&s.css`
77            left: -${l};
78          `};
79      }
80    }
81
82    .shaped-image__form {
83      overflow: hidden;
84      max-width: 100%;
85      width: 100%;
86      z-index: 1;
87      position: relative;
88
89      ${e=>e.clipForm&&!e.onlyBackground&&s.css`
90          clip-path: ${e.clipForm};
91        `};
92      ${e=>e.hoverEffect&&s.css`
93          &:hover .shaped-image__item {
94            transform: scale(1.25);
95          }
96        `};
97    }
98    .shaped-image__item {
99      transition: transform 0.5s ease;
100      height: 100%;
101      width: 100%;
102    }
103  }
104`,o=({src:e,srcset:t,sizes:s,alt:i,shadow:r="center",shadowY:l="bottom",shadowSize:d="md",clipForm:o,onlyBackground:c=!1,colorScheme:h,imageClassName:p,hoverEffect:g=!0})=>(0,a.jsx)(n,{hoverEffect:g,colorScheme:h,shadow:r,shadowY:l,shadowSize:d,onlyBackground:c,clipForm:o,children:(0,a.jsxs)("div",{className:"shaped-image__container",children:[(0,a.jsx)("div",{className:"shaped-image__background-shape","aria-hidden":"true"}),(0,a.jsx)("div",{className:"shaped-image__form",children:(0,a.jsx)("img",{loading:"lazy",src:e,srcSet:t,sizes:s,alt:i||"Futurium Berlin",className:`shaped-image__item ${p}`})})]})});o.propTypes={src:t.default.string,srcset:t.default.string,sizes:t.default.string,alt:t.default.string,shadow:t.default.string,shadowY:t.default.string,clipForm:t.default.string,colorScheme:t.default.string,imageClassName:t.default.string,shadowSize:"md",onlyBackground:t.default.bool,hoverEffect:t.default.bool},e.s(["default",0,o],1293)},77754,e=>{"use strict";var a=e.i(91398),t=e.i(91567);e.i(91788);var s=e.i(4300),i=e.i(31833),r=e.i(58963),l=e.i(60814);e.i(18952);var d=e.i(29621),n=e.i(16450);let o=l.default.div.withConfig({displayName:"basicTeaserShaped.style__StyledBasicTeaserShaped",componentId:"sc-6080bd97-0"})`
105  .teaser__container {
106    max-width: 100%;
107    width: 100%;
108    display: block;
109    position: relative;
110
111    .teaser__image {
112      aspect-ratio: 4/3;
113      margin-bottom: 30px;
114
115      img {
116        width: 100%;
117        height: 100%;
118        object-fit: cover;
119      }
120    }
121    .teaser__link {
122      margin-top: 20px;
123
124      svg {
125        position: relative;
126        z-index: 5;
127      }
128    }
129    .teaser__link,
130    .teaser__content {
131      padding-right: 40px;
132      padding-left: 20px;
133
134      ${(0,n.mq)("l")} {
135        padding-right: 60px;
136      }
137    }
138    .teaser__content-container {
139      margin-left: -1px;
140      padding-right: 10px;
141
142      &.with-mask {
143        margin-top: -80px;
144
145        ${(0,n.mq)("l")} {
146          margin-top: -120px;
147        }
148
149        .teaser__mask {
150          position: absolute;
151          background-color: #fff;
152          clip-path: polygon(0 0, 88% 24%, 100% 100%, 0% 100%);
153          width: 100%;
154          height: 85px;
155
156          ${(0,n.mq)("l")} {
157            clip-path: polygon(86% 15%, 100% 60%, 95% 100%, 0 100%, 0 0);
158            height: 125px;
159          }
160        }
161
162        .teaser__content {
163          padding-top: 50px;
164        }
165      }
166
167      ${(0,n.mq)("l")} {
168        padding-right: 40px;
169      }
170
171      .teaser__content-inner {
172        position: relative;
173
174        .teaser__content {
175          position: relative;
176          z-index: 5;
177
178          .teaser__headlines {
179            margin-bottom: ${(0,d.getFixedSpace)("xs")};
180
181            h4 {
182              margin-bottom: ${(0,d.getFixedSpace)("xxxs")};
183            }
184          }
185          p {
186            font-size: 14px;
187            line-height: 1.75;
188          }
189        }
190      }
191    }
192  }
193`;var c=e.i(16540),h=e.i(62521);let p=e=>{let{introCopy:t,headline:l,titleImage:d,teaserImage:n,guidedTourTeaserImage:p,subline:g,uri:m}=e,u={},x=n;Array.isArray(x)&&([x]=x);let f=d;Array.isArray(f)&&([f]=d),x&&(x?.src||x?.url)?u=x:f&&(f?.src||f?.url)&&(u=f);let _=u.srcset;return Array.isArray(_)&&(_=(0,h.buildSrcSet)(_)),n?.[0]?.gomusPicture&&(u=n?.[0]?.gomusPicture[0]),p&&(u=p),(0,a.jsx)(o,{...e,children:(0,a.jsxs)("div",{className:"teaser__container",children:[(0,a.jsx)("div",{className:"teaser__image",children:(0,a.jsx)("img",{loading:"lazy",alt:u.alt??l,src:u?.url??u?.src,srcSet:_??"",sizes:"(min-width: 768px) 33vw, 100vw"})}),(0,a.jsxs)("div",{className:`teaser__content-container ${u.url?"with-mask":""}`,children:[(0,a.jsxs)("div",{className:"teaser__content-inner",children:[(0,a.jsx)("div",{className:"teaser__mask","aria-hidden":"true"}),(0,a.jsxs)("div",{className:"teaser__content",children:[(0,a.jsxs)("div",{className:"teaser__headlines",children:[g&&(0,a.jsx)(i.default,{tag:"span",children:g}),(0,a.jsx)(i.default,{tag:"h3",tertiary:!0,children:l})]}),t&&(0,a.jsx)(r.default,{fullWidth:!0,html:t.length>200?`${t.substring(0,200)}...`:t})]})]}),m&&(0,a.jsx)("div",{className:"teaser__link",children:(0,a.jsx)(c.default,{onClick:()=>{(0,s.default)(["trackEvent","BasicTeaser","Click",l])},href:m,stretched:!0})})]})]})})};p.propTypes={titleImage:t.default.arrayOf(t.default.shape()),teaserImage:t.default.arrayOf(t.default.shape()),guidedTourTeaserImage:t.default.arrayOf(t.default.shape()),headline:t.default.string.isRequired,subline:t.default.string,introCopy:t.default.string,uri:t.default.string};var g=e.i(91668);let m=l.default.div.withConfig({displayName:"teaserShaped.style__StyledTeaserShaped",componentId:"sc-bdc8c81-0"})`
194  .teaser__container {
195    position: relative;
196    align-items: center;
197    ${(0,g.gridContainer)()}
198    ${(0,g.setGridColumns)("1fr",1)}
199    gap: 30px;
200
201    ${(0,n.mq)("m")} {
202      gap: 80px;
203      ${(0,g.setGridColumns)("1fr",2)}
204    }
205
206    .teaser__image {
207      img {
208        aspect-ratio: 5/3;
209        width: 100%;
210        height: 100%;
211        object-fit: cover;
212      }
213    }
214    .teaser__content {
215      .teaser__headlines {
216        margin-bottom: ${(0,d.getFixedSpace)("xs")};
217
218        h3 {
219          margin-bottom: ${(0,d.getFixedSpace)("xxxs")};
220        }
221      }
222      p {
223        margin-bottom: ${(0,d.getFixedSpace)("xxs")};
224      }
225    }
226  }
227`;var u=e.i(1293);let x=e=>{let{introCopy:t,headline:s,titleImage:l,teaserImage:d,subline:n,uri:o,title:p,onClick:g=()=>{},...x}=e,f={},_=d;Array.isArray(_)&&([_]=_);let $=l;Array.isArray($)&&([$]=l),_&&(_?.src||_?.url)?f=_:$&&($?.src||$?.url)&&(f=$);let w=f.srcset;return Array.isArray(w)&&(w=(0,h.buildSrcSet)(w)),(0,a.jsx)(m,{...x,children:(0,a.jsxs)("div",{className:"teaser__container",children:[(0,a.jsx)("div",{className:"teaser__image",children:(0,a.jsx)(u.default,{clipForm:"polygon(8% 0, 59% 11%, 67% 34%, 43% 100%, 0 88%)",onlyBackground:!0,shadowY:"top",shadow:"left",alt:f.alt??s,src:f?.url??f?.src,srcset:w??"",sizes:"(min-width: 768px) 50vw, 100vw",shadowSize:"xxl"})}),(0,a.jsxs)("div",{className:"teaser__content",children:[(0,a.jsxs)("div",{className:"teaser__headlines",children:[n&&(0,a.jsx)(i.default,{tag:"span",children:n}),(s||p)&&(0,a.jsx)(i.default,{tag:"h3",secondary:!0,children:s??p})]}),t&&(0,a.jsx)(r.default,{fullWidth:!0,html:t.length>200?`${t.substring(0,200)}...`:t}),o&&(0,a.jsx)("div",{className:"teaser__link",children:(0,a.jsx)(c.default,{onClick:g,href:o,stretched:!0})})]})]})})};x.propTypes={titleImage:t.default.arrayOf(t.default.shape()),teaserImage:t.default.arrayOf(t.default.shape()),headline:t.default.string,title:t.default.string.isRequired,subline:t.default.string,introCopy:t.default.string,uri:t.default.string,onClick:t.default.func};var f=e.i(12908);let _=l.default.section.withConfig({displayName:"teaserContainerShaped.style__StyledTeaserContainerShaped",componentId:"sc-ff6314fe-0"})`
228  .container__wrapper {
229    padding: ${(0,d.getSpace)("xxl")} 0;
230  }
231  .teasers__headline {
232    margin-bottom: ${(0,d.getSpace)("xl")};
233
234    ${(0,n.mq)("m")} {
235      margin-bottom: ${(0,d.getSpace)("l")};
236    }
237    ${(0,n.mq)("xl")} {
238      margin-bottom: ${(0,d.getSpace)("s")};
239    }
240  }
241  .teasers__grid {
242    ${(0,g.gridContainer)()}
243    ${(0,g.setGridColumns)("1fr",1)}
244    gap: 50px;
245
246    ${(0,n.mq)("l")} {
247      gap: 20px;
248      padding-top: ${(0,d.getSpace)("xxxl")};
249      ${(0,g.setGridColumns)("1fr",3)}
250    }
251
252    ${(0,n.mq)("xl")} {
253      gap: 40px;
254    }
255
256    .teasers__grid-item {
257      &.highlight-teaser {
258        ${(0,g.getGridColumns)([1,1],{l:[1,4]})}
259
260        ${(0,n.mq)("l")} {
261          padding-bottom: ${(0,n.px2rem)("60px")};
262        }
263      }
264    }
265  }
266`,$=({data:e,...t})=>0===e.teaserContainerEntries.length?null:(0,a.jsx)(_,{...t,"aria-label":e.teaserContainerHeadline||"Teasers",children:(0,a.jsxs)(f.default,{large:!0,id:e.id,children:[e.teaserContainerHeadline&&(0,a.jsx)("div",{className:"teasers__headline",children:(0,a.jsx)(i.default,{secondary:!0,children:e.teaserContainerHeadline})}),(0,a.jsx)("div",{className:"teasers__grid",children:e.teaserContainerEntries.length>0&&e.teaserContainerEntries.map((e,t)=>e.title||e.headline?0===t?(0,a.jsx)("div",{className:"teasers__grid-item highlight-teaser",children:(0,a.jsx)(x,{onClick:()=>{(0,s.default)(["trackEvent","HighlightTeaser","Click",e.headline])},...e})},e.id):(0,a.jsx)(p,{...e},e.id):null)})]})});$.propTypes={data:t.default.arrayOf(t.default.shape()).isRequired},e.s(["default",0,$],77754)},50157,e=>{e.n(e.i(77754))}]);
267
268//# sourceMappingURL=06og68dw41pi1.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.