https://www.7hauben.com/_next/static/chunks/pages/blocks-e401f22a68e5212b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8079],{21155:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blocks",function(){return n(33877)}])},66233:function(e,t,n){"use strict";n.d(t,{k:function(){return a}});let r={ready:{label:"Einsatzbereit",hint:"Funktioniert auf Seiten und Landingpages wie beschrieben.",dot:"bg-solid-green"},caution:{label:"Mit Vorsicht",hint:"Funktioniert nur unter Bedingungen — siehe Grenzen & Fallstricke.",dot:"bg-solid-yellow"},broken:{label:"Nicht einsetzen",hint:"Derzeit fehlerhaft oder ohne Darstellung — siehe Grenzen & Fallstricke.",dot:"bg-lobster"}},a=e=>r[null!=e?e:"ready"]},12197:function(e,t,n){"use strict";var r=n(97758),a=n(80665);t.Z=e=>{let{title:t,subtitle:n,paragraph:l,className:i="",paragraphClass:s=""}=e;return(0,r.jsx)("div",{className:"container "+i,children:(0,r.jsx)("div",{className:"bs-row",children:(0,r.jsx)("div",{className:"col-span-12 text-center my-20 mx-auto text-dark-01-main lg:w-[704px]",children:(0,r.jsxs)("div",{className:"text-center",children:[a.isValidElement(t)?t:(0,r.jsx)("h1",{className:"h1-small",dangerouslySetInnerHTML:{__html:t+""}}),a.isValidElement(n)?n:(0,r.jsx)("p",{className:"title",children:n}),a.isValidElement(l)?l:(0,r.jsx)("p",{className:"mt-3 ".concat(s),children:l})]})})})})}},22138:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(97758);n(80665);let a={primary:"bg-lobster-01-main [--highlight-color:theme(colors.dark.01-main)]",dark:"bg-dark-01-main text-white [--highlight-color:theme(colors.lobster.DEFAULT)]","dark-00":"bg-dark text-white [--highlight-color:theme(colors.lobster.DEFAULT)]","cream-01":"bg-cream text-dark-01-main [--highlight-color:theme(colors.lobster.DEFAULT)]","cream-02":"bg-cream-01 text-dark-01-main [--highlight-color:theme(colors.lobster.DEFAULT)]",sepia:"bg-cream-02",transparent:"bg-transparent [--highlight-color:theme(colors.lobster.DEFAULT)]"},l={both:"py-20 min-[1200px]:py-28","both-small":"py-8","both-large":"py-40",tb:"pt-40 pb-16",top:"!pb-0 pt-20 min-[1200px]:pt-28",bottom:"!pt-0 pb-20 min-[1200px]:pb-28",none:"!py-0"},i={left:"text-left",center:"text-center",right:"text-right"};var s=e=>{let{ypadding:t="both",variant:n="transparent",className:s="",children:c,id:d="",textAlign:o="left"}=e,h=["w-full",a[n]||"",l[t]||"",i[o]||"","primary"===n?"[&_h1]:!text-dark-01-main [&_h2]:!text-dark-01-main [&_h3]:!text-dark-01-main [&_h4]:!text-dark-01-main [&_h5]:!text-dark-01-main [&_h6]:!text-dark-01-main [&_p]:!text-white":"",s].filter(Boolean).join(" ");return(0,r.jsx)("section",{className:h,id:d,children:(0,r.jsx)("div",{className:"container",children:(0,r.jsx)("div",{className:"bs-row mx-auto [&>*:not([class*='col-span-'])]:col-span-12 [&>svg:not([class*='col-span-'])]:block",children:c})})})}},33877:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return g},default:function(){return b}});var r=n(97758);n(80665);var a=n(2154),l=n.n(a),i=n(77110),s=n(30178),c=n(52372),d=n(22138),o=n(12197),h=n(82081);let m=e=>e?"".concat(h.fh).concat(e.startsWith("/")?"":"/").concat(e):null,u=[{title:"\xdcberschrift",text:'Titel und Untertitel stehen \xfcber dem ganzen Block. Die Gr\xf6\xdfen „Wie restliche Website" skalieren mit der Bildschirmbreite, „Klein/Normal/Gro\xdf" sind feste Pixelgr\xf6\xdfen. Das Feld „Header Icon" wird derzeit nirgends angezeigt.'},{title:"Hintergrund",text:'Standard ist White (#fff), nicht die Seitenfarbe — „Transparent" zeigt die Seitenfarbe. Auf Lobster, Dark und Dark Deep wird der Text wei\xdf.'},{title:"Abstand",text:'„Klein/Normal/Gro\xdf" sind enger als der Rest der Website; f\xfcr Seiten im 7hauben-Rhythmus „Seitenabstand" w\xe4hlen. „nur oben" bzw. „nur unten" verbindet zwei Bl\xf6cke zu einer Sektion.'},{title:"Sichtbarkeit",text:'„Block verstecken" und „Sichtbar f\xfcr" (Nutzergruppen) wirken auf den ganzen Block.'}];var x=n(66233),g=!0,b=e=>{let{pageConfig:t,groups:n}=e;return(0,r.jsxs)(s.Z,{pageConfig:t,children:[(0,r.jsx)(i.PB,{title:"Blockkatalog \xb7 intern",noindex:!0,nofollow:!0}),(0,r.jsx)(c.Z,{style:"dark"}

