/* Parkguide-Teaser 20261017 — DESKTOP homepage, Slot von #cardJobsWidget.
   Rueckbau: Teaser-Block + diese CSS-Zeile entfernen, Klasse "pg-off" von #cardJobsWidget entfernen. */
.v2-bottom-left-stack #cardJobsWidget.pg-off{display:none!important}
.pg-teaser{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;height:100%;min-height:200px;
  border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;
  border:1px solid rgba(214,180,110,.55);box-shadow:0 6px 22px rgba(30,40,25,.18),0 0 0 1px rgba(255,236,190,.15) inset;
  background:#1d2a22;container-type:inline-size;font-family:inherit;transition:transform .35s ease,box-shadow .35s ease}
.pg-teaser:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,40,25,.28),0 0 0 1px rgba(255,236,190,.35) inset}
.pg-teaser:focus-visible{outline:3px solid #f2c45a;outline-offset:2px}
.pg-teaser__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-3;
  transform-origin:50% 38%;animation:pgKen 22s ease-in-out infinite alternate}
.pg-teaser:hover .pg-teaser__img{animation-play-state:paused}
@keyframes pgKen{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.16) translate(-1.5%,-2%)}}
/* evening glow + readability */
.pg-teaser::before{content:"";position:absolute;inset:0;z-index:-2;
  background:radial-gradient(120% 70% at 50% 18%,rgba(255,205,120,.18),transparent 60%),
             linear-gradient(180deg,rgba(18,30,24,.05) 0%,rgba(18,30,24,.10) 38%,rgba(14,26,20,.78) 72%,rgba(10,20,15,.93) 100%)}
/* light shimmer sweep */
.pg-teaser::after{content:"";position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,240,200,.16) 50%,transparent 58%);
  transform:translateX(-60%);animation:pgSweep 7s ease-in-out 1.2s infinite}
@keyframes pgSweep{0%{transform:translateX(-60%)}38%,100%{transform:translateX(60%)}}
/* Fee Melisa: glowing light with sparkle trail */
.pg-fly{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pg-fly i{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px;border-radius:50%;
  background:radial-gradient(circle,#fffbe8 0 30%,rgba(255,214,120,.9) 45%,rgba(255,190,90,0) 72%);
  animation:pgFly 9s ease-in-out infinite;opacity:0}
.pg-fly i:first-child{width:16px;height:16px;margin:-8px;box-shadow:0 0 14px 6px rgba(255,215,130,.6),0 0 34px 12px rgba(160,220,255,.3);
  background:radial-gradient(circle,#fff 0 28%,#fff3c4 40%,rgba(255,206,110,.0) 72%)}
.pg-fly i:nth-child(2){animation-delay:-.12s;transform:scale(.8)}
.pg-fly i:nth-child(3){animation-delay:-.26s;width:5px;height:5px}
.pg-fly i:nth-child(4){animation-delay:-.42s;width:4px;height:4px}
.pg-fly i:nth-child(5){animation-delay:-.6s;width:3px;height:3px}
.pg-fly i:nth-child(6){animation-delay:-.8s;width:3px;height:3px}
.pg-fly i:nth-child(7){animation-delay:-1.05s;width:2px;height:2px}
@keyframes pgFly{
  0%{left:8%;top:30%;opacity:0}
  6%{opacity:1}
  22%{left:34%;top:14%}
  40%{left:62%;top:26%}
  55%{left:82%;top:12%}
  70%{left:58%;top:36%}
  84%{left:30%;top:24%;opacity:1}
  100%{left:8%;top:30%;opacity:0}}
/* twinkles */
.pg-tw{position:absolute;z-index:-1;width:10px;height:10px;pointer-events:none;
  background:conic-gradient(from 45deg,transparent 0 10%,rgba(255,245,210,.95) 12%,transparent 14% 35%,rgba(255,245,210,.95) 37%,transparent 39% 60%,rgba(255,245,210,.95) 62%,transparent 64% 85%,rgba(255,245,210,.95) 87%,transparent 89%);
  border-radius:50%;animation:pgTw 3.4s ease-in-out infinite;opacity:0}
.pg-tw.t1{left:46%;top:20%}.pg-tw.t2{left:72%;top:30%;animation-delay:1.1s;transform:scale(.7)}.pg-tw.t3{left:22%;top:40%;animation-delay:2.2s;transform:scale(.6)}
@keyframes pgTw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
/* content */
.pg-badge{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 7px;border-radius:999px;
  font:800 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#2b2006;
  background:linear-gradient(90deg,#f6d27a,#ffe9a8 45%,#f2c45a 55%,#f6d27a);background-size:220% 100%;animation:pgBadge 3.2s linear infinite;
  box-shadow:0 2px 8px rgba(0,0,0,.25)}

@keyframes pgBadge{from{background-position:120% 0}to{background-position:-100% 0}}
.pg-chip{position:absolute;top:9px;right:9px;padding:3px 7px;border-radius:999px;font:700 9.5px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;
  color:#fff;background:rgba(20,34,27,.55);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.pg-body{padding:0 11px 10px;display:flex;flex-direction:column;gap:3px}
.pg-kicker{font:700 9.5px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3d48a}
.pg-title{margin:0;font:700 16px/1.15 Georgia,"Times New Roman",serif;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.pg-sub{margin:0;font:400 11px/1.3 Arial,Helvetica,sans-serif;color:rgba(255,255,255,.88)}
.pg-facts{margin:3px 0 0;font:700 10px/1.3 Arial,Helvetica,sans-serif;color:#dfe9e1;letter-spacing:.02em}
.pg-facts b{color:#f3d48a;font-weight:800}
.pg-cta{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;
  font:800 11px/1 Arial,Helvetica,sans-serif;color:#1f2b12;background:linear-gradient(180deg,#ffe39a,#f2c45a);box-shadow:0 3px 10px rgba(242,196,90,.35)}
.pg-cta span{transition:transform .3s ease}
.pg-teaser:hover .pg-cta span{transform:translateX(3px)}
.pg-credit{position:absolute;right:8px;top:31px;text-align:right;font:400 7.5px/1 Arial,Helvetica,sans-serif;color:rgba(255,255,255,.55)}
@container (max-width:210px){.pg-title{font-size:14px}.pg-sub{font-size:10px}.pg-facts{font-size:9px;letter-spacing:0}.pg-body{padding:0 9px 8px;gap:2px}.pg-cta{padding:5px 9px;font-size:10px}.pg-chip{font-size:8.5px;padding:2px 6px}}
@container (min-width:250px){.pg-title{font-size:19px}.pg-sub{font-size:12px}.pg-facts{font-size:11px}.pg-body{padding:0 14px 12px}}
@media (prefers-reduced-motion:reduce){
  .pg-teaser__img,.pg-teaser::after,.pg-fly i,.pg-tw,.pg-badge{animation:none!important}
  .pg-fly i{display:none}.pg-tw.t1,.pg-tw.t2{opacity:.8;transform:none}
  .pg-teaser{transition:none}}