NB-Films \u2013 Social Media Content f\u00fcr Unternehmen<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0a0a0a;\n --white: #f5f2ec;\n --accent: #c8f23a;\n --accent-dark: #a3cc1a;\n --mid: #1a1a1a;\n --muted: #888;\n --border: rgba(255,255,255,0.1);\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--black);\n color: var(--white);\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1.25rem 4rem;\n background: rgba(10,10,10,0.85);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n }\n .logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800; font-size: 1.4rem;\n letter-spacing: -0.02em;\n color: var(--white);\n text-decoration: none;\n }\n .logo span { color: var(--accent); }\n nav ul { display: flex; gap: 2.5rem; list-style: none; }\n nav a {\n color: var(--muted); font-size: 0.875rem; text-decoration: none;\n letter-spacing: 0.04em; font-weight: 400;\n transition: color 0.2s;\n }\n nav a:hover { color: var(--white); }\n .nav-cta {\n background: var(--accent); color: var(--black) !important;\n padding: 0.5rem 1.25rem;\n border-radius: 2rem;\n font-weight: 500 !important;\n transition: background 0.2s !important;\n }\n .nav-cta:hover { background: var(--accent-dark) !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: flex; flex-direction: column; justify-content: flex-end;\n padding: 0 4rem 5rem;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 80% 60% at 70% 40%, #1f2e0a 0%, transparent 60%),\n radial-gradient(ellipse 50% 50% at 20% 80%, #0f1a03 0%, transparent 50%),\n var(--black);\n }\n .hero-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(200,242,58,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(200,242,58,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .hero-tag {\n position: relative;\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: rgba(200,242,58,0.1);\n border: 1px solid rgba(200,242,58,0.25);\n color: var(--accent);\n font-size: 0.75rem; letter-spacing: 0.12em; font-weight: 500;\n padding: 0.4rem 1rem;\n border-radius: 2rem;\n margin-bottom: 2rem;\n width: fit-content;\n }\n .hero-tag::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--accent);\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }\n }\n h1 {\n position: relative;\n font-family: 'Syne', sans-serif;\n font-size: clamp(3rem, 7vw, 7rem);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -0.03em;\n max-width: 900px;\n margin-bottom: 2rem;\n }\n h1 .accent { color: var(--accent); }\n h1 .stroke {\n -webkit-text-stroke: 1px var(--white);\n color: transparent;\n }\n .hero-sub {\n position: relative;\n font-size: 1.125rem;\n color: rgba(245,242,236,0.55);\n max-width: 480px;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.7;\n }\n .hero-actions { position: relative; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }\n .btn-primary {\n background: var(--accent); color: var(--black);\n padding: 1rem 2rem;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem; font-weight: 500;\n text-decoration: none;\n transition: background 0.2s, transform 0.15s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--accent-dark); transform: translateY(-1px); }\n .btn-ghost {\n color: var(--white);\n padding: 1rem 2rem;\n border-radius: 3rem;\n font-size: 0.95rem;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 0.5rem;\n opacity: 0.7;\n transition: opacity 0.2s;\n }\n .btn-ghost:hover { opacity: 1; }\n .hero-stats {\n position: absolute; right: 4rem; bottom: 5rem;\n display: flex; flex-direction: column; gap: 2rem; text-align: right;\n }\n .stat-num {\n font-family: 'Syne', sans-serif;\n font-size: 2.5rem; font-weight: 800;\n color: var(--accent);\n line-height: 1;\n }\n .stat-label {\n font-size: 0.8rem; color: var(--muted);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* MARQUEE *\/\n .marquee-wrap {\n overflow: hidden;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 1.25rem 0;\n background: var(--mid);\n }\n .marquee-track {\n display: flex; gap: 3rem;\n animation: scroll 25s linear infinite;\n width: max-content;\n }\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .marquee-item {\n font-family: 'Syne', sans-serif;\n font-size: 0.85rem; letter-spacing: 0.1em;\n font-weight: 700;\n color: var(--muted);\n white-space: nowrap;\n display: flex; align-items: center; gap: 3rem;\n }\n .marquee-item span {\n color: var(--accent); font-size: 1rem;\n }\n\n \/* SECTIONS *\/\n section { padding: 6rem 4rem; }\n .section-tag {\n font-size: 0.75rem; letter-spacing: 0.12em;\n color: var(--accent); font-weight: 500;\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n h2 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1.1;\n margin-bottom: 1.25rem;\n }\n .section-intro {\n color: rgba(245,242,236,0.5);\n max-width: 500px;\n font-weight: 300;\n font-size: 1.05rem;\n }\n\n \/* SERVICES *\/\n .services { background: var(--mid); }\n .services-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; flex-wrap: wrap; gap: 2rem; }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 1.5rem;\n overflow: hidden;\n }\n .service-card {\n background: var(--mid);\n padding: 2.5rem;\n transition: background 0.25s;\n cursor: default;\n }\n .service-card:hover { background: #222; }\n .service-icon {\n width: 48px; height: 48px;\n background: rgba(200,242,58,0.1);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n .service-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1.2rem; font-weight: 700;\n margin-bottom: 0.75rem;\n letter-spacing: -0.01em;\n }\n .service-card p { color: var(--muted); font-size: 0.9rem; line-height: 1.65; font-weight: 300; }\n .service-tag {\n display: inline-block;\n margin-top: 1.5rem;\n font-size: 0.7rem; letter-spacing: 0.1em;\n color: var(--accent);\n background: rgba(200,242,58,0.08);\n padding: 0.3rem 0.75rem;\n border-radius: 2rem;\n font-weight: 500;\n }\n\n \/* WHY *\/\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n .why-visual {\n aspect-ratio: 1;\n background: var(--mid);\n border-radius: 2rem;\n border: 1px solid var(--border);\n display: flex; flex-direction: column; justify-content: space-between;\n padding: 2.5rem;\n position: relative; overflow: hidden;\n }\n .why-visual::before {\n content: '';\n position: absolute; top: -60px; right: -60px;\n width: 240px; height: 240px;\n background: radial-gradient(circle, rgba(200,242,58,0.15) 0%, transparent 70%);\n border-radius: 50%;\n }\n .big-metric {\n font-family: 'Syne', sans-serif;\n font-size: 5rem; font-weight: 800;\n color: var(--accent); line-height: 1;\n letter-spacing: -0.04em;\n }\n .metric-desc {\n font-size: 0.9rem; color: var(--muted); max-width: 200px; line-height: 1.5;\n }\n .bars {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .bar-row { display: flex; flex-direction: column; gap: 0.4rem; }\n .bar-label {\n display: flex; justify-content: space-between;\n font-size: 0.8rem; color: var(--muted);\n }\n .bar-track {\n height: 4px; background: rgba(255,255,255,0.08);\n border-radius: 2px; overflow: hidden;\n }\n .bar-fill {\n height: 100%; background: var(--accent); border-radius: 2px;\n animation: grow 1.5s ease-out forwards;\n transform-origin: left;\n }\n @keyframes grow { from { width: 0 } }\n .why-content { display: flex; flex-direction: column; gap: 2rem; }\n .why-point { display: flex; gap: 1.25rem; align-items: flex-start; }\n .why-num {\n font-family: 'Syne', sans-serif;\n font-size: 0.75rem; font-weight: 700;\n color: var(--accent);\n min-width: 28px; padding-top: 0.2rem;\n }\n .why-point h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem; font-weight: 700;\n margin-bottom: 0.4rem;\n }\n .why-point p { color: var(--muted); font-size: 0.875rem; font-weight: 300; }\n\n \/* PROCESS *\/\n .process { background: var(--mid); }\n .process-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 0;\n margin-top: 4rem;\n position: relative;\n }\n .process-steps::before {\n content: '';\n position: absolute; top: 2rem; left: 5%; right: 5%;\n height: 1px; background: var(--border);\n }\n .step { padding: 0 2rem; text-align: center; }\n .step-dot {\n width: 2rem; height: 2rem;\n background: var(--black);\n border: 2px solid var(--accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 1.5rem;\n position: relative; z-index: 1;\n font-family: 'Syne', sans-serif;\n font-size: 0.7rem; font-weight: 700;\n color: var(--accent);\n }\n .step h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem; font-weight: 700;\n margin-bottom: 0.5rem;\n }\n .step p { font-size: 0.8rem; color: var(--muted); font-weight: 300; }\n\n \/* FORMATS *\/\n .formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n }\n .format-pill {\n background: var(--mid);\n border: 1px solid var(--border);\n border-radius: 1rem;\n padding: 1.25rem;\n text-align: center;\n transition: border-color 0.2s, transform 0.15s;\n cursor: default;\n }\n .format-pill:hover { border-color: rgba(200,242,58,0.4); transform: translateY(-2px); }\n .format-emoji { font-size: 1.75rem; margin-bottom: 0.5rem; }\n .format-name { font-size: 0.8rem; font-weight: 500; }\n .format-plat { font-size: 0.7rem; color: var(--muted); margin-top: 0.2rem; }\n\n \/* CTA *\/\n .cta-section {\n text-align: center;\n background: var(--mid);\n padding: 8rem 4rem;\n }\n .cta-section h2 { max-width: 600px; margin: 0 auto 1.5rem; }\n .cta-section p { color: var(--muted); max-width: 420px; margin: 0 auto 3rem; font-weight: 300; }\n .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n \/* FOOTER *\/\n footer {\n padding: 3rem 4rem;\n display: flex; justify-content: space-between; align-items: center;\n border-top: 1px solid var(--border);\n flex-wrap: wrap; gap: 1rem;\n }\n footer p { font-size: 0.8rem; color: var(--muted); }\n .footer-links { display: flex; gap: 1.5rem; }\n .footer-links a { font-size: 0.8rem; color: var(--muted); text-decoration: none; }\n .footer-links a:hover { color: var(--white); }\n\n @media (max-width: 768px) {\n nav { padding: 1rem 1.5rem; }\n nav ul { display: none; }\n section, .hero { padding-left: 1.5rem; padding-right: 1.5rem; }\n .hero-stats { display: none; }\n .why-grid { grid-template-columns: 1fr; }\n .process-steps::before { display: none; }\n footer { padding: 2rem 1.5rem; flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a class=\"logo\" href=\"#\">NB<span>.<\/span>Films<\/a>\n <ul>\n <li><a href=\"#services\">Leistungen<\/a><\/li>\n <li><a href=\"#process\">Prozess<\/a><\/li>\n <li><a href=\"#formats\">Formate<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-cta\">Anfrage starten<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-tag\">Social Media Content Agentur \u00b7 Schweiz<\/div>\n <h1>Content,<br>der<br><span class=\"accent\">verkauft.<\/span><\/h1>\n <p class=\"hero-sub\">Wir produzieren professionellen Social-Media-Content f\u00fcr Unternehmen \u2013 von der Strategie bis zum fertigen Post. Skalierbar, authentisch, effektiv.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">Kostenloses Erstgespr\u00e4ch \u2192<\/a>\n <a href=\"#services\" class=\"btn-ghost\">Leistungen ansehen \u2193<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">3\u00d7<\/div>\n <div class=\"stat-label\">mehr Reichweite<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">Schweizer Qualit\u00e4t<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\">Instagram Reels <span>\u2726<\/span> TikTok Videos <span>\u2726<\/span> LinkedIn Content <span>\u2726<\/span> Story Produktion <span>\u2726<\/span> Fotografie <span>\u2726<\/span> Content Strategie <span>\u2726<\/span> Brand Videos <span>\u2726<\/span> Ads <span>\u2726<\/span><\/div>\n <div class=\"marquee-item\">Instagram Reels <span>\u2726<\/span> TikTok Videos <span>\u2726<\/span> LinkedIn Content <span>\u2726<\/span> Story Produktion <span>\u2726<\/span> Fotografie <span>\u2726<\/span> Content Strategie <span>\u2726<\/span> Brand Videos <span>\u2726<\/span> Ads <span>\u2726<\/span><\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-tag\">Was wir machen<\/div>\n <h2>Alles aus<br>einer Hand.<\/h2>\n <\/div>\n <p class=\"section-intro\">Von der ersten Idee bis zur fertigen Ver\u00f6ffentlichung \u2013 wir \u00fcbernehmen deinen gesamten Content-Prozess.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfac<\/div>\n <h3>Video Content<\/h3>\n <p>Professionelle Videoproduktion f\u00fcr Reels, TikToks und YouTube Shorts. Konzept, Dreh und Schnitt \u2013 alles inklusive.<\/p>\n <span class=\"service-tag\">MOST POPULAR<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcf8<\/div>\n <h3>Fotoproduktion<\/h3>\n <p>Hochwertige Produktfotos, Unternehmensportraits und Brand-Fotografie, die auf Social Media performen.<\/p>\n <span class=\"service-tag\">FOTOGRAFIE<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\n <h3>Content Strategie<\/h3>\n <p>Wir entwickeln deine individuelle Social-Media-Strategie mit Redaktionsplan, Zielgruppenanalyse und Posting-Rhythmus.<\/p>\n <span class=\"service-tag\">STRATEGIE<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u270d\ufe0f<\/div>\n <h3>Texte & Caption<\/h3>\n <p>Captions, Hashtag-Strategien und Storytelling-Konzepte, die deine Community ansprechen und wachsen lassen.<\/p>\n <span class=\"service-tag\">COPYWRITING<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\n <h3>Design & Templates<\/h3>\n <p>Corporate-Identity-konforme Templates f\u00fcr Stories, Posts und Highlights. Einheitlich, professionell, wiedererkennbar.<\/p>\n <span class=\"service-tag\">DESIGN<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <h3>Analyse & Reporting<\/h3>\n <p>Monatliche Performance-Auswertung deiner Kan\u00e4le. Wir optimieren kontinuierlich auf Basis echter Daten.<\/p>\n <span class=\"service-tag\">ANALYTICS<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"why-grid\">\n <div class=\"why-visual\">\n <div>\n <div class=\"big-metric\">87%<\/div>\n <div class=\"metric-desc\">der Konsumenten kaufen eher bei Unternehmen, die aktiv auf Social Media sind.<\/div>\n <\/div>\n <div class=\"bars\">\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Engagement Rate<\/span><span style=\"color:var(--accent)\">+340%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:85%\"><\/div><\/div>\n <\/div>\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Reichweite<\/span><span style=\"color:var(--accent)\">+210%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:65%\"><\/div><\/div>\n <\/div>\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Follower-Wachstum<\/span><span style=\"color:var(--accent)\">+180%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:55%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-content\">\n <div>\n <div class=\"section-tag\">Warum NB-Films<\/div>\n <h2>Mehr als nur Videos.<\/h2>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">01<\/div>\n <div>\n <h4>Lokale Expertise, globale Qualit\u00e4t<\/h4>\n <p>Basiert in der Schweiz, mit dem Blick auf internationale Trends. Wir kennen den hiesigen Markt und wissen, was funktioniert.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">02<\/div>\n <div>\n <h4>Keine Agentur-B\u00fcrokratie<\/h4>\n <p>Direkter Kontakt, schnelle Umsetzung. Ohne endlose Feedback-Schleifen und \u00fcberteuerte Stundenpreise.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">03<\/div>\n <div>\n <h4>Messbare Ergebnisse<\/h4>\n <p>Content, der nicht nur gut aussieht, sondern auch nachweislich Reichweite, Leads und Umsatz generiert.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">04<\/div>\n <div>\n <h4>Full-Service aus einer Hand<\/h4>\n <p>Von Strategie \u00fcber Produktion bis zum fertigen Post \u2013 du brauchst keinen zus\u00e4tzlichen Dienstleister.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\" id=\"process\">\n <div style=\"text-align:center; margin-bottom:1rem;\">\n <div class=\"section-tag\">Wie es l\u00e4uft<\/div>\n <h2>Einfach starten.<\/h2>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-dot\">01<\/div>\n <h4>Erstgespr\u00e4ch<\/h4>\n <p>Kostenloses 30-min Kennenlernen \u2013 wir verstehen dein Business und deine Ziele.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">02<\/div>\n <h4>Strategie<\/h4>\n <p>Wir entwickeln einen massgefertigten Content-Plan f\u00fcr deine Kan\u00e4le.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">03<\/div>\n <h4>Produktion<\/h4>\n <p>Dreh, Schnitt, Design und Texte \u2013 professionell und termingerecht.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">04<\/div>\n <h4>Ver\u00f6ffentlichung<\/h4>\n <p>Wir posten oder liefern dir fertigen Content \u2013 du entscheidest.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">05<\/div>\n <h4>Optimierung<\/h4>\n <p>Monatliches Reporting und kontinuierliche Verbesserung basierend auf Daten.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"formats\">\n <div style=\"display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:2rem; margin-bottom:0\">\n <div>\n <div class=\"section-tag\">Plattformen & Formate<\/div>\n <h2>\u00dcberall pr\u00e4sent.<\/h2>\n <\/div>\n <p class=\"section-intro\">Wir produzieren f\u00fcr alle relevanten Plattformen \u2013 optimiert f\u00fcr den jeweiligen Algorithmus.<\/p>\n <\/div>\n <div class=\"formats-grid\">\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udcf1<\/div><div class=\"format-name\">Reels<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83c\udfb5<\/div><div class=\"format-name\">TikToks<\/div><div class=\"format-plat\">TikTok<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udcbc<\/div><div class=\"format-name\">Posts<\/div><div class=\"format-plat\">LinkedIn<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\u25b6\ufe0f<\/div><div class=\"format-name\">Shorts<\/div><div class=\"format-plat\">YouTube<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\u23f1\ufe0f<\/div><div class=\"format-name\">Stories<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\uddbc\ufe0f<\/div><div class=\"format-name\">Carousels<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udce3<\/div><div class=\"format-name\">Ads<\/div><div class=\"format-plat\">Meta \/ TikTok<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83c\udf10<\/div><div class=\"format-name\">Website<\/div><div class=\"format-plat\">Hero Videos<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contact\">\n <div class=\"section-tag\">Jetzt loslegen<\/div>\n <h2>Bereit f\u00fcr Content, der wirkt?<\/h2>\n <p>Starte mit einem kostenlosen Erstgespr\u00e4ch \u2013 kein Commitment, keine versteckten Kosten.<\/p>\n <div class=\"cta-actions\">\n <a href=\"mailto:hello@nb-films.ch\" class=\"btn-primary\">hello@nb-films.ch \u2192<\/a>\n <a href=\"https:\/\/www.nb-films.ch\" class=\"btn-ghost\">nb-films.ch \u2197<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <a class=\"logo\" href=\"#\">NB<span>.<\/span>Films<\/a>\n <p>\u00a9 2025 NB-Films \u00b7 Schweiz<\/p>\n <div class=\"footer-links\">\n <a href=\"#\">Impressum<\/a>\n <a href=\"#\">Datenschutz<\/a>\n <a href=\"https:\/\/www.nb-films.ch\">Website<\/a>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>NB-Films \u2013 Social Media Content f\u00fcr Unternehmen NB.Films Leistungen Prozess Formate Anfrage starten Social Media Content Agentur \u00b7 Schweiz Content,derverkauft. Wir produzieren professionellen Social-Media-Content f\u00fcr Unternehmen \u2013 von der Strategie bis zum fertigen Post. Skalierbar, authentisch, effektiv. Kostenloses Erstgespr\u00e4ch \u2192 Leistungen ansehen \u2193 3\u00d7 mehr Reichweite 100% Schweizer Qualit\u00e4t Instagram Reels \u2726 TikTok Videos \u2726 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nb-films.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":3,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5,"date":"2026-04-07T08:22:27","date_gmt":"2026-04-07T08:22:27","guid":{"rendered":"https:\/\/nb-films.ch\/?page_id=5"},"modified":"2026-04-07T08:34:25","modified_gmt":"2026-04-07T08:34:25","slug":"5-2","status":"publish","type":"page","link":"https:\/\/nb-films.ch\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nNB-Films \u2013 Social Media Content f\u00fcr Unternehmen<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0a0a0a;\n --white: #f5f2ec;\n --accent: #c8f23a;\n --accent-dark: #a3cc1a;\n --mid: #1a1a1a;\n --muted: #888;\n --border: rgba(255,255,255,0.1);\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--black);\n color: var(--white);\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1.25rem 4rem;\n background: rgba(10,10,10,0.85);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n }\n .logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800; font-size: 1.4rem;\n letter-spacing: -0.02em;\n color: var(--white);\n text-decoration: none;\n }\n .logo span { color: var(--accent); }\n nav ul { display: flex; gap: 2.5rem; list-style: none; }\n nav a {\n color: var(--muted); font-size: 0.875rem; text-decoration: none;\n letter-spacing: 0.04em; font-weight: 400;\n transition: color 0.2s;\n }\n nav a:hover { color: var(--white); }\n .nav-cta {\n background: var(--accent); color: var(--black) !important;\n padding: 0.5rem 1.25rem;\n border-radius: 2rem;\n font-weight: 500 !important;\n transition: background 0.2s !important;\n }\n .nav-cta:hover { background: var(--accent-dark) !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: flex; flex-direction: column; justify-content: flex-end;\n padding: 0 4rem 5rem;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 80% 60% at 70% 40%, #1f2e0a 0%, transparent 60%),\n radial-gradient(ellipse 50% 50% at 20% 80%, #0f1a03 0%, transparent 50%),\n var(--black);\n }\n .hero-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(200,242,58,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(200,242,58,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .hero-tag {\n position: relative;\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: rgba(200,242,58,0.1);\n border: 1px solid rgba(200,242,58,0.25);\n color: var(--accent);\n font-size: 0.75rem; letter-spacing: 0.12em; font-weight: 500;\n padding: 0.4rem 1rem;\n border-radius: 2rem;\n margin-bottom: 2rem;\n width: fit-content;\n }\n .hero-tag::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--accent);\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }\n }\n h1 {\n position: relative;\n font-family: 'Syne', sans-serif;\n font-size: clamp(3rem, 7vw, 7rem);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -0.03em;\n max-width: 900px;\n margin-bottom: 2rem;\n }\n h1 .accent { color: var(--accent); }\n h1 .stroke {\n -webkit-text-stroke: 1px var(--white);\n color: transparent;\n }\n .hero-sub {\n position: relative;\n font-size: 1.125rem;\n color: rgba(245,242,236,0.55);\n max-width: 480px;\n font-weight: 300;\n margin-bottom: 3rem;\n line-height: 1.7;\n }\n .hero-actions { position: relative; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }\n .btn-primary {\n background: var(--accent); color: var(--black);\n padding: 1rem 2rem;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem; font-weight: 500;\n text-decoration: none;\n transition: background 0.2s, transform 0.15s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--accent-dark); transform: translateY(-1px); }\n .btn-ghost {\n color: var(--white);\n padding: 1rem 2rem;\n border-radius: 3rem;\n font-size: 0.95rem;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 0.5rem;\n opacity: 0.7;\n transition: opacity 0.2s;\n }\n .btn-ghost:hover { opacity: 1; }\n .hero-stats {\n position: absolute; right: 4rem; bottom: 5rem;\n display: flex; flex-direction: column; gap: 2rem; text-align: right;\n }\n .stat-num {\n font-family: 'Syne', sans-serif;\n font-size: 2.5rem; font-weight: 800;\n color: var(--accent);\n line-height: 1;\n }\n .stat-label {\n font-size: 0.8rem; color: var(--muted);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* MARQUEE *\/\n .marquee-wrap {\n overflow: hidden;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 1.25rem 0;\n background: var(--mid);\n }\n .marquee-track {\n display: flex; gap: 3rem;\n animation: scroll 25s linear infinite;\n width: max-content;\n }\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .marquee-item {\n font-family: 'Syne', sans-serif;\n font-size: 0.85rem; letter-spacing: 0.1em;\n font-weight: 700;\n color: var(--muted);\n white-space: nowrap;\n display: flex; align-items: center; gap: 3rem;\n }\n .marquee-item span {\n color: var(--accent); font-size: 1rem;\n }\n\n \/* SECTIONS *\/\n section { padding: 6rem 4rem; }\n .section-tag {\n font-size: 0.75rem; letter-spacing: 0.12em;\n color: var(--accent); font-weight: 500;\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n h2 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2rem, 4vw, 3.5rem);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1.1;\n margin-bottom: 1.25rem;\n }\n .section-intro {\n color: rgba(245,242,236,0.5);\n max-width: 500px;\n font-weight: 300;\n font-size: 1.05rem;\n }\n\n \/* SERVICES *\/\n .services { background: var(--mid); }\n .services-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; flex-wrap: wrap; gap: 2rem; }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 1.5rem;\n overflow: hidden;\n }\n .service-card {\n background: var(--mid);\n padding: 2.5rem;\n transition: background 0.25s;\n cursor: default;\n }\n .service-card:hover { background: #222; }\n .service-icon {\n width: 48px; height: 48px;\n background: rgba(200,242,58,0.1);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem;\n margin-bottom: 1.5rem;\n }\n .service-card h3 {\n font-family: 'Syne', sans-serif;\n font-size: 1.2rem; font-weight: 700;\n margin-bottom: 0.75rem;\n letter-spacing: -0.01em;\n }\n .service-card p { color: var(--muted); font-size: 0.9rem; line-height: 1.65; font-weight: 300; }\n .service-tag {\n display: inline-block;\n margin-top: 1.5rem;\n font-size: 0.7rem; letter-spacing: 0.1em;\n color: var(--accent);\n background: rgba(200,242,58,0.08);\n padding: 0.3rem 0.75rem;\n border-radius: 2rem;\n font-weight: 500;\n }\n\n \/* WHY *\/\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n .why-visual {\n aspect-ratio: 1;\n background: var(--mid);\n border-radius: 2rem;\n border: 1px solid var(--border);\n display: flex; flex-direction: column; justify-content: space-between;\n padding: 2.5rem;\n position: relative; overflow: hidden;\n }\n .why-visual::before {\n content: '';\n position: absolute; top: -60px; right: -60px;\n width: 240px; height: 240px;\n background: radial-gradient(circle, rgba(200,242,58,0.15) 0%, transparent 70%);\n border-radius: 50%;\n }\n .big-metric {\n font-family: 'Syne', sans-serif;\n font-size: 5rem; font-weight: 800;\n color: var(--accent); line-height: 1;\n letter-spacing: -0.04em;\n }\n .metric-desc {\n font-size: 0.9rem; color: var(--muted); max-width: 200px; line-height: 1.5;\n }\n .bars {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .bar-row { display: flex; flex-direction: column; gap: 0.4rem; }\n .bar-label {\n display: flex; justify-content: space-between;\n font-size: 0.8rem; color: var(--muted);\n }\n .bar-track {\n height: 4px; background: rgba(255,255,255,0.08);\n border-radius: 2px; overflow: hidden;\n }\n .bar-fill {\n height: 100%; background: var(--accent); border-radius: 2px;\n animation: grow 1.5s ease-out forwards;\n transform-origin: left;\n }\n @keyframes grow { from { width: 0 } }\n .why-content { display: flex; flex-direction: column; gap: 2rem; }\n .why-point { display: flex; gap: 1.25rem; align-items: flex-start; }\n .why-num {\n font-family: 'Syne', sans-serif;\n font-size: 0.75rem; font-weight: 700;\n color: var(--accent);\n min-width: 28px; padding-top: 0.2rem;\n }\n .why-point h4 {\n font-family: 'Syne', sans-serif;\n font-size: 1rem; font-weight: 700;\n margin-bottom: 0.4rem;\n }\n .why-point p { color: var(--muted); font-size: 0.875rem; font-weight: 300; }\n\n \/* PROCESS *\/\n .process { background: var(--mid); }\n .process-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 0;\n margin-top: 4rem;\n position: relative;\n }\n .process-steps::before {\n content: '';\n position: absolute; top: 2rem; left: 5%; right: 5%;\n height: 1px; background: var(--border);\n }\n .step { padding: 0 2rem; text-align: center; }\n .step-dot {\n width: 2rem; height: 2rem;\n background: var(--black);\n border: 2px solid var(--accent);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 1.5rem;\n position: relative; z-index: 1;\n font-family: 'Syne', sans-serif;\n font-size: 0.7rem; font-weight: 700;\n color: var(--accent);\n }\n .step h4 {\n font-family: 'Syne', sans-serif;\n font-size: 0.95rem; font-weight: 700;\n margin-bottom: 0.5rem;\n }\n .step p { font-size: 0.8rem; color: var(--muted); font-weight: 300; }\n\n \/* FORMATS *\/\n .formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n }\n .format-pill {\n background: var(--mid);\n border: 1px solid var(--border);\n border-radius: 1rem;\n padding: 1.25rem;\n text-align: center;\n transition: border-color 0.2s, transform 0.15s;\n cursor: default;\n }\n .format-pill:hover { border-color: rgba(200,242,58,0.4); transform: translateY(-2px); }\n .format-emoji { font-size: 1.75rem; margin-bottom: 0.5rem; }\n .format-name { font-size: 0.8rem; font-weight: 500; }\n .format-plat { font-size: 0.7rem; color: var(--muted); margin-top: 0.2rem; }\n\n \/* CTA *\/\n .cta-section {\n text-align: center;\n background: var(--mid);\n padding: 8rem 4rem;\n }\n .cta-section h2 { max-width: 600px; margin: 0 auto 1.5rem; }\n .cta-section p { color: var(--muted); max-width: 420px; margin: 0 auto 3rem; font-weight: 300; }\n .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n \/* FOOTER *\/\n footer {\n padding: 3rem 4rem;\n display: flex; justify-content: space-between; align-items: center;\n border-top: 1px solid var(--border);\n flex-wrap: wrap; gap: 1rem;\n }\n footer p { font-size: 0.8rem; color: var(--muted); }\n .footer-links { display: flex; gap: 1.5rem; }\n .footer-links a { font-size: 0.8rem; color: var(--muted); text-decoration: none; }\n .footer-links a:hover { color: var(--white); }\n\n @media (max-width: 768px) {\n nav { padding: 1rem 1.5rem; }\n nav ul { display: none; }\n section, .hero { padding-left: 1.5rem; padding-right: 1.5rem; }\n .hero-stats { display: none; }\n .why-grid { grid-template-columns: 1fr; }\n .process-steps::before { display: none; }\n footer { padding: 2rem 1.5rem; flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a class=\"logo\" href=\"#\">NB<span>.<\/span>Films<\/a>\n <ul>\n <li><a href=\"#services\">Leistungen<\/a><\/li>\n <li><a href=\"#process\">Prozess<\/a><\/li>\n <li><a href=\"#formats\">Formate<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-cta\">Anfrage starten<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-tag\">Social Media Content Agentur \u00b7 Schweiz<\/div>\n <h1>Content,<br>der<br><span class=\"accent\">verkauft.<\/span><\/h1>\n <p class=\"hero-sub\">Wir produzieren professionellen Social-Media-Content f\u00fcr Unternehmen \u2013 von der Strategie bis zum fertigen Post. Skalierbar, authentisch, effektiv.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">Kostenloses Erstgespr\u00e4ch \u2192<\/a>\n <a href=\"#services\" class=\"btn-ghost\">Leistungen ansehen \u2193<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">3\u00d7<\/div>\n <div class=\"stat-label\">mehr Reichweite<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">Schweizer Qualit\u00e4t<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <div class=\"marquee-item\">Instagram Reels <span>\u2726<\/span> TikTok Videos <span>\u2726<\/span> LinkedIn Content <span>\u2726<\/span> Story Produktion <span>\u2726<\/span> Fotografie <span>\u2726<\/span> Content Strategie <span>\u2726<\/span> Brand Videos <span>\u2726<\/span> Ads <span>\u2726<\/span><\/div>\n <div class=\"marquee-item\">Instagram Reels <span>\u2726<\/span> TikTok Videos <span>\u2726<\/span> LinkedIn Content <span>\u2726<\/span> Story Produktion <span>\u2726<\/span> Fotografie <span>\u2726<\/span> Content Strategie <span>\u2726<\/span> Brand Videos <span>\u2726<\/span> Ads <span>\u2726<\/span><\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"services\" id=\"services\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-tag\">Was wir machen<\/div>\n <h2>Alles aus<br>einer Hand.<\/h2>\n <\/div>\n <p class=\"section-intro\">Von der ersten Idee bis zur fertigen Ver\u00f6ffentlichung \u2013 wir \u00fcbernehmen deinen gesamten Content-Prozess.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfac<\/div>\n <h3>Video Content<\/h3>\n <p>Professionelle Videoproduktion f\u00fcr Reels, TikToks und YouTube Shorts. Konzept, Dreh und Schnitt \u2013 alles inklusive.<\/p>\n <span class=\"service-tag\">MOST POPULAR<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcf8<\/div>\n <h3>Fotoproduktion<\/h3>\n <p>Hochwertige Produktfotos, Unternehmensportraits und Brand-Fotografie, die auf Social Media performen.<\/p>\n <span class=\"service-tag\">FOTOGRAFIE<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\n <h3>Content Strategie<\/h3>\n <p>Wir entwickeln deine individuelle Social-Media-Strategie mit Redaktionsplan, Zielgruppenanalyse und Posting-Rhythmus.<\/p>\n <span class=\"service-tag\">STRATEGIE<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\u270d\ufe0f<\/div>\n <h3>Texte & Caption<\/h3>\n <p>Captions, Hashtag-Strategien und Storytelling-Konzepte, die deine Community ansprechen und wachsen lassen.<\/p>\n <span class=\"service-tag\">COPYWRITING<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\n <h3>Design & Templates<\/h3>\n <p>Corporate-Identity-konforme Templates f\u00fcr Stories, Posts und Highlights. Einheitlich, professionell, wiedererkennbar.<\/p>\n <span class=\"service-tag\">DESIGN<\/span>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <h3>Analyse & Reporting<\/h3>\n <p>Monatliche Performance-Auswertung deiner Kan\u00e4le. Wir optimieren kontinuierlich auf Basis echter Daten.<\/p>\n <span class=\"service-tag\">ANALYTICS<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"why-grid\">\n <div class=\"why-visual\">\n <div>\n <div class=\"big-metric\">87%<\/div>\n <div class=\"metric-desc\">der Konsumenten kaufen eher bei Unternehmen, die aktiv auf Social Media sind.<\/div>\n <\/div>\n <div class=\"bars\">\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Engagement Rate<\/span><span style=\"color:var(--accent)\">+340%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:85%\"><\/div><\/div>\n <\/div>\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Reichweite<\/span><span style=\"color:var(--accent)\">+210%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:65%\"><\/div><\/div>\n <\/div>\n <div class=\"bar-row\">\n <div class=\"bar-label\"><span>Follower-Wachstum<\/span><span style=\"color:var(--accent)\">+180%<\/span><\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:55%\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-content\">\n <div>\n <div class=\"section-tag\">Warum NB-Films<\/div>\n <h2>Mehr als nur Videos.<\/h2>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">01<\/div>\n <div>\n <h4>Lokale Expertise, globale Qualit\u00e4t<\/h4>\n <p>Basiert in der Schweiz, mit dem Blick auf internationale Trends. Wir kennen den hiesigen Markt und wissen, was funktioniert.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">02<\/div>\n <div>\n <h4>Keine Agentur-B\u00fcrokratie<\/h4>\n <p>Direkter Kontakt, schnelle Umsetzung. Ohne endlose Feedback-Schleifen und \u00fcberteuerte Stundenpreise.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">03<\/div>\n <div>\n <h4>Messbare Ergebnisse<\/h4>\n <p>Content, der nicht nur gut aussieht, sondern auch nachweislich Reichweite, Leads und Umsatz generiert.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point\">\n <div class=\"why-num\">04<\/div>\n <div>\n <h4>Full-Service aus einer Hand<\/h4>\n <p>Von Strategie \u00fcber Produktion bis zum fertigen Post \u2013 du brauchst keinen zus\u00e4tzlichen Dienstleister.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\" id=\"process\">\n <div style=\"text-align:center; margin-bottom:1rem;\">\n <div class=\"section-tag\">Wie es l\u00e4uft<\/div>\n <h2>Einfach starten.<\/h2>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"step\">\n <div class=\"step-dot\">01<\/div>\n <h4>Erstgespr\u00e4ch<\/h4>\n <p>Kostenloses 30-min Kennenlernen \u2013 wir verstehen dein Business und deine Ziele.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">02<\/div>\n <h4>Strategie<\/h4>\n <p>Wir entwickeln einen massgefertigten Content-Plan f\u00fcr deine Kan\u00e4le.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">03<\/div>\n <h4>Produktion<\/h4>\n <p>Dreh, Schnitt, Design und Texte \u2013 professionell und termingerecht.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">04<\/div>\n <h4>Ver\u00f6ffentlichung<\/h4>\n <p>Wir posten oder liefern dir fertigen Content \u2013 du entscheidest.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-dot\">05<\/div>\n <h4>Optimierung<\/h4>\n <p>Monatliches Reporting und kontinuierliche Verbesserung basierend auf Daten.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"formats\">\n <div style=\"display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:2rem; margin-bottom:0\">\n <div>\n <div class=\"section-tag\">Plattformen & Formate<\/div>\n <h2>\u00dcberall pr\u00e4sent.<\/h2>\n <\/div>\n <p class=\"section-intro\">Wir produzieren f\u00fcr alle relevanten Plattformen \u2013 optimiert f\u00fcr den jeweiligen Algorithmus.<\/p>\n <\/div>\n <div class=\"formats-grid\">\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udcf1<\/div><div class=\"format-name\">Reels<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83c\udfb5<\/div><div class=\"format-name\">TikToks<\/div><div class=\"format-plat\">TikTok<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udcbc<\/div><div class=\"format-name\">Posts<\/div><div class=\"format-plat\">LinkedIn<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\u25b6\ufe0f<\/div><div class=\"format-name\">Shorts<\/div><div class=\"format-plat\">YouTube<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\u23f1\ufe0f<\/div><div class=\"format-name\">Stories<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\uddbc\ufe0f<\/div><div class=\"format-name\">Carousels<\/div><div class=\"format-plat\">Instagram<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83d\udce3<\/div><div class=\"format-name\">Ads<\/div><div class=\"format-plat\">Meta \/ TikTok<\/div><\/div>\n <div class=\"format-pill\"><div class=\"format-emoji\">\ud83c\udf10<\/div><div class=\"format-name\">Website<\/div><div class=\"format-plat\">Hero Videos<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\" id=\"contact\">\n <div class=\"section-tag\">Jetzt loslegen<\/div>\n <h2>Bereit f\u00fcr Content, der wirkt?<\/h2>\n <p>Starte mit einem kostenlosen Erstgespr\u00e4ch \u2013 kein Commitment, keine versteckten Kosten.<\/p>\n <div class=\"cta-actions\">\n <a href=\"mailto:hello@nb-films.ch\" class=\"btn-primary\">hello@nb-films.ch \u2192<\/a>\n <a href=\"https:\/\/www.nb-films.ch\" class=\"btn-ghost\">nb-films.ch \u2197<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <a class=\"logo\" href=\"#\">NB<span>.<\/span>Films<\/a>\n <p>\u00a9 2025 NB-Films \u00b7 Schweiz<\/p>\n <div class=\"footer-links\">\n <a href=\"#\">Impressum<\/a>\n <a href=\"#\">Datenschutz<\/a>\n <a href=\"https:\/\/www.nb-films.ch\">Website<\/a>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>NB-Films \u2013 Social Media Content f\u00fcr Unternehmen NB.Films Leistungen Prozess Formate Anfrage starten Social Media Content Agentur \u00b7 Schweiz Content,derverkauft. Wir produzieren professionellen Social-Media-Content f\u00fcr Unternehmen \u2013 von der Strategie bis zum fertigen Post. Skalierbar, authentisch, effektiv. Kostenloses Erstgespr\u00e4ch \u2192 Leistungen ansehen \u2193 3\u00d7 mehr Reichweite 100% Schweizer Qualit\u00e4t Instagram Reels \u2726 TikTok Videos \u2726 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nb-films.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":3,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/nb-films.ch\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/nb-films.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}