.contact-cards{--style-accent: #0a2555;--style-contrast: #0a2555;--style-button-bg: #0a2555;--style-button-color: #ffffff;padding-block:5em;background:#ffffff;color:#0a2555}.contact-cards.style-standard{--style-accent: #0a2555;--style-contrast: #0a2555;--style-button-bg: #0a2555;--style-button-color: #ffffff}.contact-cards.style-karriere{--style-accent: #bf388c;--style-contrast: #a42775;--style-button-bg: #a42775;--style-button-color: #ffffff}.contact-cards.style-expertise{--style-accent: #f26e1e;--style-contrast: #CB4D00;--style-button-bg: #CB4D00;--style-button-color: #ffffff}.contact-cards.style-unternehmen{--style-accent: #0eb4da;--style-contrast: #007694;--style-button-bg: #007694;--style-button-color: #ffffff}.contact-cards.style-branchen{--style-accent: #cada4f;--style-contrast: #67722C;--style-button-bg: #67722C;--style-button-color: #ffffff}.contact-cards .inside{width:100%;padding-left:1em;padding-right:1em;max-width:1176px;margin:0 auto;max-width:calc(1312px - 5em)}.contact-cards .intro{display:flex;flex-direction:column;gap:1em;margin-bottom:4em}.contact-cards .overline{font-family:"PKFGlobalSans", Arial, sans-serif;font-size:clamp(14px, 12.9231px + 0.2564vw, 16px);font-weight:700;line-height:1.2;color:var(--style-contrast);margin:0;text-transform:none}.contact-cards h2{max-width:12em;margin:0;color:currentColor;font-family:"PKFGlobalSans", Arial, sans-serif;font-size:38px;font-weight:700;line-height:1.2}.contact-cards .cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 35.5em), 1fr));gap:4em 2em;justify-content:center}.contact-cards .contact-card{position:relative;justify-self:left;width:100%;max-width:48.75em;margin-top:2.75em;border-radius:1em;background:#f2efe7;color:currentColor}.contact-cards .summary{position:relative;display:grid;grid-template-columns:13.5em minmax(0, 1fr) 2.5em;gap:1.25em;padding:2.25em 1.5em 2em 0;cursor:pointer;list-style:none}.contact-cards .summary::-webkit-details-marker{display:none}.contact-cards .image{position:absolute;left:1.5em;top:-3.5em;overflow:hidden;width:12em;aspect-ratio:0.9009433962;margin:0;border-radius:1em;background:#e8e8e8}.contact-cards .image img,.contact-cards .image picture{display:block;width:100%;height:100%}.contact-cards .image img{object-fit:cover}.contact-cards .content{grid-column:2;min-width:0;padding-top:0.35em}.contact-cards h3{margin:0 0 0.6em;color:currentColor;font-family:"PKFGlobalSans", Arial, sans-serif;font-size:1.75em;font-weight:700;line-height:1.2}.contact-cards .role,.contact-cards .location{margin:0;font-family:"PKFGlobalSans", Arial, sans-serif;font-size:1em;line-height:1.4}.contact-cards .role{max-width:19em;color:#007694;font-weight:700}.contact-cards .location{display:flex;gap:0.5em;align-items:center;margin-top:1.25em;color:currentColor;font-weight:700}.contact-cards .pin{flex:0 0 auto;width:1.125em;height:1.4375em;color:currentColor}.contact-cards .pin svg{display:block;width:100%;height:100%}.contact-cards .toggle{position:relative;grid-column:3;width:2.25em;height:2.25em;justify-self:end;color:#0a2555}.contact-cards .toggle::before{content:"";position:absolute;top:48%;left:50%;width:0.75em;height:0.75em;border-right:0.15em solid currentColor;border-bottom:0.15em solid currentColor;transform:translate(-50%, -62%) rotate(45deg);transition:transform 0.24s ease}.contact-cards .contact-card[open] .toggle::before{transform:translate(-50%, -38%) rotate(225deg)}.contact-cards .actions{display:flex;flex-wrap:nowrap;gap:1em;padding:2em 1.5em 1.75em}.contact-cards .button{font-family:"PKFGlobalSans", Arial, sans-serif;font-weight:700;line-height:1.2;font-size:16px;display:inline-flex;gap:1em;align-items:center;justify-content:center;min-width:0;min-height:2.6875em;padding:0.75em 1.25em 0.5em 1.25em;border:1px solid #0a2555;border-radius:0.5em;background:#0a2555;color:#ffffff;text-align:center;text-decoration:none;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;white-space:nowrap;border-radius:0.5em}.contact-cards .button:link,.contact-cards .button:visited{color:#ffffff}.contact-cards .button:hover,.contact-cards .button:focus-visible{background:transparent;border-color:#0a2555;color:#0a2555;text-decoration:none}.contact-cards .button:focus-visible{outline:2px solid currentColor;outline-offset:0.25em}.contact-cards .button .button-icon{flex:0 0 auto;width:1.1875em;height:1.1875em;color:currentColor;transform:translateY(-0.125em)}.contact-cards .button.is-email-link .button-icon{transform:translateY(-0.0625em)}.contact-cards .button.is-profile{background:transparent;color:#0a2555;border-color:#0a2555}.contact-cards .button.is-profile:link,.contact-cards .button.is-profile:visited{color:#0a2555}.contact-cards .button.is-profile:hover,.contact-cards .button.is-profile:focus-visible{background:#0a2555;color:#ffffff}@media (min-width:1200px){.contact-cards .contact-card:only-child{max-width:calc((100% - 2em) / 2)}}@media (max-width:579.98px){.contact-cards{padding-block:3.5em}.contact-cards .intro{margin-bottom:2.5em}.contact-cards h2{font-size:34px}.contact-cards .contact-card{min-height:0;margin-top:0}.contact-cards .summary{grid-template-columns:6.5em minmax(0, 1fr) 2em;min-height:0;padding:1em}.contact-cards .image{position:relative;left:auto;top:auto;width:6.5em;margin:0}.contact-cards h3{font-size:1.35em}.contact-cards .role,.contact-cards .location{font-size:0.9375em}.contact-cards .actions{flex-wrap:wrap;padding:0 1em 1em}.contact-cards .button{width:100%;white-space:normal}}@media (min-width:768px) and (max-width:879.98px){.contact-cards{padding-block:3.5em}.contact-cards .intro{margin-bottom:2.5em}.contact-cards h2{font-size:34px}.contact-cards .contact-card{min-height:0;margin-top:0}.contact-cards .summary{grid-template-columns:6.5em minmax(0, 1fr) 2em;min-height:0;padding:1em}.contact-cards .image{position:relative;left:auto;top:auto;width:6.5em;margin:0}.contact-cards h3{font-size:1.35em}.contact-cards .role,.contact-cards .location{font-size:0.9375em}.contact-cards .actions{flex-wrap:wrap;padding:0 1em 1em}.contact-cards .button{width:100%;white-space:normal}}.ti-joboffers .news-text-wrap .contact-cards .inside{max-width:none;padding-inline:0}.ti-joboffers .news-text-wrap .contact-cards .cards{grid-template-columns:minmax(0, 1fr)}.ti-joboffers .news-text-wrap .contact-cards .contact-card,.ti-joboffers .news-text-wrap .contact-cards .contact-card:only-child{width:100%;max-width:37em}