.pkr-contact{background:#fff;color:#232A28}
.pkr-contact__hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#fff;overflow:hidden}
.pkr-contact__hero-grid{min-height:500px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.pkr-contact__hero-copy{padding:74px 0;position:relative;z-index:2}
.pkr-contact__hero-copy .pkr-copy{max-width:650px;margin-top:28px}
.pkr-contact__hero-logo{position:relative;z-index:2;width:min(70%,390px);margin:auto}
.pkr-contact__hero-logo img{width:100%!important;height:auto!important;max-height:none!important}
.pkr-contact__textlogo{font:600 30px Georgia,serif;letter-spacing:.08em;color:#1E2D2A}.pkr-contact__textlogo span{color:#C9AA71}
.pkr-contact__orbit{position:absolute;border-radius:50%}
.pkr-contact__orbit--one{width:520px;height:210px;right:-130px;top:80px;border:1px solid rgba(30,45,42,.08);transform:rotate(-14deg)}
.pkr-contact__orbit--two{width:350px;height:145px;right:40px;bottom:40px;border:1px solid rgba(201,170,113,.28);transform:rotate(16deg)}

.pkr-contact__audiences{width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:1fr 1fr}
.pkr-contact__audience{padding:68px max(32px,calc((100vw - 1240px)/2));transition:.25s}
.pkr-contact__audience--company{background:#E9DFCC;padding-right:70px}
.pkr-contact__audience--candidate{background:#F7F5F0;padding-left:70px}
.pkr-contact__audience:hover{transform:none}
.pkr-contact__audience--company:hover{background:#DED0B5}
.pkr-contact__audience--candidate:hover{background:#EEF2EF}
.pkr-contact__audience h2{font-size:40px;margin:0 0 15px}
.pkr-contact__audience p{max-width:540px;margin:0;color:#606A67;line-height:1.7}

.pkr-contact__main{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:105px 0}
.pkr-contact__main-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.pkr-contact__details{padding-top:6px}
.pkr-contact__detail{padding:24px 0;border-top:1px solid rgba(30,45,42,.1)}
.pkr-contact__detail small{display:block;color:#C9AA71;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.pkr-contact__detail a,.pkr-contact__detail strong{font:500 25px/1.35 Georgia,serif;color:#1E2D2A;text-decoration:none}
.pkr-contact__form-wrap{background:#F7F5F0;padding:42px}
.pkr-contact__form-wrap h2{font-size:42px;margin:0 0 14px}
.pkr-contact__form-wrap>p{color:#68716E;line-height:1.7;margin:0 0 28px}
.pkr-contact__fallback-form{display:grid;gap:18px}
.pkr-contact__field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pkr-contact__fallback-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#1E2D2A}
.pkr-contact__fallback-form input,.pkr-contact__fallback-form textarea{width:100%;border:1px solid rgba(30,45,42,.15);background:#fff;padding:14px 15px;font:400 14px Montserrat,Arial,sans-serif;color:#232A28;outline:none}
.pkr-contact__fallback-form input:focus,.pkr-contact__fallback-form textarea:focus{border-color:#C9AA71}
.pkr-contact__fallback-form button{justify-self:start}
.pkr-contact__privacy{display:block;margin-top:18px;color:#7A8480;line-height:1.5}

.pkr-contact__closing{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#16221F;color:#F7F5F0;padding:100px 0;text-align:center;overflow:hidden}
.pkr-contact__closing .pkr-title{color:#F7F5F0;max-width:820px;margin:0 auto}
.pkr-contact__closing p{max-width:650px;margin:22px auto 0;color:rgba(247,245,240,.72);font-size:17px;line-height:1.7}
.pkr-contact__closing .pkr-shell{position:relative;z-index:2}
.pkr-contact__closing-orbit{position:absolute;border-radius:50%}
.pkr-contact__closing-orbit--one{width:650px;height:250px;left:-220px;top:25px;border:1px solid rgba(201,170,113,.42);transform:rotate(12deg);animation:pkrContactOrbit 34s linear infinite}
.pkr-contact__closing-orbit--two{width:520px;height:200px;right:-180px;bottom:15px;border:1px solid rgba(233,223,204,.28);transform:rotate(-18deg);animation:pkrContactOrbitReverse 39s linear infinite}

@keyframes pkrContactOrbit{from{transform:rotate(12deg)}to{transform:rotate(372deg)}}
@keyframes pkrContactOrbitReverse{from{transform:rotate(-18deg)}to{transform:rotate(-378deg)}}

@media(max-width:900px){
  .pkr-contact__hero-grid{grid-template-columns:1fr}
  .pkr-contact__hero-copy{padding:74px 0 20px}
  .pkr-contact__hero-logo{margin-bottom:60px}
  .pkr-contact__main-grid{grid-template-columns:1fr;gap:44px}
}
@media(max-width:760px){
  .pkr-contact__audiences{grid-template-columns:1fr}
  .pkr-contact__audience--company,.pkr-contact__audience--candidate{padding:54px 22px}
  .pkr-contact__field-grid{grid-template-columns:1fr}
  .pkr-contact__form-wrap{padding:32px 22px}
}
@media(prefers-reduced-motion:reduce){
  .pkr-contact__closing-orbit{animation:none!important}
}


/* V1.1 – Kreise direkt um das Logo */
.pkr-contact__hero-side{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.pkr-contact__hero-logo{
    position:relative;
    z-index:2;
    width:min(70%,390px);
    margin:0;
}
.pkr-contact__orbit--one{
    width:500px;
    height:205px;
    left:50%;
    top:50%;
    right:auto;
    border:1px solid rgba(30,45,42,.09);
    transform:translate(-50%,-50%) rotate(-14deg);
    animation:pkrContactHeroOrbit 30s linear infinite;
}
.pkr-contact__orbit--two{
    width:365px;
    height:150px;
    left:50%;
    top:50%;
    right:auto;
    bottom:auto;
    border:1px solid rgba(201,170,113,.30);
    transform:translate(-50%,-50%) rotate(18deg);
    animation:pkrContactHeroOrbitReverse 36s linear infinite;
}
@keyframes pkrContactHeroOrbit{
    from{transform:translate(-50%,-50%) rotate(-14deg)}
    to{transform:translate(-50%,-50%) rotate(346deg)}
}
@keyframes pkrContactHeroOrbitReverse{
    from{transform:translate(-50%,-50%) rotate(18deg)}
    to{transform:translate(-50%,-50%) rotate(-342deg)}
}
@media(max-width:900px){
    .pkr-contact__hero-side{
        min-height:360px;
        margin-bottom:35px;
    }
}