{"id":507,"date":"2026-07-30T11:11:09","date_gmt":"2026-07-30T09:11:09","guid":{"rendered":"https:\/\/bpc.hr\/?page_id=507"},"modified":"2026-08-07T18:16:48","modified_gmt":"2026-08-07T16:16:48","slug":"ueber-uns","status":"publish","type":"page","link":"https:\/\/bpc.hr\/de\/ueber-uns\/","title":{"rendered":"\u00dcber uns"},"content":{"rendered":"\r\n\r\n<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_0 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\">\r\n\r\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"bpc-about\" aria-label=\"\u00dcber uns\">\n  <span class=\"ab-glow ab-glow-1\" aria-hidden=\"true\"><\/span>\n  <span class=\"ab-glow ab-glow-2\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"ab-wrap\">\n\n    <!-- 1. EINLEITUNG -->\n    <header class=\"ab-head\">\n      <p class=\"eyebrow rv\"><span class=\"sq\"><\/span>\u00dcBER UNS<\/p>\n      <h1 class=\"ab-title rv\">Spezialisiertes Konstruktionsb\u00fcro aus <span class=\"ac\">Karlovac<\/span><\/h1>\n      <p class=\"ab-lead rv\">Boban Projectcad d.o.o. ist auf die konstruktive Ausarbeitung von Metallkonstruktionen und Baugruppen sowie die Erstellung technischer Dokumentation f\u00fcr Fertigung und Montage spezialisiert.<\/p>\n      <div class=\"ab-badges rv\">\n        <span class=\"badge\"><i><\/i>Karlovac, Kroatien<\/span>\n        <span class=\"badge\"><i><\/i>M\u00e4rkte: DE \u00b7 CH \u00b7 AT<\/span>\n        <span class=\"badge\"><i><\/i>Software: HiCAD<\/span>\n      <\/div>\n    <\/header>\n\n    <!-- 2. GR\u00dcNDER -->\n    <div class=\"ab-founder rv\">\n      <div class=\"ab-photo\">\n        <img decoding=\"async\" src=\"https:\/\/bpc.hr\/wp-content\/uploads\/2026\/08\/FB_IMG_1785856862469.jpg\" alt=\"Krunoslav Boban, Gr\u00fcnder und Konstrukteur\" loading=\"lazy\">\n        <span class=\"ab-photo-frame\" aria-hidden=\"true\"><\/span>\n      <\/div>\n      <div class=\"ab-bio\">\n        <p class=\"ab-role\">GR\u00dcNDER \u00b7 KONSTRUKTEUR<\/p>\n        <h3 class=\"ab-name\">Krunoslav Boban<\/h3>\n        <p>Konstrukteur mit praktischer Erfahrung in Projekten f\u00fcr den deutschen, schweizerischen und \u00f6sterreichischen Markt. Die Erfahrung umfasst die Ausarbeitung von Metallkonstruktionen, Gel\u00e4ndern, Treppen, Podesten, Vord\u00e4chern und weiteren technischen Baugruppen.<\/p>\n        <p>Auf Basis von Skizzen, Zeichnungen, Aufma\u00dfen, Fotos oder bestehenden Modellen entwickeln wir technisch ausgearbeitete und fertigungsgerechte L\u00f6sungen.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 3. FOKUS AUF QUALIT\u00c4T -->\n    <blockquote class=\"ab-quote rv\">\n      Besondere Aufmerksamkeit widmen wir der <strong>technischen Klarheit, der Ma\u00dfgenauigkeit, der korrekten konstruktiven Logik<\/strong> und der gegenseitigen Abstimmung aller Teile der Dokumentation. Ziel ist es, L\u00f6sungen zu liefern, die klar verst\u00e4ndlich und unmittelbar in Fertigung, Montage und auf der Baustelle anwendbar sind.\n    <\/blockquote>\n\n    <!-- 4. WAS WIR LIEFERN + ZUSAMMENARBEIT -->\n    <div class=\"ab-grid\">\n      <article class=\"ab-card rv\">\n        <h3 class=\"ab-ct\">Was wir liefern<\/h3>\n        <p class=\"ab-cp\">Den Leistungsumfang passen wir dem Projekt an \u2014 von der kompletten Ausarbeitung bis zu einzelnen Teilen der Dokumentation:<\/p>\n        <div class=\"ab-chips\">\n          <span>3D-Modelle<\/span><span>Werkstattzeichnungen<\/span><span>Montagezeichnungen<\/span>\n          <span>Detailzeichnungen<\/span><span>Ausarbeitung von Anschl\u00fcssen<\/span><span>Material- und Positionslisten<\/span>\n        <\/div>\n      <\/article>\n      <article class=\"ab-card rv\">\n        <h3 class=\"ab-ct\">Wie wir zusammenarbeiten<\/h3>\n        <p class=\"ab-cp\">Boban Projectcad kann eine komplette Projektaufgabe \u00fcbernehmen oder als <strong>flexibler externer Konstruktions- und CAD-Partner<\/strong> agieren \u2014 wenn Sie zus\u00e4tzliche Kapazit\u00e4ten, Unterst\u00fctzung bei einem einzelnen Projekt oder eine l\u00e4ngerfristige Zusammenarbeit ben\u00f6tigen.<\/p>\n      <\/article>\n    <\/div>\n\n    <!-- 5. SOFTWARE -->\n    <div class=\"ab-soft rv\">\n      <div class=\"ab-soft-main\">\n        <p class=\"eyebrow\"><span class=\"sq\"><\/span>SOFTWARE UND TECHNISCHE BASIS<\/p>\n        <h3 class=\"ab-soft-t\">Wir arbeiten mit <span class=\"ac\">HiCAD<\/span><\/h3>\n        <p class=\"ab-soft-p\">F\u00fcr die 3D-Modellierung und die Erstellung technischer Dokumentation nutzen wir HiCAD, eine professionelle 2D\/3D-CAD-L\u00f6sung der ISD Group. Sie vereint Modellierung, konstruktive Ausarbeitung und Dokumentationserstellung in einem System und ist besonders auf die Konstruktion von Stahl- und anderen Metallkonstruktionen ausgelegt.<\/p>\n        <a class=\"ab-soft-link\" href=\"https:\/\/www.isdgroup.com\" target=\"_blank\" rel=\"noopener\">isdgroup.com <span aria-hidden=\"true\">\u2197<\/span><\/a>\n      <\/div>\n      <div class=\"ab-soft-badge\" aria-hidden=\"true\"><span>HiCAD<\/span><small>ISD Group<\/small><\/div>\n    <\/div>\n\n  <\/div>\n\n  <style>\n  .bpc-about{position:relative; overflow:hidden;\n    background:#0a1626; background-image:radial-gradient(130% 90% at 20% -5%, #123a66 0%, #0b213b 40%, #0a1626 100%);\n    font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:#EAF2FB;\n    padding:clamp(58px,8vw,120px) clamp(18px,5vw,40px);}\n  .bpc-about *{box-sizing:border-box;}\n  .bpc-about p, .bpc-about h2, .bpc-about h3, .bpc-about blockquote{margin:0;}\n  .ab-glow{position:absolute; z-index:0; border-radius:50%; filter:blur(100px); pointer-events:none;}\n  .ab-glow-1{width:min(56vw,620px); height:min(56vw,620px); top:-16%; right:-10%; background:radial-gradient(circle, rgba(32,102,170,.45), transparent 70%);}\n  .ab-glow-2{width:min(50vw,560px); height:min(50vw,560px); bottom:-18%; left:-12%; background:radial-gradient(circle, rgba(0,120,180,.34), transparent 72%);}\n  .ab-wrap{position:relative; z-index:1; max-width:1200px; margin:0 auto;}\n  .ab-head{max-width:760px; margin:0 0 clamp(40px,5vw,64px);}\n  .eyebrow{font-family:'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace; font-size:12.5px; letter-spacing:.24em;\n    color:#4E9BEA; margin:0 0 16px!important; display:flex; align-items:center; gap:11px;}\n  .eyebrow .sq{width:7px;height:7px;background:#2E7DD7;display:inline-block;flex:none;box-shadow:0 0 12px rgba(46,125,215,.7);}\n  .ab-title{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800;\n    font-size:clamp(1.9rem,4.4vw,3rem); line-height:1.08; letter-spacing:-.015em; color:#EAF3FF; text-wrap:balance; margin:0 0 18px!important;}\n  .ab-title .ac{color:#4E9BEA;}\n  .ab-lead{font-size:clamp(1.06rem,1.35vw,1.24rem); line-height:1.6; color:rgba(226,238,252,.76); margin:0 0 24px!important;}\n  .ab-badges{display:flex; flex-wrap:wrap; gap:10px;}\n  .badge{display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; font-size:12.5px; letter-spacing:.03em;\n    color:rgba(226,238,252,.8); background:rgba(226,238,252,.05); border:1px solid rgba(226,238,252,.12); border-radius:999px; padding:7px 14px;}\n  .badge i{width:6px;height:6px;border-radius:50%;background:#2E7DD7;flex:none;box-shadow:0 0 8px rgba(46,125,215,.8);}\n  .ab-founder{display:grid; grid-template-columns:340px 1fr; gap:clamp(24px,3vw,48px); align-items:center; margin:0 0 clamp(36px,4.5vw,56px);}\n  .ab-photo{position:relative; border-radius:18px; overflow:hidden; aspect-ratio:1\/1; background:linear-gradient(135deg,#12365f,#0a1c33); border:1px solid rgba(226,238,252,.12); box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}\n  .ab-photo img{width:100%; height:100%; object-fit:cover; display:block;}\n  .ab-photo-frame{position:absolute; inset:10px; border:1px solid rgba(78,155,234,.35); border-radius:12px; pointer-events:none;}\n  .ab-role{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.22em; color:#4E9BEA; margin:0 0 10px!important;}\n  .ab-name{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800; font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.1; color:#EAF3FF; margin:0 0 18px!important;}\n  .ab-bio p{font-size:clamp(1rem,1.15vw,1.08rem); line-height:1.65; color:rgba(226,238,252,.72); margin:0 0 14px!important;}\n  .ab-bio p:last-child{margin-bottom:0!important;}\n  .ab-quote{position:relative; border-left:3px solid #2E7DD7; background:linear-gradient(90deg, rgba(46,125,215,.10), rgba(46,125,215,.02));\n    border-radius:0 14px 14px 0; padding:clamp(22px,2.6vw,34px) clamp(24px,3vw,40px);\n    font-size:clamp(1.14rem,1.5vw,1.4rem); line-height:1.55; color:rgba(234,243,255,.9); font-weight:500; margin:0 0 clamp(36px,4.5vw,56px)!important;}\n  .ab-quote strong{color:#EAF3FF; font-weight:700;}\n  .ab-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,1.8vw,22px); margin:0 0 clamp(20px,2.4vw,30px); align-items:stretch;}\n  .ab-card{background:linear-gradient(180deg, rgba(226,238,252,.05), rgba(226,238,252,.02)); border:1px solid rgba(226,238,252,.10);\n    border-radius:16px; padding:clamp(24px,2.6vw,32px); transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;}\n  .ab-card:hover{border-color:rgba(46,125,215,.45); transform:translateY(-4px); box-shadow:0 22px 46px -26px rgba(0,0,0,.7);}\n  .ab-ct{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:700; font-size:clamp(1.2rem,1.5vw,1.4rem); line-height:1.2; color:#EAF3FF; margin:0 0 12px!important;}\n  .ab-cp{font-size:clamp(1rem,1.1vw,1.06rem); line-height:1.6; color:rgba(226,238,252,.72); margin:0 0 16px!important;}\n  .ab-card:last-child .ab-cp{margin-bottom:0!important;}\n  .ab-chips{display:flex; flex-wrap:wrap; gap:9px;}\n  .ab-chips span{font-size:.92rem; color:#cfe2f7; background:rgba(46,125,215,.12); border:1px solid rgba(46,125,215,.32); border-radius:9px; padding:7px 13px; line-height:1;}\n  .ab-soft{display:grid; grid-template-columns:1fr auto; gap:clamp(20px,3vw,40px); align-items:center;\n    background:linear-gradient(120deg, rgba(0,150,208,.10), rgba(46,125,215,.05)); border:1px solid rgba(78,155,234,.28); border-radius:18px; padding:clamp(26px,3vw,40px);}\n  .ab-soft-t{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800; font-size:clamp(1.5rem,2.2vw,2rem); line-height:1.12; color:#EAF3FF; margin:8px 0 14px!important;}\n  .ab-soft-t .ac{color:#4E9BEA;}\n  .ab-soft-p{font-size:clamp(1rem,1.15vw,1.08rem); line-height:1.62; color:rgba(226,238,252,.76); margin:0 0 18px!important; max-width:640px;}\n  .ab-soft-link{display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; font-size:.95rem; letter-spacing:.03em;\n    color:#5AA6EF; text-decoration:none; border-bottom:1px solid rgba(90,166,239,.4); padding-bottom:2px; transition:color .2s ease, border-color .2s ease;}\n  .ab-soft-link:hover{color:#8CC2F7; border-color:#8CC2F7;}\n  .ab-soft-badge{flex:none; width:160px; height:160px; border-radius:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;\n    background:linear-gradient(135deg,#2E7DD7,#0096D0); box-shadow:0 20px 44px -18px rgba(46,125,215,.85);}\n  .ab-soft-badge span{font-family:'Archivo',sans-serif; font-weight:800; font-size:1.9rem; color:#fff; letter-spacing:.02em;}\n  .ab-soft-badge small{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.14em; color:rgba(255,255,255,.85);}\n  @media (prefers-reduced-motion: no-preference){\n    @keyframes abRv{from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:none;}}\n    @keyframes abGlow1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-40px,30px) scale(1.08);}}\n    @keyframes abGlow2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.06);}}\n    .ab-glow-1{animation:abGlow1 24s ease-in-out infinite;} .ab-glow-2{animation:abGlow2 28s ease-in-out infinite;}\n    html.js .bpc-about .rv{opacity:0; transform:translateY(22px);}\n    html.js .bpc-about.in .rv{animation:abRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-about.in .ab-title{animation-delay:.05s} html.js .bpc-about.in .ab-lead{animation-delay:.12s} html.js .bpc-about.in .ab-badges{animation-delay:.18s}\n    html.js .bpc-about.in .ab-founder{animation-delay:.12s}\n    html.js .bpc-about.in .ab-quote{animation-delay:.06s}\n    html.js .bpc-about.in .ab-grid .ab-card:nth-child(1){animation-delay:.06s} html.js .bpc-about.in .ab-grid .ab-card:nth-child(2){animation-delay:.16s}\n    html.js .bpc-about.in .ab-soft{animation-delay:.06s}\n  }\n  @media (max-width:820px){\n    .ab-founder{grid-template-columns:1fr; gap:24px;}\n    .ab-photo{max-width:340px;}\n    .ab-grid{grid-template-columns:1fr;}\n    .ab-soft{grid-template-columns:1fr; text-align:left;}\n    .ab-soft-badge{order:-1; width:120px; height:120px;}\n    .ab-soft-badge span{font-size:1.5rem;}\n  }\n  <\/style>\n  <script>\n  (function(){\n    var s=(document.currentScript&&document.currentScript.closest('.bpc-about'))||document.querySelector('.bpc-about');\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.05});\n    io.observe(s);\n  })();\n  <\/script>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_1 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\">\r\n\r\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"bpc-pod\" aria-label=\"Arbeitsbereich\">\n  <span class=\"blob blob-1\" aria-hidden=\"true\"><\/span>\n  <span class=\"blob blob-2\" aria-hidden=\"true\"><\/span>\n  <span class=\"blob blob-3\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"pod-wrap\">\n    <header class=\"pod-head\">\n      <p class=\"eyebrow rv\"><span class=\"sq\"><\/span>ARBEITSBEREICH<\/p>\n      <h2 class=\"pod-title rv\">Metallkonstruktionen, die wir <span class=\"ac\">konstruieren<\/span><\/h2>\n      <p class=\"pod-intro rv\">Von Gel\u00e4ndern und Treppen bis zu Balkonen, Vord\u00e4chern und Industrieplattformen \u2014 wir arbeiten aus und dokumentieren ein breites Spektrum an Metallkonstruktionen f\u00fcr Fertigung und Montage.<\/p>\n    <\/header>\n\n    <div class=\"pod-grid\">\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">01<\/span>\n        <h3 class=\"pod-t\">Metallgel\u00e4nder und Balustraden<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">Balkon-, Terrassen-, Treppen- und Schutzgel\u00e4nder<\/div>\n          <div class=\"li\">Gel\u00e4nder aus Stahl, Aluminium und Edelstahl<\/div>\n          <div class=\"li\">Glasgel\u00e4nder und Kombinationen aus Metall und Glas<\/div>\n          <div class=\"li\">Handl\u00e4ufe, F\u00fcllungen und Befestigungsdetails<\/div>\n          <div class=\"li\">konstruktive Ausarbeitung der Elemente f\u00fcr Fertigung und Montage<\/div>\n        <\/div>\n      <\/article>\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">02<\/span>\n        <h3 class=\"pod-t\">Au\u00dfen- und Innentreppen aus Metall<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">gerade Treppen und Treppen mit Podesten<\/div>\n          <div class=\"li\">Service- und externe Fluchttreppen<\/div>\n          <div class=\"li\">Tragkonstruktionen, Gel\u00e4nder, Handl\u00e4ufe und Anschlussdetails<\/div>\n        <\/div>\n      <\/article>\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">03<\/span>\n        <h3 class=\"pod-t\">Balkonkonstruktionen<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">tragende Balkonkonstruktionen aus Stahl und Aluminium<\/div>\n          <div class=\"li\">freistehende und angebaute Balkone<\/div>\n          <div class=\"li\">Unterkonstruktionen, Gel\u00e4nder, Anschl\u00fcsse an den Bestand und Montagedetails<\/div>\n        <\/div>\n      <\/article>\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">04<\/span>\n        <h3 class=\"pod-t\">Podeste, Plattformen und Zugangskonstruktionen<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">Arbeits- und Servicepodeste<\/div>\n          <div class=\"li\">Zugangsplattformen und Zwischenpodeste<\/div>\n          <div class=\"li\">industrielle Lauffl\u00e4chen, Gel\u00e4nder und Zugangstreppen<\/div>\n        <\/div>\n      <\/article>\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">05<\/span>\n        <h3 class=\"pod-t\">Vord\u00e4cher<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">Eingangs-, Terrassen- und Balkonvord\u00e4cher<\/div>\n          <div class=\"li\">Unterkonstruktionen aus Stahl und Aluminium<\/div>\n          <div class=\"li\">Ausarbeitung von Rahmen, Tr\u00e4gern, Anschl\u00fcssen und Eindeckung<\/div>\n        <\/div>\n      <\/article>\n      <article class=\"pod-card\">\n        <span class=\"pod-num\">06<\/span>\n        <h3 class=\"pod-t\">Weitere Metallkonstruktionen<\/h3>\n        <div class=\"pod-items\">\n          <div class=\"li\">Rahmen, Tr\u00e4ger, Unterkonstruktionen, Schwei\u00dfbaugruppen und Schraubverbindungen<\/div>\n          <div class=\"li\">individuelle Metalll\u00f6sungen nach Kundenanforderung<\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <style>\n  .bpc-pod{position:relative; overflow:hidden;\n    background:#0a1424;\n    background-image:radial-gradient(140% 120% at 50% -10%, #10305a 0%, #0b1e38 42%, #0a1424 100%);\n    font-family:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:#EAF2FB;\n    padding:clamp(58px,8vw,120px) clamp(18px,5vw,40px);}\n  .bpc-pod *{box-sizing:border-box;}\n  .bpc-pod .pod-items, .bpc-pod .pod-t, .bpc-pod .li{margin:0!important;}\n  .blob{position:absolute; z-index:0; border-radius:50%; filter:blur(90px); pointer-events:none;}\n  .blob-1{width:min(60vw,640px); height:min(60vw,640px); top:-16%; left:-10%; background:radial-gradient(circle, rgba(31,99,168,.55), transparent 68%);}\n  .blob-2{width:min(52vw,560px); height:min(52vw,560px); bottom:-18%; right:-8%; background:radial-gradient(circle, rgba(0,120,180,.42), transparent 70%);}\n  .blob-3{width:min(46vw,520px); height:min(46vw,520px); top:38%; left:44%; background:radial-gradient(circle, rgba(46,125,215,.30), transparent 72%);}\n  .pod-wrap{position:relative; z-index:1; max-width:1200px; margin:0 auto;}\n  .pod-head{max-width:720px; margin:0 0 clamp(38px,5vw,58px);}\n  .eyebrow{font-family:'IBM Plex Mono','SFMono-Regular',ui-monospace,Menlo,monospace; font-size:12.5px; letter-spacing:.24em;\n    color:#4E9BEA; margin:0 0 16px!important; display:flex; align-items:center; gap:11px;}\n  .eyebrow .sq{width:7px; height:7px; background:#2E7DD7; display:inline-block; flex:none; box-shadow:0 0 12px rgba(46,125,215,.7);}\n  .pod-title{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800;\n    font-size:clamp(1.9rem,4.6vw,3rem); line-height:1.08; letter-spacing:-.015em; margin:0 0 14px!important; color:#EAF3FF; text-wrap:balance;}\n  .pod-title .ac{color:#4E9BEA;}\n  .pod-intro{font-size:clamp(1.02rem,1.25vw,1.16rem); line-height:1.6; color:rgba(226,238,252,.7); margin:0!important;}\n  .pod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,1.6vw,22px);}\n  .pod-card{position:relative; overflow:hidden; display:flex; flex-direction:column;\n    background:linear-gradient(180deg, rgba(226,238,252,.055), rgba(226,238,252,.02));\n    border:1px solid rgba(226,238,252,.10); border-radius:16px;\n    padding:clamp(24px,2.4vw,32px)!important; backdrop-filter:blur(2px);\n    transition:transform .32s cubic-bezier(.2,.7,.2,1), border-color .32s ease, background .32s ease, box-shadow .32s ease;}\n  .pod-card::before{content:\"\"; position:absolute; top:0; left:0; right:0; height:3px;\n    background:linear-gradient(90deg,#2E7DD7,#0096D0); transform:scaleX(0); transform-origin:left; transition:transform .4s ease;}\n  .pod-card:hover{transform:translateY(-6px); border-color:rgba(46,125,215,.5);\n    background:linear-gradient(180deg, rgba(46,125,215,.10), rgba(226,238,252,.02));\n    box-shadow:0 26px 54px -26px rgba(0,0,0,.75);}\n  .pod-card:hover::before{transform:scaleX(1);}\n  .pod-num{font-family:'Archivo','Helvetica Neue',Arial,sans-serif; font-weight:800; font-size:clamp(2rem,2.6vw,2.6rem);\n    line-height:1; letter-spacing:-.02em; margin:0 0 14px;\n    background:linear-gradient(135deg,#5AA2EE,#0096D0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}\n  .pod-t{font-family:'Archivo','Helvetica Neue',Arial,sans-serif!important; font-weight:700!important;\n    font-size:clamp(1.18rem,1.4vw,1.34rem)!important; line-height:1.25!important; margin:0 0 16px 0!important; color:#EAF3FF!important;\n    padding-bottom:14px; border-bottom:1px solid rgba(226,238,252,.10);}\n  .pod-items{display:flex; flex-direction:column; gap:9px;}\n  .li{position:relative; padding-left:18px; font-size:clamp(.96rem,1.05vw,1.02rem); line-height:1.5; color:rgba(226,238,252,.68);}\n  .li::before{content:\"\"; position:absolute; left:0; top:.62em; width:9px; height:2px; border-radius:2px; background:#2E7DD7;}\n  @media (prefers-reduced-motion: no-preference){\n    @keyframes podRv{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}\n    @keyframes podCard{from{opacity:0; transform:translateY(26px);} to{opacity:1; transform:none;}}\n    @keyframes podDrift1{0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(60px,44px) scale(1.08);}}\n    @keyframes podDrift2{0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(-54px,-40px) scale(1.06);}}\n    @keyframes podDrift3{0%,100%{transform:translate(0,0) scale(1); opacity:.9;} 50%{transform:translate(-40px,40px) scale(1.12); opacity:.6;}}\n    .blob-1{animation:podDrift1 20s ease-in-out infinite;}\n    .blob-2{animation:podDrift2 26s ease-in-out infinite;}\n    .blob-3{animation:podDrift3 30s ease-in-out infinite;}\n    html.js .bpc-pod .rv{opacity:0; transform:translateY(20px);}\n    html.js .bpc-pod.in .rv{animation:podRv .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-pod.in .pod-title{animation-delay:.06s} html.js .bpc-pod.in .pod-intro{animation-delay:.14s}\n    html.js .bpc-pod .pod-card{opacity:0; transform:translateY(26px);}\n    html.js .bpc-pod.in .pod-card{animation:podCard .6s cubic-bezier(.2,.7,.2,1) forwards;}\n    html.js .bpc-pod.in .pod-card:nth-child(1){animation-delay:.24s}\n    html.js .bpc-pod.in .pod-card:nth-child(2){animation-delay:.32s}\n    html.js .bpc-pod.in .pod-card:nth-child(3){animation-delay:.40s}\n    html.js .bpc-pod.in .pod-card:nth-child(4){animation-delay:.48s}\n    html.js .bpc-pod.in .pod-card:nth-child(5){animation-delay:.56s}\n    html.js .bpc-pod.in .pod-card:nth-child(6){animation-delay:.64s}\n  }\n  @media (max-width:980px){ .pod-grid{grid-template-columns:repeat(2,1fr);} }\n  @media (max-width:640px){ .pod-grid{grid-template-columns:1fr;} }\n  <\/style>\n  <script>\n  (function(){\n    var s=(document.currentScript&&document.currentScript.closest('.bpc-pod'))||document.querySelector('.bpc-pod');\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.06});\n    io.observe(s);\n  })();\n  <\/script>\n<\/section><\/div><\/div><\/div><\/div><\/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-507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/507","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=507"}],"version-history":[{"count":11,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/507\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/pages\/507\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/bpc.hr\/de\/wp-json\/wp\/v2\/media?parent=507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}