{"version":3,"file":"ContentTypesGrid.Cfj7NsCu.mjs","names":[],"sources":["https:/framerusercontent.com/modules/oE8ihIvPQFHUNCVnNR44/sdHirV0K7guff0JrL1XV/ContentTypesGrid.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/* Responsiveness uses CSS CONTAINER queries (not @media): the section is the\n   container, so the grid/text react to the component's OWN rendered width —\n   which equals the Framer breakpoint frame in the editor and the viewport when\n   published. @media would key off the editor window and never reflow. Webflow\n   breakpoints 991/767/479 map to the section width. */const STYLES=`\n.ct-section{position:relative;width:100%;box-sizing:border-box;background:#11141b;overflow:hidden;container-type:inline-size}\n.ct-pad{display:flex;flex-flow:column;align-items:center;box-sizing:border-box;padding:8rem 10%}\n@container (max-width:991px){.ct-pad{padding-left:5%;padding-right:5%}}\n@container (max-width:767px){.ct-pad{padding-top:6rem;padding-bottom:6rem}}\n@container (max-width:479px){.ct-pad{padding-top:4rem;padding-bottom:4rem}}\n.ct-inner{width:100%;max-width:1000px;margin:0 auto}\n@container (min-width:1440px){.ct-inner{max-width:1200px}}\n.ct-eyebrow{font-family:Montserrat,sans-serif;color:#f6cf74;font-size:1.2rem;line-height:1.2;font-weight:700;margin:0 0 1.25em 0}\n@container (max-width:479px){.ct-eyebrow{font-size:1rem}}\n.ct-heading{font-family:Montserrat,sans-serif;color:#fff;font-size:2.6rem;line-height:1.2em;font-weight:700;margin:0 0 4rem 0}\n@container (max-width:991px){.ct-heading{font-size:2rem}}\n@container (max-width:479px){.ct-heading{font-size:2rem;margin-bottom:2rem}}\n.ct-glow{color:#fff;filter:drop-shadow(0 0 18px #f6cf74) drop-shadow(0 0 5px #f6cf74)}\n\n.ct-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;grid-auto-flow:row;gap:20px;width:100%}\n@container (max-width:991px){.ct-grid{grid-auto-rows:200px}}\n@container (max-width:767px){.ct-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}\n@container (max-width:479px){.ct-grid{grid-template-columns:1fr;grid-auto-rows:300px}}\n.ct-tall{grid-row:span 2}\n\n.ct-card{position:relative;display:block;overflow:hidden;border:1.5px solid #1c1c1c;border-radius:20px;height:100%;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 1s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.215,.61,.355,1),box-shadow .3s}\n.ct-card:hover{transform:scale(.99);border-color:#4d4d4d;box-shadow:0 0 20px 5px rgba(246,207,116,0.2)}\n.ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\n.ct-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:2em}\n@container (max-width:991px){.ct-content{padding:1em}}\n@container (max-width:479px){.ct-content{padding:1.5em}}\n.ct-label{font-family:Montserrat,sans-serif;color:#fff;font-size:1.6rem;line-height:1.2em;font-weight:700;margin:0;white-space:pre-line;filter:drop-shadow(0 0 10px rgba(0,0,0,0.5)) drop-shadow(0 0 5px rgba(0,0,0,0.5))}\n@container (max-width:991px){.ct-label{font-size:1.3rem}}\n@container (max-width:479px){.ct-label{font-size:1.2rem}}\n.ct-badge{margin-top:auto;background-image:linear-gradient(71deg,#dda538,#f6cf74 49%,#dda538);color:#0d0f14;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;line-height:1.2;border-radius:5px;padding:5px 10px;box-shadow:0 2px 10px rgba(0,0,0,0.5)}\n`;/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ContentTypesGrid(props){const{eyebrow=\"Egal welche Art von Content, wir realisieren deine Vision.\",headingGlow=\"Perfekt\",headingRest=\" zum Aufnehmen von:\",cards=[]}=props;return /*#__PURE__*/_jsxs(\"section\",{className:\"ct-section\",style:props.style,children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:STYLES}}),/*#__PURE__*/_jsx(\"div\",{className:\"ct-pad\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"ct-inner\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"ct-eyebrow\",children:eyebrow}),/*#__PURE__*/_jsxs(\"h2\",{className:\"ct-heading\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"ct-glow\",children:headingGlow}),headingRest]}),/*#__PURE__*/_jsx(\"div\",{className:\"ct-grid\",children:cards.map((card,i)=>{const Tag=card.link?\"a\":\"div\";const linkProps=card.link?{href:card.link,target:\"_blank\",rel:\"noopener noreferrer\"}:{};// ControlType.ResponsiveImage ignores defaultValue, so seed the\n// shipped media by index; an uploaded image overrides it.\nconst src=card.image?.src||DEFAULT_URLS[i];return /*#__PURE__*/_jsxs(Tag,{className:\"ct-card\"+(card.tall?\" ct-tall\":\"\"),...linkProps,children:[/*#__PURE__*/_jsx(\"img\",{className:\"ct-img\",src:src,srcSet:card.image?.srcSet,alt:card.image?.alt||card.title||\"\",loading:\"lazy\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"ct-content\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"ct-label\",children:card.title}),card.comingSoon&&/*#__PURE__*/_jsx(\"div\",{className:\"ct-badge\",children:\"Coming Soon\"})]})]},i);})})]})})]});}const M=\"https://framerusercontent.com/images/\";const DEFAULT_CARDS=[{title:\"Video-Podcasts\",image:{src:M+\"I14hEBxqVocdMzMNioY8FXvk7uA.avif\",alt:\"Video-Podcasts\"},tall:false,comingSoon:false},{title:\"Online-Kurse\\n& Schulungen\",image:{src:M+\"8g8m5GC8DhNAzC7egIC66XgMo4.avif\",alt:\"Online-Kurse & Schulungen\"},tall:false,comingSoon:false},{title:\"Social Ads\",image:{src:M+\"3M59c5sbzjOLyVtf6vyeIOsTA.avif\",alt:\"Social Ads\"},tall:true,comingSoon:false},{title:\"Testimonials\",image:{src:M+\"M2BLrTHA7E4aA6af8oZ25AQxc.avif\",alt:\"Testimonials\"},tall:false,comingSoon:false},{title:\"Reels\",image:{src:M+\"aJDFcnIwqcVb31eBlIeza6fiEc.webp\",alt:\"Reels\"},tall:true,comingSoon:false},{title:\"Webinare\",image:{src:M+\"VMnQN42urOAUBN66E2Wq19mFxc.avif\",alt:\"Webinare\"},tall:false,comingSoon:true},{title:\"Interviews\",image:{src:M+\"vg33IETIUoNeM5AyXWsCRUESc.avif\",alt:\"Interviews\"},tall:false,comingSoon:false},{title:\"Livestreams\",image:{src:M+\"bFORUHuGBPurz1kvSgkukN0nat8.avif\",alt:\"Livestreams\"},tall:false,comingSoon:true},{title:\"YouTube Content\",image:{src:M+\"MwPOR6j367aUESAIy7eifsg4pc.avif\",alt:\"YouTube Content\"},tall:false,comingSoon:false},{title:\"Keynotes\",image:{src:M+\"z9iD8AUMdPyiTlLesFGt1ChvDz4.avif\",alt:\"Keynotes\"},tall:false,comingSoon:true}];const DEFAULT_URLS=DEFAULT_CARDS.map(c=>c.image.src);addPropertyControls(ContentTypesGrid,{eyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"Egal welche Art von Content, wir realisieren deine Vision.\",displayTextArea:true},headingGlow:{type:ControlType.String,title:\"Heading (glow)\",defaultValue:\"Perfekt\"},headingRest:{type:ControlType.String,title:\"Heading (rest)\",defaultValue:\" zum Aufnehmen von:\"},cards:{type:ControlType.Array,title:\"Cards\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Card\",displayTextArea:true},image:{type:ControlType.ResponsiveImage,title:\"Media\"},link:{type:ControlType.Link,title:\"Link\"},tall:{type:ControlType.Boolean,title:\"Tall (2 rows)\",defaultValue:false},comingSoon:{type:ControlType.Boolean,title:\"Coming Soon\",defaultValue:false}}},defaultValue:DEFAULT_CARDS}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ContentTypesGrid\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ContentTypesGrid.map"],"mappings":"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"}