{"id":570,"date":"2026-07-28T18:31:27","date_gmt":"2026-07-28T16:31:27","guid":{"rendered":"https:\/\/bpc.hr\/startseite\/"},"modified":"2026-08-08T17:55:16","modified_gmt":"2026-08-08T15:55:16","slug":"startseite","status":"publish","type":"page","link":"https:\/\/bpc.hr\/de\/","title":{"rendered":"Startseite"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BPC HERO (DE) \u2014 Divi Code modul #1. Samo HTML (CSS je globalno preko klase .bpc-hero).\n     Provjeri\/po potrebi prilagodi linkove gumba na njema\u010dke stranice (\/de\/...). -->\n<section class=\"bpc-hero\" aria-label=\"BOBAN PROJECTCAD \u2014 externer CAD- und Ingenieurpartner\">\n\n  <div class=\"bpc-sheet\" aria-hidden=\"true\">\n    <span class=\"c c-tl\"><\/span><span class=\"c c-tr\"><\/span>\n    <span class=\"c c-bl\"><\/span><span class=\"c c-br\"><\/span>\n  <\/div>\n\n  <div class=\"bpc-wrap\">\n\n    <div class=\"bpc-grid\">\n      <div class=\"bpc-copy\">\n        <p class=\"eyebrow\"><span class=\"sq\"><\/span>KONSTRUKTIONSB\u00dcRO<\/p>\n        <h1 class=\"bpc-h1\">Vom <span class=\"ac\">3D-Modell<\/span> bis zur fertigen technischen Dokumentation.<\/h1>\n        <p class=\"bpc-lead\">Externe Konstruktions- und CAD-Unterst\u00fctzung f\u00fcr Hersteller von Metallkonstruktionen \u2013 von der konstruktiven Ausarbeitung und 3D-Modellierung bis zur Erstellung von Werkstatt-, Montage- und Zusammenbauzeichnungen.<\/p>\n\n        <div class=\"bpc-cta\">\n          <a href=\"https:\/\/bpc.hr\/de\/kontakt\/\" class=\"btn btn--go\">Angebot anfordern<span class=\"arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\n          <a href=\"https:\/\/bpc.hr\/de\/referenzen\/\" class=\"btn btn--ghost\">Unsere Projekte<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"bpc-figure\">\n        <div class=\"glow\" aria-hidden=\"true\"><\/div>\n        <svg viewBox=\"0 0 851 866\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" class=\"bpc-wire\" aria-hidden=\"true\" style=\"width:clamp(280px,46vw,620px)!important;height:auto!important;display:block!important;margin:0 auto!important;overflow:visible\"><g class=\"cad-scene\"><g class=\"L pC\" stroke-linecap=\"round\"><line pathLength=\"1\" x1=\"451.69\" y1=\"86.00\" x2=\"243.85\" y2=\"206.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"243.85\" y1=\"206.00\" x2=\"36.00\" y2=\"326.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"763.46\" y1=\"266.00\" x2=\"555.62\" y2=\"386.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"555.62\" y1=\"386.00\" x2=\"347.77\" y2=\"506.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"607.58\" y1=\"80.00\" x2=\"399.73\" y2=\"200.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"399.73\" y1=\"200.00\" x2=\"191.88\" y2=\"320.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.42\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"451.69\" y1=\"326.00\" x2=\"243.85\" y2=\"446.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"243.85\" y1=\"446.00\" x2=\"36.00\" y2=\"566.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"763.46\" y1=\"506.00\" x2=\"555.62\" y2=\"626.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"555.62\" y1=\"626.00\" x2=\"347.77\" y2=\"746.00\" stroke=\"#2F7DD6\" stroke-width=\"1.5\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><\/g><g class=\"F pD\"><line x1=\"451.69\" y1=\"86.00\" x2=\"399.73\" y2=\"200.00\" stroke=\"#0096D0\" stroke-width=\"1.3\" stroke-opacity=\"0.38\" stroke-linecap=\"round\" stroke-dasharray=\"5 5\"\/><line x1=\"607.58\" y1=\"80.00\" x2=\"243.85\" y2=\"206.00\" stroke=\"#0096D0\" stroke-width=\"1.3\" stroke-opacity=\"0.38\" stroke-linecap=\"round\" stroke-dasharray=\"5 5\"\/><circle cx=\"451.69\" cy=\"326.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"1.0\"\/><circle cx=\"763.46\" cy=\"506.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"1.0\"\/><circle cx=\"243.85\" cy=\"446.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"0.62\"\/><circle cx=\"555.62\" cy=\"626.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"0.62\"\/><circle cx=\"36.00\" cy=\"566.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"0.34\"\/><circle cx=\"347.77\" cy=\"746.00\" r=\"3.4\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"0.34\"\/><circle cx=\"607.58\" cy=\"176.00\" r=\"2.4\" fill=\"#0096D0\"\/><circle cx=\"529.63\" cy=\"83.00\" r=\"2.4\" fill=\"#0096D0\"\/><circle cx=\"685.52\" cy=\"173.00\" r=\"2.4\" fill=\"#0096D0\"\/><rect x=\"448.59\" y=\"82.90\" width=\"6.20\" height=\"6.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"1.0\"\/><rect x=\"760.36\" y=\"262.90\" width=\"6.20\" height=\"6.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"1.0\"\/><rect x=\"604.48\" y=\"76.90\" width=\"6.20\" height=\"6.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"1.0\"\/><rect x=\"241.25\" y=\"203.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.62\"\/><rect x=\"553.02\" y=\"383.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.62\"\/><rect x=\"397.13\" y=\"197.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.62\"\/><rect x=\"33.40\" y=\"323.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.34\"\/><rect x=\"345.17\" y=\"503.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.34\"\/><rect x=\"189.28\" y=\"317.40\" width=\"5.20\" height=\"5.20\" rx=\"1\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.6\" stroke-opacity=\"0.34\"\/><\/g><g class=\"L pA\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line pathLength=\"1\" x1=\"451.69\" y1=\"326.00\" x2=\"451.69\" y2=\"86.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"763.46\" y1=\"506.00\" x2=\"763.46\" y2=\"266.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"451.69\" y1=\"86.00\" x2=\"607.58\" y2=\"80.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"763.46\" y1=\"266.00\" x2=\"607.58\" y2=\"80.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"243.85\" y1=\"446.00\" x2=\"243.85\" y2=\"206.00\" stroke=\"#2F7DD6\" stroke-width=\"1.9\" stroke-opacity=\"0.62\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"555.62\" y1=\"626.00\" x2=\"555.62\" y2=\"386.00\" stroke=\"#2F7DD6\" stroke-width=\"1.9\" stroke-opacity=\"0.62\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"243.85\" y1=\"206.00\" x2=\"399.73\" y2=\"200.00\" stroke=\"#2F7DD6\" stroke-width=\"1.9\" stroke-opacity=\"0.62\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"555.62\" y1=\"386.00\" x2=\"399.73\" y2=\"200.00\" stroke=\"#2F7DD6\" stroke-width=\"1.9\" stroke-opacity=\"0.62\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"36.00\" y1=\"566.00\" x2=\"36.00\" y2=\"326.00\" stroke=\"#2F7DD6\" stroke-width=\"1.6\" stroke-opacity=\"0.34\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"347.77\" y1=\"746.00\" x2=\"347.77\" y2=\"506.00\" stroke=\"#2F7DD6\" stroke-width=\"1.6\" stroke-opacity=\"0.34\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"36.00\" y1=\"326.00\" x2=\"191.88\" y2=\"320.00\" stroke=\"#2F7DD6\" stroke-width=\"1.6\" stroke-opacity=\"0.34\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"347.77\" y1=\"506.00\" x2=\"191.88\" y2=\"320.00\" stroke=\"#2F7DD6\" stroke-width=\"1.6\" stroke-opacity=\"0.34\" stroke-linecap=\"round\"\/><\/g><g class=\"L pB\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line pathLength=\"1\" x1=\"451.69\" y1=\"86.00\" x2=\"763.46\" y2=\"266.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"243.85\" y1=\"206.00\" x2=\"555.62\" y2=\"386.00\" stroke=\"#2F7DD6\" stroke-width=\"1.9\" stroke-opacity=\"0.62\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"36.00\" y1=\"326.00\" x2=\"347.77\" y2=\"506.00\" stroke=\"#2F7DD6\" stroke-width=\"1.6\" stroke-opacity=\"0.34\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"607.58\" y1=\"80.00\" x2=\"607.58\" y2=\"176.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"529.63\" y1=\"83.00\" x2=\"607.58\" y2=\"176.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"685.52\" y1=\"173.00\" x2=\"607.58\" y2=\"176.00\" stroke=\"#2F7DD6\" stroke-width=\"2.4\" stroke-opacity=\"1.0\" stroke-linecap=\"round\"\/><\/g><g class=\"L pE\"><line pathLength=\"1\" x1=\"451.69\" y1=\"332.00\" x2=\"451.69\" y2=\"784.00\" stroke=\"#E9F2FA\" stroke-width=\"0.8\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"763.46\" y1=\"512.00\" x2=\"763.46\" y2=\"784.00\" stroke=\"#E9F2FA\" stroke-width=\"0.8\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"451.69\" y1=\"784.00\" x2=\"763.46\" y2=\"784.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"446.69\" y1=\"789.00\" x2=\"456.69\" y2=\"779.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"758.46\" y1=\"789.00\" x2=\"768.46\" y2=\"779.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"769.46\" y1=\"506.00\" x2=\"795.46\" y2=\"506.00\" stroke=\"#E9F2FA\" stroke-width=\"0.8\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"769.46\" y1=\"266.00\" x2=\"795.46\" y2=\"266.00\" stroke=\"#E9F2FA\" stroke-width=\"0.8\" stroke-opacity=\"0.3\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"795.46\" y1=\"506.00\" x2=\"795.46\" y2=\"266.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"790.46\" y1=\"511.00\" x2=\"800.46\" y2=\"501.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"790.46\" y1=\"271.00\" x2=\"800.46\" y2=\"261.00\" stroke=\"#E9F2FA\" stroke-width=\"1\" stroke-opacity=\"0.5\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"451.69\" y1=\"86.00\" x2=\"421.69\" y2=\"46.00\" stroke=\"#0096D0\" stroke-width=\"1\" stroke-opacity=\"0.7\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"40.00\" y1=\"828.00\" x2=\"65.98\" y2=\"843.00\" stroke=\"#2F7DD6\" stroke-width=\"1.4\" stroke-opacity=\"0.85\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"40.00\" y1=\"828.00\" x2=\"40.00\" y2=\"798.00\" stroke=\"#0096D0\" stroke-width=\"1.4\" stroke-opacity=\"0.85\" stroke-linecap=\"round\"\/><line pathLength=\"1\" x1=\"40.00\" y1=\"828.00\" x2=\"14.02\" y2=\"843.00\" stroke=\"#E9F2FA\" stroke-width=\"1.4\" stroke-opacity=\"0.85\" stroke-linecap=\"round\"\/><\/g><g class=\"F pEf\"><text x=\"607.58\" y=\"777.00\" fill=\"#E9F2FA\" fill-opacity=\"0.8\" font-size=\"12.5\" text-anchor=\"middle\" letter-spacing=\"1\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">6000<\/text><text x=\"804.46\" y=\"386.00\" fill=\"#E9F2FA\" fill-opacity=\"0.8\" font-size=\"12.5\" text-anchor=\"middle\" letter-spacing=\"1\" transform=\"rotate(90 804.46 386.00)\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">4000<\/text><circle cx=\"421.69\" cy=\"46.00\" r=\"11\" fill=\"#0B2E55\" stroke=\"#0096D0\" stroke-width=\"1.4\"\/><text x=\"421.69\" y=\"50.00\" fill=\"#E9F2FA\" font-size=\"12\" text-anchor=\"middle\" font-weight=\"600\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">1<\/text><text x=\"72.91\" y=\"850.00\" fill=\"#2F7DD6\" font-size=\"11\" text-anchor=\"middle\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">X<\/text><text x=\"40.00\" y=\"793.00\" fill=\"#2F7DD6\" font-size=\"11\" text-anchor=\"middle\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">Y<\/text><text x=\"7.09\" y=\"850.00\" fill=\"#E9F2FA\" font-size=\"11\" text-anchor=\"middle\" font-family=\"'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace\">Z<\/text><circle cx=\"40.00\" cy=\"828.00\" r=\"2\" fill=\"#E9F2FA\"\/><\/g><\/g><\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et-vb-row--no-module et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough\"><\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BOBAN PROJECTCAD \u2014 UVODNI (SEO) BLOK (DE). Svijetla podloga, tamni tekst.\n     Divi Code modul #2. Namjerno SVIJETAO (kao HR) \u2014 ne dirati pozadinu. -->\n<section class=\"bpc-intro\" aria-label=\"Einleitung\">\n  <div class=\"in-wrap\">\n    <h2 class=\"in-title rv\">Externer CAD-Partner f\u00fcr <span class=\"ac\">Metallkonstruktionen<\/span><\/h2>\n    <span class=\"in-line rv\" aria-hidden=\"true\"><\/span>\n    <p class=\"in-text rv\">Boban Projectcad ist ein spezialisiertes Konstruktionsb\u00fcro aus Karlovac. Wir \u00fcbernehmen die konstruktive Ausarbeitung von Metallkonstruktionen und die Erstellung technischer Dokumentation f\u00fcr Fertigung und Montage \u2014 als komplette Projektaufgabe oder als flexibler externer CAD-Partner, wenn Sie zus\u00e4tzliche Kapazit\u00e4ten ben\u00f6tigen. Vom 3D-Modell bis zu Werkstatt- und Montagezeichnungen liefern wir L\u00f6sungen, die klar und unmittelbar in der Fertigung anwendbar sind.<\/p>\n  <\/div>\n\n  <style>\n  .bpc-intro{background:transparent; font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    padding:clamp(46px,6vw,86px) clamp(18px,5vw,40px);}\n  .bpc-intro *{box-sizing:border-box;}\n  .bpc-intro .in-title, .bpc-intro .in-text{margin:0;}\n  .in-wrap{max-width:820px; margin:0 auto; text-align:center;}\n  .in-title{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800;\n    font-size:clamp(1.7rem,4vw,2.7rem); line-height:1.12; letter-spacing:-.015em; color:#0B2E55; text-wrap:balance; margin:0!important;}\n  .in-title .ac{color:#2F7DD6;}\n  .in-line{display:block; width:64px; height:3px; border-radius:3px; margin:22px auto; background:linear-gradient(90deg,#2E7DD7,#0096D0);}\n  .in-text{font-size:clamp(1.04rem,1.3vw,1.2rem); line-height:1.68; color:rgba(16,42,80,.82); margin:0!important;}\n\n  @media (prefers-reduced-motion: no-preference){\n    @keyframes inRv{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;}}\n    html.js .bpc-intro .rv{opacity:0; transform:translateY(18px);}\n    html.js .bpc-intro.in .rv{animation:inRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-intro.in .in-line{animation-delay:.10s}\n    html.js .bpc-intro.in .in-text{animation-delay:.16s}\n  }\n  <\/style>\n\n  <script>\n  (function(){\n    var s=(document.currentScript&&document.currentScript.closest('.bpc-intro'))||document.querySelector('.bpc-intro');\n    if(!s) return;\n    if(!('IntersectionObserver' in window)){ s.classList.add('in'); return; }\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:0.12});\n    io.observe(s);\n  })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BOBAN PROJECTCAD \u2014 LEISTUNGEN (DE). Divi Code modul #3. Svijetla podloga. -->\n<section class=\"bpc-services\" aria-label=\"Leistungen\">\n  <div class=\"bpc-sv-wrap\">\n\n    <header class=\"bpc-sv-head\">\n      <p class=\"eyebrow rv\"><span class=\"sq\"><\/span>LEISTUNGEN<\/p>\n      <h2 class=\"stitle rv\">Komplette CAD-Unterst\u00fctzung f\u00fcr <span class=\"ac\">Metallkonstruktionen<\/span>.<\/h2>\n      <p class=\"sintro rv\">Vom ersten 3D-Modell bis zur fertigen Werkstattdokumentation \u2014 ein externes Ingenieurb\u00fcro, das sich in Ihr Team einf\u00fcgt.<\/p>\n    <\/header>\n\n    <div class=\"bpc-grid\">\n\n      <article class=\"card\">\n        <span class=\"num\">01<\/span>\n        <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path pathLength=\"1\" d=\"M12 2.5 L20 7 L12 11.5 L4 7 Z\"\/><path pathLength=\"1\" d=\"M4 7 L12 11.5 L12 21 L4 16.5 Z\"\/><path pathLength=\"1\" d=\"M20 7 L12 11.5 L12 21 L20 16.5 Z\"\/><\/svg><\/span>\n        <h3 class=\"ct\">3D-CAD-Modellierung<\/h3>\n        <p class=\"cd\">Detaillierte und fertigungsreife 3D-Modelle.<\/p>\n      <\/article>\n\n      <article class=\"card\">\n        <span class=\"num\">02<\/span>\n        <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path pathLength=\"1\" d=\"M6 2.5 H14 L18.5 7 V21.5 H6 Z\"\/><path pathLength=\"1\" d=\"M14 2.5 V7 H18.5\"\/><path pathLength=\"1\" d=\"M9 12 H15.5\"\/><path pathLength=\"1\" d=\"M9 15 H15.5\"\/><path pathLength=\"1\" d=\"M9 18 H13\"\/><\/svg><\/span>\n        <h3 class=\"ct\">Technische Dokumentation<\/h3>\n        <p class=\"cd\">Pr\u00e4zise Werkstatt-, Montage- und Zusammenbauzeichnungen.<\/p>\n      <\/article>\n\n      <article class=\"card\">\n        <span class=\"num\">03<\/span>\n        <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path pathLength=\"1\" d=\"M3 8 H21\"\/><path pathLength=\"1\" d=\"M3 17 H21\"\/><path pathLength=\"1\" d=\"M3 8 V17\"\/><path pathLength=\"1\" d=\"M21 8 V17\"\/><path pathLength=\"1\" d=\"M3 17 L9 8 L15 17 L21 8\"\/><\/svg><\/span>\n        <h3 class=\"ct\">Ingenieurdienstleistungen<\/h3>\n        <p class=\"cd\">Umfassende Unterst\u00fctzung vom Konzept bis zur Ausf\u00fchrung.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n  <style>\n  .bpc-services{\n    --navy:#0B2E55; --navy2:#12243c; --mariner:#2E7DD7; --cerulean:#0096D0;\n    --link:#E9F2FA; --slate:#586a82; --line:#E7EEF7;\n    --mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace;\n    --sans:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    --display:'Archivo','Helvetica Neue',Arial,sans-serif;\n    position:relative; overflow:hidden; background:transparent;\n    font-family:var(--sans); color:var(--navy2);\n    padding:clamp(52px,8vw,110px) clamp(18px,5vw,40px);\n  }\n  .bpc-services *{box-sizing:border-box;}\n  .bpc-services::before{\n    content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n    background-image:\n      linear-gradient(rgba(11,46,85,.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(11,46,85,.035) 1px, transparent 1px);\n    background-size:34px 34px;\n    -webkit-mask-image:radial-gradient(120% 85% at 50% 0%, #000 0%, transparent 72%);\n            mask-image:radial-gradient(120% 85% at 50% 0%, #000 0%, transparent 72%);\n  }\n  .bpc-sv-wrap{position:relative; z-index:1; max-width:1200px; margin:0 auto;}\n\n  .bpc-sv-head{max-width:720px; margin:0 0 clamp(20px,2.6vw,34px);}\n  .bpc-services .eyebrow{font-family:var(--mono); font-size:12.5px; letter-spacing:.24em;\n    color:var(--mariner); margin:0 0 16px; display:flex; align-items:center; gap:11px;}\n  .bpc-services .eyebrow .sq{width:7px; height:7px; background:var(--mariner); display:inline-block; flex:none;}\n  .stitle{font-family:var(--display); font-weight:800;\n    font-size:clamp(1.65rem,5.4vw,2.75rem); line-height:1.1; letter-spacing:-.015em;\n    margin:0 0 14px; color:var(--navy); text-wrap:balance;}\n  .stitle .ac{color:var(--mariner);}\n  .sintro{font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.6; color:var(--slate); margin:0;}\n\n  .bpc-grid{--gap:clamp(16px,1.8vw,26px);\n    display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap);}\n\n  .bpc-services .card{position:relative; overflow:hidden; background:#ffffff!important; border:1px solid rgba(11,46,85,.07);\n    border-radius:18px; padding:clamp(22px,2.6vw,34px);\n    min-height:248px!important; display:flex; flex-direction:column;\n    transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease;\n    box-shadow:0 12px 30px -12px rgba(11,46,85,.22), 0 2px 6px rgba(11,46,85,.08);}\n  .bpc-services .card:hover{transform:translateY(-8px); border-color:#dbe6f4;\n    box-shadow:0 26px 50px -24px rgba(11,46,85,.34);}\n  .bpc-services .card::after{content:\"\"; position:absolute; top:0; left:24px; right:24px; height:3px;\n    border-radius:0 0 3px 3px; background:linear-gradient(90deg,var(--mariner),var(--cerulean));\n    transform:scaleX(0); transform-origin:left; transition:transform .35s ease;}\n  .bpc-services .card:hover::after{transform:scaleX(1);}\n\n  .num{position:absolute; top:20px; right:24px; font-family:var(--mono);\n    font-size:12px; letter-spacing:.1em; color:rgba(11,46,85,.26); transition:color .3s ease;}\n  .bpc-services .card:hover .num{color:var(--cerulean);}\n\n  .ico{width:60px; height:60px; border-radius:15px; display:inline-flex;\n    align-items:center; justify-content:center; margin:0 0 22px;\n    background:var(--mariner); color:#fff;\n    box-shadow:0 8px 18px -10px rgba(46,125,215,.55);\n    transition:background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;}\n  .ico svg{width:30px; height:30px; transform-origin:center;}\n  .bpc-services .card:hover .ico{background:linear-gradient(135deg,var(--mariner),var(--cerulean));\n    color:#fff; transform:translateY(-2px);\n    box-shadow:0 14px 26px -12px rgba(0,150,208,.6);}\n\n  .bpc-services .card h3, .bpc-services .card p{margin:0!important; padding:0!important;}\n  .ct{font-family:var(--display)!important; font-weight:700!important;\n    font-size:clamp(1.25rem,1.5vw,1.4rem)!important; line-height:1.24!important;\n    margin:0 0 10px 0!important; color:var(--navy2)!important; letter-spacing:-.01em!important;}\n  .cd{font-size:1.0625rem!important; line-height:1.6!important; color:var(--slate)!important; margin:0!important;}\n\n  @media (prefers-reduced-motion: no-preference){\n    @keyframes bpcRv{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}\n    @keyframes bpcDrawIco{to{stroke-dashoffset:0;}}\n    @keyframes bpcIcoPop{0%{transform:scale(.86) rotate(-10deg);} 55%{transform:scale(1.1) rotate(5deg);} 100%{transform:scale(1) rotate(0);}}\n\n    html.js .bpc-services .rv,\n    html.js .bpc-services .card{opacity:0; transform:translateY(20px);}\n    html.js .bpc-services .ico svg path{stroke-dasharray:1; stroke-dashoffset:1;}\n\n    html.js .bpc-services.in .rv{animation:bpcRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-services.in .stitle{animation-delay:.06s}\n    html.js .bpc-services.in .sintro{animation-delay:.14s}\n\n    html.js .bpc-services.in .card{animation:bpcRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-services.in .card:nth-child(1){animation-delay:.20s}\n    html.js .bpc-services.in .card:nth-child(2){animation-delay:.30s}\n    html.js .bpc-services.in .card:nth-child(3){animation-delay:.40s}\n\n    html.js .bpc-services.in .ico svg path{animation:bpcDrawIco .85s ease forwards;}\n    html.js .bpc-services.in .card:nth-child(1) .ico svg path{animation-delay:.42s}\n    html.js .bpc-services.in .card:nth-child(2) .ico svg path{animation-delay:.52s}\n    html.js .bpc-services.in .card:nth-child(3) .ico svg path{animation-delay:.62s}\n\n    html.js .bpc-services .card:hover .ico svg{animation:bpcIcoPop .5s ease;}\n  }\n\n  @media (max-width:900px){\n    .bpc-grid{grid-template-columns:repeat(2,1fr);}\n    .bpc-grid .card:nth-child(3){\n      grid-column:1 \/ -1; justify-self:center; width:100%;\n      max-width:calc(50% - var(--gap)\/2);\n    }\n  }\n  @media (max-width:600px){\n    .bpc-grid{grid-template-columns:1fr;}\n    .bpc-grid .card:nth-child(3){grid-column:auto; justify-self:stretch; max-width:none;}\n    .bpc-services .card{border-radius:16px;}\n    .bpc-services .card::after{left:20px; right:20px;}\n  }\n  <\/style>\n\n  <script>\n  (function(){\n    var s = (document.currentScript && document.currentScript.closest('.bpc-services'))\n            || document.querySelector('.bpc-services');\n    if(!s) return;\n    if(!('IntersectionObserver' in window)){ s.classList.add('in'); return; }\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n    }, {threshold:0.15});\n    io.observe(s);\n  })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- BOBAN PROJECTCAD \u2014 ARBEITSWEISE (DE). Divi Code modul #4. Samostalno tamni. -->\n<section class=\"bpc-proc\" aria-label=\"Arbeitsweise\">\n  <div class=\"bpc-proc-wrap\">\n\n    <header class=\"bpc-proc-head\">\n      <p class=\"eyebrow rv\"><span class=\"sq\"><\/span>ARBEITSWEISE<\/p>\n      <h2 class=\"ptitle rv\">Von der ersten Anfrage bis zur \u00dcbergabe in <span class=\"ac\">sechs Schritten<\/span>.<\/h2>\n      <p class=\"pintro rv\">Ein klarer und vorhersehbarer Prozess \u2014 Sie wissen genau, was Sie erhalten und in welchem Schritt.<\/p>\n    <\/header>\n\n    <div class=\"timeline\">\n      <div class=\"step\">\n        <span class=\"node\"><span>01<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Eingang der Anfrage<\/h3>\n          <p class=\"sd\">Der Kunde \u00fcbermittelt die Projektbeschreibung, Zeichnungen, Ma\u00dfe, Fotos, technische Anforderungen und den gew\u00fcnschten Termin.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>02<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Analyse<\/h3>\n          <p class=\"sd\">Es werden Umfang, verf\u00fcgbare Daten, technische Machbarkeit, erforderliche Dokumentation und offene Fragen definiert.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>03<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Angebot<\/h3>\n          <p class=\"sd\">Es werden Lieferumfang, Termin, Preis und Anzahl der Korrekturen vereinbart.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>04<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Modellierung und Ausarbeitung<\/h3>\n          <p class=\"sd\">Es wird ein 3D-Modell erstellt und die konstruktive Logik, Details und Anschl\u00fcsse werden definiert.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>05<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Freigabe<\/h3>\n          <p class=\"sd\">Der Auftraggeber pr\u00fcft die vorgeschlagene L\u00f6sung und best\u00e4tigt, dass das Konzept akzeptabel und mit den vereinbarten Projektanforderungen abgestimmt ist.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>06<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Dokumentation<\/h3>\n          <p class=\"sd\">Es werden Werkstatt-, Montage- und Detailzeichnungen sowie die zugeh\u00f6rigen Material- und Positionslisten erstellt.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <span class=\"node\"><span>07<\/span><\/span>\n        <div class=\"card\">\n          <h3 class=\"st\">Kontrolle und \u00dcbergabe<\/h3>\n          <p class=\"sd\">Es werden Abmessungen, Bezeichnungen, Positionen, Zeichnungen und Listen sowie die \u00dcbereinstimmung der gesamten Dokumentation vor der endg\u00fcltigen \u00dcbergabe an den Auftraggeber gepr\u00fcft.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <style>\n  .bpc-proc{\n    position:relative; overflow:hidden;\n    background-color:#080f18;\n    background-image:radial-gradient(120% 90% at 78% 8%, rgba(46,125,215,.14), transparent 46%), radial-gradient(130% 120% at 84% 20%, #12365f 0%, #0b2e55 34%, #0b1a2c 66%, #080f18 100%);\n    font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    color:#EAF2FB;\n    padding:clamp(58px,8vw,116px) clamp(18px,5vw,40px);\n  }\n  .bpc-proc *{box-sizing:border-box;}\n  .bpc-proc .timeline, .bpc-proc .step{list-style:none!important; margin:0!important;}\n  .bpc-proc .card p, .bpc-proc .card h3{margin:0!important;}\n  .bpc-proc::before{\n    content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n    background-image:linear-gradient(rgba(234,242,251,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(234,242,251,.05) 1px, transparent 1px);\n    background-size:32px 32px;\n    -webkit-mask-image:radial-gradient(120% 90% at 60% 10%, #000 45%, transparent 100%);\n            mask-image:radial-gradient(120% 90% at 60% 10%, #000 45%, transparent 100%);\n  }\n  .bpc-proc-wrap{position:relative; z-index:1; max-width:900px; margin:0 auto;}\n\n  .bpc-proc-head{max-width:640px; margin:0 0 clamp(34px,4.5vw,54px)!important;}\n  .bpc-proc .eyebrow{font-family:'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace;\n    font-size:12.5px; letter-spacing:.24em; color:#2E7DD7; margin:0 0 16px!important;\n    display:flex; align-items:center; gap:11px;}\n  .bpc-proc .eyebrow .sq{width:7px; height:7px; background:#2E7DD7; display:inline-block; flex:none;\n    box-shadow:0 0 12px rgba(46,125,215,.7);}\n  .ptitle{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800;\n    font-size:clamp(1.7rem,4.4vw,2.7rem); line-height:1.1!important; letter-spacing:-.015em;\n    margin:0 0 12px!important; color:#E9F2FA; text-wrap:balance;}\n  .ptitle .ac{color:#2E7DD7;}\n  .pintro{font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.55!important; color:rgba(234,242,251,.66); margin:0!important;}\n\n  .timeline{position:relative; padding:0!important;}\n  .timeline::before{content:\"\"; position:absolute; left:27px; top:26px; bottom:26px; width:2px;\n    background:linear-gradient(180deg, #2E7DD7 0%, #2E7DD7 74%, rgba(46,125,215,.18) 100%);\n    transform-origin:top;}\n\n  .step{position:relative; padding:0 0 clamp(15px,1.7vw,20px) 84px!important; display:flex; align-items:stretch;}\n  .step:last-child{padding-bottom:0!important;}\n\n  .node{position:absolute; left:0; top:0; width:56px; height:56px; border-radius:50%;\n    display:flex; align-items:center; justify-content:center;\n    background:#0a1526; border:2px solid #2E7DD7;\n    box-shadow:0 0 0 5px #080f18, 0 6px 18px -8px rgba(46,125,215,.7);\n    z-index:1;}\n  .node span{font-family:'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace;\n    font-size:18px; font-weight:600; color:#2E7DD7; letter-spacing:.01em;}\n\n  .bpc-proc .card{flex:1; background:rgba(234,242,251,.035); border:1px solid rgba(234,242,251,.09);\n    border-radius:14px; padding:20px 26px!important; min-height:150px;\n    display:flex; flex-direction:column; justify-content:center;\n    transition:transform .3s cubic-bezier(.2,.7,.2,1), border-color .3s ease, background .3s ease, box-shadow .3s ease;}\n  .step:hover .card{transform:translateX(4px); border-color:rgba(46,125,215,.55);\n    background:rgba(46,125,215,.06); box-shadow:0 16px 36px -22px rgba(0,0,0,.6);}\n  .step:hover .node{box-shadow:0 0 0 5px #080f18, 0 8px 24px -6px rgba(46,125,215,.95);}\n\n  .st{font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important; font-weight:700!important;\n    font-size:clamp(1.28rem,1.7vw,1.55rem)!important; line-height:1.22!important; margin:0 0 8px 0!important; color:#E9F2FA!important;}\n  .sd{font-size:clamp(1.06rem,1.2vw,1.18rem)!important; line-height:1.55!important; color:rgba(234,242,251,.66)!important; margin:0!important;}\n\n  @media (prefers-reduced-motion: no-preference){\n    @keyframes procRv{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}\n    @keyframes procLine{from{transform:scaleY(0);} to{transform:scaleY(1);}}\n    @keyframes procCard{from{opacity:0; transform:translateX(26px);} to{opacity:1; transform:none;}}\n    @keyframes procNode{0%{opacity:0; transform:scale(0);} 60%{opacity:1; transform:scale(1.12);} 100%{opacity:1; transform:scale(1);}}\n\n    html.js .bpc-proc .rv{opacity:0; transform:translateY(20px);}\n    html.js .bpc-proc.in .rv{animation:procRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-proc.in .ptitle{animation-delay:.06s}\n    html.js .bpc-proc.in .pintro{animation-delay:.14s}\n\n    html.js .bpc-proc .timeline::before{transform:scaleY(0);}\n    html.js .bpc-proc.in .timeline::before{animation:procLine 1.2s cubic-bezier(.4,0,.2,1) .2s forwards;}\n\n    html.js .bpc-proc .card{opacity:0;}\n    html.js .bpc-proc .node{opacity:0;}\n    html.js .bpc-proc.in .card{animation:procCard .55s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-proc.in .node{animation:procNode .55s cubic-bezier(.34,1.56,.64,1) forwards;}\n\n    html.js .bpc-proc.in .step:nth-child(1) .node{animation-delay:.30s} html.js .bpc-proc.in .step:nth-child(1) .card{animation-delay:.36s}\n    html.js .bpc-proc.in .step:nth-child(2) .node{animation-delay:.42s} html.js .bpc-proc.in .step:nth-child(2) .card{animation-delay:.48s}\n    html.js .bpc-proc.in .step:nth-child(3) .node{animation-delay:.54s} html.js .bpc-proc.in .step:nth-child(3) .card{animation-delay:.60s}\n    html.js .bpc-proc.in .step:nth-child(4) .node{animation-delay:.66s} html.js .bpc-proc.in .step:nth-child(4) .card{animation-delay:.72s}\n    html.js .bpc-proc.in .step:nth-child(5) .node{animation-delay:.78s} html.js .bpc-proc.in .step:nth-child(5) .card{animation-delay:.84s}\n    html.js .bpc-proc.in .step:nth-child(6) .node{animation-delay:.90s} html.js .bpc-proc.in .step:nth-child(6) .card{animation-delay:.96s}\n    html.js .bpc-proc.in .step:nth-child(7) .node{animation-delay:1.02s} html.js .bpc-proc.in .step:nth-child(7) .card{animation-delay:1.08s}\n  }\n\n  @media (max-width:560px){\n    .step{padding-left:68px!important;}\n    .node{width:48px; height:48px;}\n    .timeline::before{left:23px;}\n    .node span{font-size:15px;}\n    .bpc-proc .card{min-height:0;}\n  }\n  <\/style>\n\n  <script>\n  (function(){\n    var s=(document.currentScript&&document.currentScript.closest('.bpc-proc'))||document.querySelector('.bpc-proc');\n    if(!s) return;\n    if(!('IntersectionObserver' in window)){ s.classList.add('in'); return; }\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:0.12});\n    io.observe(s);\n  })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":9,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/570\/revisions\/579"}],"wp:attachment":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}