/* PixelMechanics site CSS - in den gezogen, um FOUC und Layout-Sprung zu vermeiden. Erzeugt am 2026-08-05. Quellen: Poppins-Webfonts, Header-CSS aus View 4373, gemeinsame #pm-ind-Regeln aus 43 Views. */ /* ===== Poppins ===== */ @font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/web/content/2912/poppins-400.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/web/content/2915/poppins-500.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/web/content/2918/poppins-600.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/web/content/2921/poppins-700.woff2') format('woff2');} /* ===== Header ===== */ #top.o_header_standard,#top.o_header_standard .navbar,#top.o_header_standard nav,header.o_header_affixed,header.o_header_affixed nav{background:#ffffff !important;}header .o_mega_menu,header .dropdown-menu{background:#ffffff !important;}#top.o_header_standard:not(.o_header_is_scrolled){background:#ffffff !important;box-shadow:none !important;}/*pm-mobile-sticky*/@media (max-width: 991.98px){#wrapwrap header#top,#wrapwrap header#top.o_header_standard,#wrapwrap header#top.o_header_standard:not(.o_header_is_scrolled),#wrapwrap header#top.o_header_affixed{position:sticky !important;top:0 !important;left:auto !important;right:auto !important;transform:none !important;transition:none !important;will-change:auto !important;filter:none !important;z-index:1030 !important;background:#ffffff !important;box-shadow:0 2px 10px rgba(8,43,63,.10) !important;}#wrapwrap header#top .navbar,#wrapwrap header#top nav{background:#ffffff !important;}#wrapwrap header#top .nav-link:not(.btn),#wrapwrap header#top .navbar-toggler,#wrapwrap header#top .oi,#wrapwrap header#top .fa,#wrapwrap header#top a:not(.btn):not(.ind-btn):not(.btn-primary){color:#082B3F !important;}#wrapwrap header#top .navbar-brand img{max-height:38px !important;}}/*pm-sticky-fix*/#wrapwrap header#top.o_header_affixed,#wrapwrap header#top.o_header_affixed.o_header_standard{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;}/*pm-sticky-smooth*/#top.o_header_affixed{will-change:transform;}#top.o_header_standard:not(.o_header_is_scrolled) .navbar,#top.o_header_standard:not(.o_header_is_scrolled) nav{background:#ffffff !important;}#top.o_header_standard:not(.o_header_is_scrolled) .nav-link,#top.o_header_standard:not(.o_header_is_scrolled) a.dropdown-toggle,#top.o_header_standard:not(.o_header_is_scrolled) .fa,#top.o_header_standard:not(.o_header_is_scrolled) span:not(.badge){color:#52616c !important;}header nav.navbar{background:#ffffff !important;}header .navbar-brand img{max-height:46px;width:auto;}header nav.navbar .nav-link,header nav.navbar .dropdown-toggle,header nav.navbar .fa{color:#52616c !important;}header nav.navbar .nav-link:hover,header nav.navbar .nav-link.active{color:#082B3F !important;}.pm-bc{padding:14px 0 2px;font-size:14px;background:#fff;}.pm-bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;color:#657684;}.pm-bc a{color:#082B3F;text-decoration:none;}.pm-bc a:hover{color:#117F8E;}header nav.navbar{padding-top:12px;padding-bottom:12px;}header .o_mega_menu{padding-top:24px !important;padding-bottom:8px !important;}header .o_mega_menu .pm-mm{padding-top:6px;}.o_footer_copyright{display:none !important;}#o_footer_copyright{display:none !important;} #wrapwrap footer{background:#082B3F !important;} #wrapwrap #footer{border:0 !important;} #wrapwrap footer .border-top{border-top:0 !important;} #wrapwrap header .oi-search, #wrapwrap header a:has(> .oi-search){color:#082B3F !important;} #wrapwrap header a:has(> .oi-search):hover{color:#B75614 !important;} #wrapwrap header .js_language_selector .dropdown-menu{border:1px solid #e3e9ee;border-radius:10px;box-shadow:0 8px 24px rgba(8,43,63,.14);padding:6px;min-width:170px;} #wrapwrap header .js_language_selector .dropdown-item{border-radius:7px;padding:8px 12px;color:#082B3F !important;background:transparent;} #wrapwrap header .js_language_selector .dropdown-item:hover{background:#EAF6F8 !important;color:#082B3F !important;} #wrapwrap header .js_language_selector .dropdown-item.active,#wrapwrap header .js_language_selector .dropdown-item.o_active_lang{background:#082B3F !important;color:#fff !important;} #wrapwrap header .js_language_selector .dropdown-item.active *{color:#fff !important;} #wrapwrap header .js_language_selector .dropdown-item.active::after{content:"\2713";float:right;color:#117F8E;font-weight:700;} /* ===== Header wie Live-Seite (nur Website 4) ===== */ /* Container voll breit, Nav mittig, Live-Typografie */ @media (min-width: 992px) { #top .o_main_nav { max-width: 1720px !important; } #top #top_menu { margin-left: auto !important; margin-right: auto !important; } #top #top_menu .nav-link { text-transform: uppercase; font-size: 16px; font-weight: 400; letter-spacing: .64px; padding-left: 1rem !important; padding-right: 1rem !important; } /* Telefon + Odoo-User-Menue ausblenden (nicht auf Live-Header) */ #top ul.navbar-nav.align-items-center li:has(a[href^="tel:"]) { display: none !important; } #top ul.navbar-nav.align-items-center li.dropdown { display: none !important; } /* Rechte Gruppe: Reihenfolge KONTAKT, Suche, Sprache */ #top ul.navbar-nav.align-items-center { display: flex; align-items: center; gap: .9rem; } #top ul.navbar-nav.align-items-center li:has(.btn) { order: 1; } #top ul.navbar-nav.align-items-center li:has(a[data-bs-target='#o_search_modal']) { order: 2; } } /* KONTAKT-Button orange wie Live */ #top .o_main_nav .btn_cta { background:#B75614 !important; border-color:#B75614 !important; color:#fff !important; border-radius:0 !important; padding:11px 34px !important; font-weight:400 !important; letter-spacing:.5px; } #top a[data-bs-target='#o_search_modal'] { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: .4rem .5rem !important; } #top a[data-bs-target='#o_search_modal'] .fa { font-size: 18px; } /* ===== Suche-Overlay wie Live (dunkler Vollbild-Layer) ===== */ #o_search_modal { background: rgba(17,18,20,.975) !important; } #o_search_modal .modal-dialog { max-width: 1040px; margin: 22vh auto 0; } #o_search_modal .modal-content { background: transparent !important; border: 0 !important; box-shadow: none !important; } #o_search_modal .input-group { border: 0 !important; background: transparent !important; } #o_search_modal input.search-query { background: transparent !important; border: 0 !important; border-bottom: 2px solid rgba(255,255,255,.5) !important; border-radius: 0 !important; color: #fff !important; font-size: 2.1rem !important; letter-spacing: 1px; text-transform: uppercase; padding: .6rem 0 !important; box-shadow: none !important; } #o_search_modal input.search-query::placeholder { color: rgba(255,255,255,.9) !important; text-transform: uppercase; } #o_search_modal .oe_search_button, #o_search_modal button[type='submit'] { background: transparent !important; border: 0 !important; color: #fff !important; font-size: 1.5rem !important; } #o_search_modal .oe_search_button .fa, #o_search_modal button .fa { color:#fff !important; } #pm-search-x { position: fixed; top: 26px; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; border-radius: 50%; background:#fff; color:#111; border:0; font-size: 20px; line-height:1; cursor:pointer; z-index: 2000; display:flex; align-items:center; justify-content:center; } /* ===== Mega-Menü wie Live-Vorlage ===== */ #top .o_mega_menu { background:#fff !important; border:0 !important; box-shadow:0 14px 30px rgba(11,31,58,.16) !important; } .pm-mm { background:#fff; padding: 36px 46px; } .pm-mm .pm-mm-teaser-head { font-size:24px; font-weight:400; line-height:27.6px; color:#000; letter-spacing:.64px; margin:0 0 14px; } .pm-mm .pm-mm-head { font-size:24px; font-weight:700; color:#000; letter-spacing:.64px; margin-bottom:15px; line-height:1.1; } .pm-mm .pm-mm-head a { color:#000; text-decoration:none; } .pm-mm .pm-mm-head a:hover { color:#B75614; } .pm-mm .pm-mm-link { font-size:16px; font-weight:400; color:#000; letter-spacing:.64px; line-height:28px; text-decoration:none; display:block; padding:2px 0; } .pm-mm .pm-mm-link:hover { color:#B75614; } .pm-mm .pm-mm-promo-img { width:100%; height:192px; object-fit:cover; display:block; } .pm-mm .pm-mm-promo-body { padding-top:18px; } .pm-mm .pm-mm-promo-body h3 { font-size:24px; font-weight:400; color:#000; letter-spacing:.64px; margin-bottom:14px; line-height:1.15; } .pm-mm .pm-mm-promo-body p { font-size:14px; font-weight:400; color:#000; line-height:28px; margin-bottom:16px; } .pm-mm .pm-mm-submit { background:#B75614; color:#fff !important; font-size:16px; letter-spacing:1.6px; text-transform:uppercase; padding:11px 32px; display:inline-block; text-decoration:none; } .pm-mm .pm-mm-submit:hover { opacity:.92; } /* Mega-Menü on hover öffnen (Desktop) wie Live-Seite */ @media (min-width: 992px) { #top #top_menu .nav-item.dropdown.pm-hover-open:hover > .dropdown-menu, #top #top_menu .nav-item.dropdown:hover > .dropdown-menu.o_mega_menu { display: block !important; } } /* pm-mm-pos-fix: Mega-Menü über volle Breite ausrichten (kein horizontaler Overflow) */ @media (min-width: 992px) { #top .o_mega_menu.dropdown-menu { left: 0 !important; right: 0 !important; transform: none !important; width: auto !important; } .pm-mm { max-width: 1720px; margin: 0 auto; } } /* pm-search-visible: Such-Icon sichtbar (Odoo-Icon .oi, nicht .fa) */ #top a[data-bs-target='#o_search_modal'] .oi { font-size: 20px; } #top a[data-bs-target='#o_search_modal'], #top a[data-bs-target='#o_search_modal'] .oi { color:#082B3F !important; } #top a[data-bs-target='#o_search_modal']:hover, #top a[data-bs-target='#o_search_modal']:hover .oi { color:#B75614 !important; } /*pm-mobile-hide*/ #top li:has(a[href^="tel:"]){ display:none !important; } #top .o_no_autohide_item{ display:none !important; } /*pm-blog-mobile*/@media (max-width: 991.98px){#wrapwrap .o_wblog_post_page_cover{min-height:0 !important;height:auto !important;}#wrapwrap #o_wblog_post_top .o_record_cover_container{min-height:240px !important;}#wrapwrap .o_wblog_post_page_cover .container{padding-top:26px !important;padding-bottom:26px !important;}#wrapwrap .o_wblog_post_name{font-size:clamp(22px,6.2vw,32px) !important;line-height:1.2 !important;margin-bottom:8px !important;}#wrapwrap .o_wblog_post_subtitle{font-size:15px !important;line-height:1.45 !important;color:rgba(255,255,255,.92) !important;text-shadow:0 2px 10px rgba(0,0,0,.75) !important;}#wrapwrap #o_wblog_blog_top .o_record_cover_container{min-height:220px !important;}} /* pm-blog-detail-hero: match live — generischer Blog-Hero + weißer Titel */ #wrapwrap .o_wblog_post_page_cover{ position:relative !important; background-image:url('/web/image/1813/blog-hero.jpg'); background-size:cover; background-position:center; } /* forced blog cover removed — per-post cover wins, 1813 is fallback on container */ #wrapwrap .o_wblog_post_page_cover:before{ content:''; position:absolute; inset:0; background:rgba(10,22,38,.55); z-index:1; pointer-events:none; } #wrapwrap .o_wblog_post_page_cover .o_record_cover_content, #wrapwrap .o_wblog_post_page_cover .container{ position:relative; z-index:2; } #wrapwrap .o_wblog_post_page_cover h1, #wrapwrap .o_wblog_post_page_cover .h1, #wrapwrap .o_wblog_post_page_cover h2, #wrapwrap .o_wblog_post_page_cover p, #wrapwrap .o_wblog_post_page_cover a, #wrapwrap .o_wblog_post_page_cover span{ color:#fff !important; } #wrapwrap .o_wblog_post_page_cover h1{ text-shadow:0 2px 14px rgba(0,0,0,.55); } /* ===== Design-System (#pm-ind) ===== */ #pm-ind, #pm-ind * { font-family:'Poppins',sans-serif; } #pm-ind .ind-hero { background-size:cover; background-position:center; position:relative; min-height:620px; display:flex; align-items:center; padding:150px 0 50px; text-align:left; } #pm-ind .ind-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,43,63,0.72) 0%, rgba(8,43,63,0.45) 100%); } #pm-ind .ind-hero .container { position:relative; z-index:1; } #pm-ind .ind-hero h1 { color:#fff; font-size:clamp(28px,5vw,58px); font-weight:400; line-height:1.14; margin-bottom:22px; max-width:960px; } #pm-ind .ind-hero p.lead { color:#fff; font-size:20px; max-width:720px; margin-bottom:30px; opacity:.95; } #pm-ind h2.ind-h2 { font-size:clamp(26px,3.6vw,44px); font-weight:400; color:#082B3F; line-height:1.15; } #pm-ind h2.ind-h2-cta { font-size:clamp(23px,3vw,34px); font-weight:400; line-height:1.2; } #pm-ind .ind-eyebrow { font-size:14px; letter-spacing:1.3px; text-transform:uppercase; color:#17ACC0; font-weight:600; margin-bottom:10px; } #pm-ind .ind-navy { background:#082B3F; color:#fff; } #pm-ind .ind-navy h2, #pm-ind .ind-navy p { color:#fff; } #pm-ind .ind-gray { background:#f4f4f4; } #pm-ind .ind-btn { background:#E77324; color:#fff!important; padding:12px 34px; font-weight:600; display:inline-block; text-decoration:none; border:0; border-radius:2px; position:relative; } #pm-ind .ind-btn::after { content:""; position:absolute; top:0; right:0; width:4px; height:100%; background:#17ACC0; } #pm-ind .ind-btn:hover { opacity:.92; color:#fff; } #pm-ind .ind-trust-label { font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#8a8a8a; text-align:center; margin-bottom:26px; } #pm-ind .ind-trust img { height:46px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.7; transition:.2s; } #pm-ind .ind-trust img:hover { filter:none; opacity:1; } #pm-ind .ind-svc-card { background:#fff; border:1px solid #e9e9e9; border-radius:10px; padding:30px; height:100%; box-shadow:0 2px 10px rgba(0,0,0,.03); } #pm-ind .ind-svc-card img { height:60px; width:auto; margin-bottom:18px; } #pm-ind .ind-svc-card h3 { font-size:15px; font-weight:700; text-transform:uppercase; color:#082B3F; letter-spacing:.4px; margin-bottom:12px; line-height:1.35; } #pm-ind .ind-svc-card p { font-size:14.5px; color:#4a4a4a; margin:0; } #pm-ind .ind-challenge-img img { width:100%; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.12); } #pm-ind .ind-challenge h3 { font-size:clamp(20px,2.6vw,27px); font-weight:400; color:#082B3F; margin-bottom:14px; line-height:1.2; } #pm-ind .ind-challenge p { font-size:16px; color:#4a4a4a; } #pm-ind .ind-bullet { font-size:15.5px; color:#333; margin-bottom:9px; } #pm-ind .ind-bullet b { color:#082B3F; } #pm-ind .ind-team-card { text-align:center; } #pm-ind .ind-team-card img { width:150px; height:150px; border-radius:50%; object-fit:cover; margin:0 auto 18px; display:block; } #pm-ind .ind-team-card .nm { font-weight:700; color:#082B3F; font-size:18px; } #pm-ind .ind-team-card .rl { color:#17ACC0; font-size:14px; margin-bottom:12px; } #pm-ind .ind-team-card blockquote { font-style:italic; color:#555; font-size:15px; } #pm-ind .ind-hex { width:230px; height:230px; border-radius:50%; object-fit:cover; margin:0 auto; display:block; border:6px solid rgba(255,255,255,.15); } /* transparent overlay header on hero */ #top.o_header_standard:not(.o_header_is_scrolled) { position:absolute!important; left:0; right:0; background:transparent!important; box-shadow:none!important; z-index:20; } #top.o_header_standard:not(.o_header_is_scrolled) .navbar, #top.o_header_standard:not(.o_header_is_scrolled) nav { background:transparent!important; box-shadow:none!important; } #top.o_header_standard:not(.o_header_is_scrolled) .nav-link, #top.o_header_standard:not(.o_header_is_scrolled) a.dropdown-toggle, #top.o_header_standard:not(.o_header_is_scrolled) .fa, #top.o_header_standard:not(.o_header_is_scrolled) span:not(.badge) { color:#fff!important; } #top.o_header_standard.o_header_is_scrolled .navbar-brand.logo img { filter:invert(1); } .o_footer_copyright { display:none!important; } @media (max-width:767px){ /*ind-hero-mobile*/ #pm-ind .ind-hero{ min-height:480px; padding-top:100px; padding-bottom:36px; } #pm-ind .ind-hero h1{ margin-bottom:16px; } #pm-ind .ind-hero p.lead{ font-size:16px; } } #wrapwrap .pm-faq-item { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); margin-bottom: 12px; } #wrapwrap .pm-faq-item summary { font-size: 20px; font-weight: 600; color: #1a1a1a; padding: 20px 56px 20px 24px; cursor: pointer; list-style: none; position: relative; } #wrapwrap .pm-faq-item summary::-webkit-details-marker { display: none; } #wrapwrap .pm-faq-item summary::after { content: "+"; position: absolute; right: 24px; top: 18px; color: #E77324; font-size: 22px; font-weight: 700; } #wrapwrap .pm-faq-item[open] summary::after { content: "–"; } #wrapwrap .pm-faq-item .pm-faq-body { padding: 0 24px 20px 24px; color: #444; } #wrapwrap main .pm-rv { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; } #wrapwrap main .pm-rv.pm-on { opacity: 1; transform: none; } #wrapwrap .pm-h2, #wrapwrap .ind-h2 { font-weight: 600; } @media (prefers-reduced-motion: reduce) { #wrapwrap main .pm-rv { opacity: 1; transform: none; transition: none; } } #pm-ind .svc-card .pm-cico{width:44px;height:44px;margin-bottom:12px;display:block;} #pm-ind .svc-sec{padding:64px 0;} #pm-ind .svc-sec.alt{background:#F4F7F9;} #pm-ind .svc-lead{font-size:19px;color:#40566A;max-width:820px;margin:0 auto 8px;} #pm-ind .svc-card{background:#fff;border:1px solid #E4EBF0;border-radius:14px;padding:26px 24px;height:100%;box-shadow:0 6px 22px rgba(8,43,63,.05);} #pm-ind .svc-card img{height:52px;width:auto;margin-bottom:14px;} #pm-ind .svc-card h3{font-size:18px;font-weight:600;color:#082B3F;margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px;} #pm-ind .svc-card p{font-size:15px;color:#516073;margin:0;line-height:1.55;} #pm-ind .svc-block{display:flex;gap:40px;align-items:center;margin-bottom:38px;} #pm-ind .svc-block.rev{flex-direction:row-reverse;} #pm-ind .svc-block .svc-txt{flex:1;} #pm-ind .svc-block .svc-txt h3{font-size:22px;font-weight:600;color:#082B3F;margin:0 0 10px;} #pm-ind .svc-block .svc-txt p{font-size:16px;color:#516073;line-height:1.6;margin:0;} #pm-ind .svc-block img{width:340px;max-width:42%;border-radius:14px;} #pm-ind .svc-step{display:flex;gap:20px;margin-bottom:22px;align-items:flex-start;} #pm-ind .svc-step .svc-num{flex:none;width:46px;height:46px;border-radius:50%;background:#082B3F;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600;} #pm-ind .svc-step h3{font-size:18px;font-weight:600;color:#082B3F;margin:0 0 4px;text-transform:uppercase;letter-spacing:.3px;} #pm-ind .svc-step p{font-size:15px;color:#516073;margin:0;line-height:1.55;} #pm-ind .svc-cta{background:#082B3F;color:#fff;text-align:center;padding:66px 20px;} #pm-ind .svc-cta .eyebrow{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#F26A2E;font-weight:600;margin-bottom:12px;} #pm-ind .svc-cta p{color:#cfe0ea;max-width:640px;margin:14px auto 26px;font-size:17px;} #pm-ind .svc-midcta{text-align:center;padding:20px 0 8px;} @media(max-width:767px){#pm-ind .svc-block,#pm-ind .svc-block.rev{flex-direction:column;} #pm-ind .svc-block img{width:100%;max-width:100%;}} #pm-ind .svc-faq{background:#fff;border:1px solid #E4EBF0;border-radius:14px;padding:20px 24px;margin:0 auto 14px;max-width:860px;box-shadow:0 2px 10px rgba(8,43,63,.04);text-align:left;} #pm-ind .svc-faq .svc-txt h3{font-size:17px;font-weight:600;color:#082B3F;margin:0 0 8px;} #pm-ind .svc-faq .svc-txt p{font-size:15px;color:#516073;margin:0;line-height:1.6;} #pm-ind .svc-card h3{text-transform:none;} #pm-ind .pm-quote{background:#082B3F;border-left:5px solid #17ACC0;border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:26px;text-align:left;box-shadow:0 10px 30px rgba(8,43,63,.18);} #pm-ind .pm-quote img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #fff;flex-shrink:0;} #pm-ind .pm-quote p{font-style:italic;color:#fff;font-size:19px;line-height:1.55;margin:0 0 10px;} #pm-ind .pm-quote .pmq-n{color:#fff;font-weight:700;} #pm-ind .pm-quote .pmq-r{color:rgba(255,255,255,.65);font-size:14px;} @media(max-width:576px){#pm-ind .pm-quote{flex-direction:column;text-align:center;padding:26px 20px;}} /*pm-hover*/ #pm-ind .ind-btn{transition:background-color .25s ease, transform .15s ease, box-shadow .25s ease;} #pm-ind .ind-btn:hover{background-color:#17ACC0!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,172,192,.4);} #pm-ind .svc-card{transition:transform .2s ease, box-shadow .25s ease;} #pm-ind .svc-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,172,192,.22);} .wp-card .wp-cover{width:100%;aspect-ratio:600/848;height:auto;object-fit:contain;background:#082B3F;border-radius:8px;margin-bottom:14px;display:block;} .wp-ph{width:100%;height:170px;border-radius:8px;margin-bottom:12px;background:linear-gradient(135deg,#082B3F,#0E7D91);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;letter-spacing:2px;font-size:13px;} #pm-ind .wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px} @media(max-width:800px){#pm-ind .wp-grid{grid-template-columns:1fr}} #pm-ind .wp-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9ee;border-radius:8px;padding:24px;box-shadow:0 4px 16px rgba(8,43,63,.06);transition:transform .2s,box-shadow .2s} #pm-ind .wp-card:hover{box-shadow:0 10px 28px rgba(8,43,63,.14);transform:translateY(-3px)} #pm-ind .wp-badge{align-self:flex-start;font-family:Poppins,sans-serif;font-weight:700;font-size:11px;line-height:1;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;border-radius:12px;margin-bottom:14px} #pm-ind .wp-badge.de{background:#082B3F;color:#fff} #pm-ind .wp-badge.en{background:#eef3f6;color:#082B3F} #pm-ind .wp-card h3{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;line-height:1.35;color:#082B3F;margin:0 0 18px} #pm-ind .wp-dl{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#f39200;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;padding:11px 20px;border-radius:6px;text-decoration:none;transition:.15s} #pm-ind .wp-dl:hover{background:#d97f00;color:#fff} #pm-ind .ev-filters{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px} #pm-ind .ev-filter{border:1px solid #cdd8e0;background:#fff;color:#082B3F;border-radius:22px;padding:8px 22px;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;line-height:1;cursor:pointer;transition:.15s} #pm-ind .ev-filter:hover{border-color:#082B3F} #pm-ind .ev-filter.is-active{background:#082B3F;border-color:#082B3F;color:#fff} #pm-ind .ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px} @media(max-width:900px){#pm-ind .ev-grid{grid-template-columns:1fr}} #pm-ind .ev-card{position:relative;display:block;min-height:320px;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;box-shadow:0 6px 24px rgba(8,43,63,.14);transition:transform .2s ease,box-shadow .2s ease} #pm-ind .ev-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,43,63,.10) 0%,rgba(8,43,63,.55) 55%,rgba(8,43,63,.88) 100%)} #pm-ind .ev-body{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:1} #pm-ind .ev-tag{color:#f39200;font-family:Poppins,sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px} #pm-ind .ev-card h3{color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:21px;line-height:1.3;margin:0} #pm-ind .ev-card .ev-cta{color:#fff;font-size:14px;margin-top:12px;display:inline-block;opacity:.9} #pm-ind .ev-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(8,43,63,.26)} #pm-ind .ev-empty{margin-top:30px;color:#5a6b78;font-size:16px} #pm-ind .ev-news{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:560px;margin:24px auto 0} #pm-ind .ev-news-input{flex:1;min-width:240px;padding:12px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.6);font-family:Poppins,sans-serif;font-size:15px;color:#082B3F} #pm-ind .ev-news .ind-btn{white-space:nowrap;margin-top:0} #pm-ind .ev-news-msg{margin-top:16px;color:#fff;font-weight:600} #pm-ind .ind-svc-card .pm-cico{width:42px;height:42px;margin-bottom:14px;display:block;} #pm-ind .ind-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,43,63,0.78) 0%, rgba(8,43,63,0.5) 100%); } #pm-ind .ind-trust img { height:46px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.7; } #top.o_header_standard:not(.o_header_is_scrolled) { position:absolute!important; left:0; right:0; background:transparent!important; box-shadow:none!important; z-index:20; } #pm-ind .ind-h2 { font-weight: 600; } #pm-ind .pm-faq-item { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); margin-bottom: 12px; } #pm-ind .pm-faq-item summary { font-size: 20px; font-weight: 600; color: #1a1a1a; padding: 20px 56px 20px 24px; cursor: pointer; list-style: none; position: relative; } #pm-ind .pm-faq-item summary::-webkit-details-marker { display: none; } #pm-ind .pm-faq-item summary::after { content: "+"; position: absolute; right: 24px; top: 18px; color: #E77324; font-size: 22px; font-weight: 700; } #pm-ind .pm-faq-item[open] summary::after { content: "–"; } #pm-ind .pm-faq-item .pm-faq-body { padding: 0 24px 20px 24px; color: #444; } #pm-ind .pm-rv { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; } #pm-ind .pm-rv.pm-on { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { #pm-ind .pm-rv { opacity: 1; transform: none; transition: none; } } #pm-ind .ind-note { max-width:820px; margin:0 auto; text-align:center; color:#555; font-size:15.5px; } .pm-faq-item{background:#fff;border:1px solid #dde5ec;border-radius:12px;margin-bottom:12px;box-shadow:0 4px 14px rgba(8,43,63,.05);} .pm-faq-item summary{cursor:pointer;list-style:none;position:relative;font-weight:600;color:#082B3F;padding:20px 56px 20px 24px;} .pm-faq-item summary::-webkit-details-marker{display:none;} .pm-faq-item summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#E77324;font-size:26px;font-weight:400;} .pm-faq-item[open] summary::after{content:"−";} .pm-faq-body{padding:0 24px 20px;color:#3d4f5c;} #pm-ind .cf-facts{list-style:none;padding:0;margin:0 auto;max-width:720px;text-align:left;} #pm-ind .cf-facts li{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid #e3e9ee;font-size:16px;} #pm-ind .cf-facts li:last-child{border-bottom:0;} #pm-ind .cf-facts .cf-k{flex:0 0 190px;color:#082B3F;font-weight:600;} #pm-ind .cf-facts .cf-v{color:#516073;} #pm-ind .cf-shot{width:100%;border-radius:14px;box-shadow:0 14px 34px rgba(8,43,63,.16);border:1px solid #e3e9ee;} #pm-ind .cf-mod-txt{text-align:left;} #pm-ind .cf-mod-txt .ind-h2{text-align:left;} #pm-ind .cf-mod-txt .svc-lead{text-align:left;margin:0;} @media(max-width:991px){#pm-ind .cf-facts .cf-k{flex:0 0 140px;}#pm-ind .cf-mod-txt{margin-top:18px;}} @media (max-width:767px){#pm-ind .pm-quote{flex-direction:column;text-align:center;padding:26px 20px;}} #pm-ind .dbs-tile{position:relative;display:block;border-radius:16px;overflow:hidden;min-height:260px;background-size:cover;background-position:center;box-shadow:0 8px 24px rgba(8,43,63,.16);transition:transform .25s ease;} #pm-ind .dbs-tile:hover{transform:translateY(-4px);} #pm-ind .dbs-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,43,63,.15) 0%,rgba(8,43,63,.78) 100%);} #pm-ind .dbs-tile .dbs-tx{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;z-index:1;} #pm-ind .dbs-tile h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 6px;} #pm-ind .dbs-tile p{color:rgba(255,255,255,.85);font-size:14.5px;margin:0 0 8px;} #pm-ind .dbs-tile .dbs-more{color:#17ACC0;font-weight:600;font-size:14.5px;} #pm-ind .dbs-stats{display:flex;flex-wrap:wrap;gap:38px;justify-content:center;margin:8px 0 22px;} #pm-ind .dbs-stats b{display:block;color:#17ACC0;font-size:40px;font-weight:700;line-height:1;} #pm-ind .dbs-stats span{color:#52616c;font-size:14.5px;} #pm-ind .pm-stats{border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;} #pm-ind .pm-stat-num{font-size:clamp(34px,4vw,54px);font-weight:700;color:#082B3F;line-height:1.1;} #pm-ind .pm-stat-lbl{font-size:14px;color:#5a6472;margin-top:6px;} #wrapwrap .pm-faq-item{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);margin-bottom:12px;} #wrapwrap .pm-faq-item summary{font-size:20px;font-weight:600;color:#1a1a1a;padding:20px 56px 20px 24px;cursor:pointer;list-style:none;position:relative;} #wrapwrap .pm-faq-item summary::-webkit-details-marker{display:none;} #wrapwrap .pm-faq-item summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:26px;color:#17ACC0;font-weight:400;} #wrapwrap .pm-faq-item[open] summary::after{content:"−";} #wrapwrap .pm-faq-body{padding:0 24px 20px;color:#52616c;font-size:16px;line-height:1.6;} #pm-ind .pm-quote{background:#082B3F;border-left:5px solid #E77324;border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:26px;text-align:left;box-shadow:0 10px 30px rgba(8,43,63,.18);} #pm-ind .pm-navy { background:#082B3F; } #pm-ind .pm-navy .ind-h2 { color:#fff; } #pm-ind h4.pm-eyebrow { font-size:14px; font-weight:400; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:5px; } #pm-ind .pm-eyebrow-white { color:#fff; } #pm-ind .pm-testimonial-card { text-align:center; } #pm-ind .pm-testimonial-card img { width:130px; height:130px; border-radius:50%; object-fit:cover; object-position:top; margin:0 auto 18px; display:block; border:3px solid rgba(255,255,255,.15); } #pm-ind .pm-testimonial-card blockquote { font-style:italic; font-size:15.5px; margin-bottom:14px; } #pm-ind .pm-faq-item { background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.06); margin-bottom:12px; } #pm-ind .pm-faq-item summary { font-size:20px; font-weight:600; color:#1a1a1a; padding:20px 56px 20px 24px; cursor:pointer; list-style:none; position:relative; } #pm-ind .pm-faq-item summary::-webkit-details-marker { display:none; } #pm-ind .pm-faq-item summary::after { content:"+"; position:absolute; right:24px; top:18px; color:#E77324; font-size:22px; font-weight:700; } #pm-ind .pm-faq-item[open] summary::after { content:"\2013"; } #pm-ind .pm-faq-item .pm-faq-body { padding:0 24px 20px 24px; color:#444; } #pm-ind .pm-faq-wrap { max-width:900px; margin:0 auto; } #pm-ind .pm-shot { margin:0 0 46px; } #pm-ind .pm-shot img { width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 14px 40px rgba(8,43,63,.18); } #pm-ind .pm-shot .cap { max-width:860px; margin:18px auto 0; text-align:center; } #pm-ind .pm-shot .cap h3 { font-size:clamp(19px,2.2vw,24px); font-weight:600; color:#082B3F; margin-bottom:8px; } #pm-ind .pm-shot .cap p { font-size:16px; color:#4a4a4a; margin:0; } @media (prefers-reduced-motion: reduce) { } #pm-ind .ref-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 40px;} #pm-ind .ref-filter{border:1px solid #d5dde5;background:#fff;color:#082B3F;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;font-family:inherit;} #pm-ind .ref-filter:hover{border-color:#F26A2E;color:#F26A2E;} #pm-ind .ref-filter.is-active{background:#082B3F;color:#fff;border-color:#082B3F;} #pm-ind .ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} #pm-ind .ref-card{position:relative;display:block;min-height:300px;overflow:hidden;background:#082B3F;background-size:cover;background-position:center;text-decoration:none;transition:.25s;} .ref-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,43,63,.12) 0%,rgba(8,43,63,.8) 100%);z-index:1;transition:.25s;} .ref-body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:24px 26px;} #pm-ind .ref-card:hover{transform:translateY(-4px);} .ref-card:hover::before{background:linear-gradient(180deg,rgba(8,43,63,.28) 0%,rgba(8,43,63,.9) 100%);} #pm-ind .ref-tag{color:#cdd8e0;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;} #pm-ind .ref-card h3{color:#fff;font-family:'Poppins',sans-serif;font-size:20px;font-weight:400;line-height:1.35;margin:0;} @media(max-width:991px){#pm-ind .ref-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){#pm-ind .ref-grid{grid-template-columns:1fr;}} #pm-ind a.ref-card{text-decoration:none;cursor:pointer;} #pm-ind .ref-card.is-static{cursor:default;} #pm-ind .pm-quote{background:#082B3F;border-left:5px solid #C96F32;border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:26px;text-align:left;box-shadow:0 10px 30px rgba(8,43,63,.18);} .pm-reel{overflow:hidden;width:100%;} .pm-reel-track{display:flex;gap:14px;width:max-content;animation:pmReel 45s linear infinite;padding:22px 0;} .pm-reel:hover .pm-reel-track{animation-play-state:paused;} .pm-reel-track img{height:230px;width:auto;border-radius:12px;filter:grayscale(1);object-fit:cover;} from{transform:translateX(0);} to{transform:translateX(-50%);} #pm-ind section.py-5{padding-top:64px !important;padding-bottom:64px !important;} .pm-cico{width:40px;height:40px;margin-bottom:12px;display:block;} #wrapwrap .pm-faq-item { background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.06); margin-bottom:12px; } #wrapwrap .pm-faq-item summary { font-size:18px; font-weight:600; color:#082B3F; padding:20px 56px 20px 24px; cursor:pointer; list-style:none; position:relative; } #wrapwrap .pm-faq-item summary::-webkit-details-marker { display:none; } #wrapwrap .pm-faq-item summary::after { content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); font-size:26px; font-weight:400; color:#E77324; line-height:1; } #wrapwrap .pm-faq-item[open] summary::after { content:"\2212"; } #wrapwrap .pm-faq-body { padding:0 24px 20px; color:#5a6b78; font-size:15.5px; line-height:1.7; } #wrapwrap .pm-faq-body p { margin:0; } /* ===== Weitere globale Bloecke (CTA, Newsletter, WhatsApp) ===== */ #wrapwrap .pm-mb-cta{background:#082B3F;color:#fff;padding:64px 20px;} #wrapwrap .pm-mb-inner{display:flex;align-items:center;gap:34px;max-width:960px;margin:0 auto;text-align:left;} #wrapwrap .pm-mb-inner img{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.3);flex-shrink:0;} #wrapwrap .pm-mb-eyebrow{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#F26A2E;font-weight:600;margin-bottom:10px;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-txt h2{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:400;margin:0 0 10px;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-txt p{color:#cfe0ea;font-size:17px;margin:0 0 16px;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-name{color:#fff;font-weight:600;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-role{color:rgba(255,255,255,.65);font-size:14px;margin-bottom:18px;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} #wrapwrap .pm-mb-btn{display:inline-block;background:#E77324;color:#fff !important;padding:13px 26px;border-radius:4px;font-weight:600;text-decoration:none;font-family:'Poppins',sans-serif;} #wrapwrap .pm-mb-btn:hover{background:#cf6017;} #wrapwrap .pm-mb-tel{color:#cfe0ea !important;text-decoration:none;font-family:'Poppins',sans-serif;} @media(max-width:767px){#wrapwrap .pm-mb-inner{flex-direction:column;text-align:center;}#wrapwrap .pm-mb-actions{justify-content:center;}} #wrapwrap .pm-job{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e3e9ee;border-radius:12px;padding:24px;text-decoration:none;transition:.2s;box-shadow:0 2px 10px rgba(8,43,63,.05);} #wrapwrap .pm-job:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(8,43,63,.13);border-color:#17ACC0;} #wrapwrap .pm-job-tags{display:flex;gap:10px;align-items:center;margin-bottom:12px;} #wrapwrap .pm-job-tag{background:#EAF6F8;color:#0d7a89;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:20px;} #wrapwrap .pm-job-loc{color:#7b8a95;font-size:13px;} #wrapwrap .pm-job h3{color:#082B3F;font-size:19px;font-weight:600;line-height:1.35;margin:0 0 16px;} #wrapwrap .pm-job-link{margin-top:auto;color:#E77324;font-weight:600;font-size:15px;} #wrapwrap .pm-rt-wrap{max-width:1000px;margin:0 auto;} #wrapwrap .pm-rt-wrap .rt-widget{font-family:'Poppins',sans-serif !important;} #wrapwrap .pm-job-dep{font-size:14px;letter-spacing:1.3px;text-transform:uppercase;color:#17ACC0;font-weight:600;margin:26px 0 14px;text-align:left;} #wrapwrap .pm-job h4{color:#082B3F;font-size:18px;font-weight:600;line-height:1.35;margin:0 0 16px;} #wrapwrap .pm-collage img{width:100%;height:340px;object-fit:cover;object-position:center 20%;border-radius:14px;box-shadow:0 10px 30px rgba(8,43,63,.14);} @media(max-width:767px){#wrapwrap .pm-collage img{height:240px;}} #wrapwrap .pm-proud-sec{background:#082B3F;} #wrapwrap .pm-proud-sec .ind-h2{color:#fff;} #wrapwrap .pm-proud{background:rgba(255,255,255,.05);border:1px solid rgba(23,172,192,.35);border-radius:14px;padding:24px;height:100%;} #wrapwrap .pm-proud-dot{display:block;width:34px;height:4px;background:#E77324;margin-bottom:14px;} #wrapwrap .pm-proud h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px;} #wrapwrap .pm-proud p{color:#cfe0ea;font-size:15px;line-height:1.6;margin:0;} #wrapwrap .pm-quote{background:#082B3F;border-left:5px solid #17ACC0;border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:26px;text-align:left;box-shadow:0 10px 30px rgba(8,43,63,.18);} #wrapwrap .pm-quote img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #fff;flex-shrink:0;} #wrapwrap .pm-quote p{font-style:italic;color:#fff;font-size:19px;line-height:1.55;margin:0 0 10px;} #wrapwrap .pm-quote .pmq-n{color:#fff;font-weight:700;} #wrapwrap .pm-quote .pmq-r{color:rgba(255,255,255,.65);font-size:14px;} @media (max-width:767px){#wrapwrap .pm-quote{flex-direction:column;text-align:center;padding:26px 20px;}} #wrapwrap .pm-jobgroup-h{color:#17ACC0;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:22px 0 14px;}