1),(0,r.jsx)(o.Z,{title:"Blockkatalog",subtitle:"Alle Bl\xf6cke f\xfcr Seiten und Landingpages",paragraph:"Was jeder Block abbildet, wof\xfcr er sich eignet, was er kann und wo seine Grenzen liegen — und darunter der Block in allen Hintergr\xfcnden, Varianten und Abst\xe4nden."}),(0,r.jsx)(d.Z,{ypadding:"both-small",children:(0,r.jsx)("div",{className:"col-span-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:u.map(e=>(0,r.jsxs)("div",{className:"rounded-2xl bg-cream p-5",children:[(0,r.jsx)("p",{className:"font-bold",children:e.title}),(0,r.jsx)("p",{className:"mt-2 text-sm",children:e.text})]},e.title))})}),n.map(e=>{let{group:t,entries:n}=e;return(0,r.jsx)(d.Z,{ypadding:"both-small",children:(0,r.jsxs)("div",{className:"col-span-12",children:[(0,r.jsx)("h2",{className:"h4",children:t}),(0,r.jsx)("div",{className:"mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5",children:n.map(e=>{let t=m(e.thumbnail);return(0,r.jsxs)(l(),{href:"/blocks/".concat(e.slug,"/"),className:"group flex flex-col overflow-hidden rounded-2xl bg-white !text-dark-01-main shadow-sm ring-1 ring-black/5 transition hover:-translate-y-0.5 hover:shadow-md",children:[(0,r.jsx)("div",{className:"aspect-[4/3] overflow-hidden border-b border-black/5 bg-cream",children:t?(0,r.jsx)("img",{src:t,alt:"",loading:"lazy",className:"h-full w-full object-cover object-center transition group-hover:scale-[1.02]"}):(0,r.jsx)("div",{className:"flex h-full items-center justify-center text-sm text-dark-01-main/40",children:"Kein Vorschaubild"})}),(0,r.jsxs)("div",{className:"flex flex-1 flex-col p-4",children:[(0,r.jsxs)("p",{className:"flex items-start justify-between gap-3 font-bold text-dark-01-main",children:[e.title,e.status&&"ready"!==e.status&&(0,r.jsxs)("span",{className:"mt-0.5 inline-flex flex-none items-center gap-1.5 rounded-full bg-cream-02 px-2 py-0.5 text-xs font-normal text-dark-02",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"h-2 w-2 rounded-full ".concat((0,x.k)(e.status).dot)}),(0,x.k)(e.status).label]})]}),e.summary&&(0,r.jsx)("p",{className:"mt-1 text-sm leading-snug text-dark-01-main/70",children:e.summary}),(0,r.jsx)("p",{className:"mt-auto pt-3",children:(0,r.jsx)("code",{className:"rounded bg-cream px-1.5 py-0.5 text-xs text-dark-01-main/60",children:e.blockType})})]})]},e.id)})})]})},t)}),0===n.length&&(0,r.jsx)(d.Z,{children:(0,r.jsxs)("p",{className:"col-span-12",children:["Noch keine Eintr\xe4ge — in ",(0,r.jsx)("code",{children:"apps/7hauben-payload"})," ",(0,r.jsx)("code",{children:"bun run seed:block-catalog write"})," ausf\xfchren."]})})]})}}},function(e){e.O(0,[2376,2667,2154,4427,4032,6741,2951,139,4451,1548,5443,6403,4966,9571,3494,9896,1151,3296,178,2372,2888,9774,179],function(){return e(e.s=21155)}),_N_E=e.O()}]);