.polar{color:#332e27}.polar-panels{display:flex;gap:12px;height:530px}.polar-panel{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:20px;background:#302d26;color:#fff;transition:flex 280ms ease-out}.polar-panel.active{flex:4.5}.polar-panel>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:brightness(1);transition:transform 280ms ease-out,filter 280ms ease-out}.polar-panel.active>img{filter:brightness(1)}.polar-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(32,27,22,.12) 48%,rgba(32,27,22,.58) 72%,rgba(32,27,22,.8) 100%);pointer-events:none}.polar-select{position:absolute;inset:0;z-index:2;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.polar-select:focus-visible{outline:3px solid #bb945a;outline-offset:-6px;border-radius:20px}.polar-number{position:absolute;top:28px;left:25px;font-size:14px;letter-spacing:.12em}.polar-plus{position:absolute;right:22px;top:20px;font-size:30px}.polar-title{position:absolute;bottom:32px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:20px;white-space:nowrap}.active .polar-title{opacity:0}.polar-copy{position:absolute;bottom:34px;left:32px;right:32px;z-index:3;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity 180ms ease-out,transform 260ms ease-out}.active .polar-copy{opacity:1;visibility:visible;transform:none;transition-delay:90ms}.sv .polar-copy h3{font:400 clamp(26px,2.5vw,36px)/1.1 Calibri,sans-serif;margin:0 0 18px;color:inherit}.sv .polar-copy p{font:16px/1.55 Calibri,sans-serif;color:inherit;margin:0 0 22px;max-width:540px}.polar-copy a{color:inherit!important;pointer-events:auto;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff55;padding-top:16px;text-decoration:none}.polar-copy a:hover{text-decoration:underline}.polar-1 .polar-panel{background:#efe7da;color:#332e27;border:1px solid #ddcfb9}.polar-1 .polar-panel:after{display:none}.polar-1 .polar-panel>img{height:210px;top:65px;opacity:0;filter:none;transform:scale(.96)}.polar-1 .active>img{opacity:1;transform:none}.polar-1 .polar-copy{bottom:24px;left:26px;right:26px}.sv .polar-1 .polar-copy h3{font-size:29px;margin-bottom:10px}.sv .polar-1 .polar-copy p{font-size:17px;margin-bottom:12px}.polar-1 .polar-copy a{border-color:#cbb89b;color:#805523!important}.polar-1 .polar-number,.polar-1 .polar-plus{color:#805523}.polar-1 .polar-panel:nth-child(2){background:#f5f0e7}.polar-1 .polar-panel:nth-child(3){background:#ece2d2}.polar-1 .polar-panel:nth-child(4){background:#e5d8c3}.polar-2 .polar-panels{height:310px;gap:18px}.polar-2 .polar-panel,.polar-2 .polar-panel.active{flex:1}.polar-2 .polar-title,.polar-2 .active .polar-title{writing-mode:horizontal-tb;transform:none;left:22px;bottom:24px;opacity:1;font-size:24px;white-space:normal;right:18px}.polar-2 .polar-copy{display:none}.polar-2 .active{box-shadow:0 0 0 3px #a57d43}.polar-2 .active>img{transform:scale(1.06)}.polar-detail{background:#f3eee5;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:35px 40px;border-radius:18px;margin-top:24px;min-height:230px}.sv .polar-detail h3{font:400 34px/1.15 Calibri,sans-serif;margin:14px 0 0}.sv .polar-detail p{font:18px/1.6 Calibri,sans-serif;margin:0 0 20px}.polar-detail a{color:#805523;text-underline-offset:5px}.polar-detail a span{margin-left:12px}
@media(max-width:900px){.polar-panels{height:550px}.polar-panel.active{flex:5}.polar-copy{left:22px;right:22px}.polar-title{font-size:20px}.polar-number{left:16px}.polar-plus{right:13px}.polar-1 .polar-panel>img{height:175px}.polar-2 .polar-panels{height:280px}.polar-2 .polar-title{font-size:20px;left:15px}.polar-detail{gap:25px;padding:28px}}
@media(max-width:650px){.polar-panels{display:flex;flex-direction:column;height:auto;gap:10px}.polar-panel,.polar-panel.active{flex:none;height:78px;transition:height 280ms ease-out}.polar-panel.active{height:480px}.polar-title{writing-mode:horizontal-tb;transform:none;left:55px;bottom:26px;font-size:21px}.polar-number{top:29px;left:18px}.polar-plus{top:20px;right:20px}.polar-copy{left:24px;right:24px;bottom:24px}.sv .polar-copy h3{font-size:28px}.sv .polar-copy p{font-size:16px}.polar-1 .active{height:560px}.polar-1 .polar-panel>img{height:190px}.polar-2 .polar-panels{display:grid;grid-template-columns:1fr 1fr;height:auto}.polar-2 .polar-panel,.polar-2 .polar-panel.active{height:190px}.polar-2 .polar-title{font-size:21px;bottom:18px}.polar-detail{grid-template-columns:1fr;gap:20px;padding:26px;min-height:0}.sv .polar-detail h3{font-size:29px}.polar-2 .polar-number{top:20px}.polar-2 .polar-plus{top:12px}}
.pp-start .sv .polar-copy p,.pp-start .sv .polar-copy h3{color:inherit}
.pp-start .sv .polar-copy h3{font-size:clamp(26px,2.5vw,36px)}
.pp-start .sv .polar-1 .polar-copy h3{font-size:29px}
.polar:not(.polar-ready) .polar-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
.polar:not(.polar-ready) .polar-panel{min-height:430px}
.polar:not(.polar-ready) .polar-copy{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.polar:not(.polar-ready) .polar-select{display:none}
@media(max-width:650px){.polar:not(.polar-ready) .polar-panels{grid-template-columns:1fr}.polar:not(.polar-ready) .polar-panel{height:430px}}
@media(prefers-reduced-motion:reduce){.polar *{transition:none!important;animation:none!important}}

/* 0.260922.2: Helle Fotos, kompaktere Beschriftung und Verlauf am unteren Bildrand. */
.polar-0 .polar-number,.polar-0 .polar-plus{ text-shadow:0 1px 5px rgba(0,0,0,.65) }
.pp-start .sv .polar-0 .polar-copy a{font-size:16px}
.pp-start .sv .polar-0 .polar-copy{text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media(max-width:650px){.pp-start .sv .polar-0 .polar-copy h3{font-size:28px}.polar-0 .polar-title{font-size:19px}.polar-0 .polar-panel:not(.active):after{background:rgba(32,27,22,.3)}}
@media(max-width:650px){.polar-0 .polar-panel.active:after{background:linear-gradient(180deg,transparent 20%,rgba(32,27,22,.5) 43%,rgba(32,27,22,.72) 100%)}}

/* 0.260927.2: Mobile Fotos direkt abdunkeln; Text bleibt ohne Farbfläche im Bild. */
@media (max-width:650px) {
  .polar-0 .polar-panel.active,
  .polar-0:not(.polar-ready) .polar-panel {
    display:flex; flex-direction:column; height:auto; min-height:430px; padding-top:150px;
  }
  .pp-start .sv .polar-0 .polar-copy {
    position:relative; inset:auto; margin-top:auto; padding:22px 24px 24px;
    background:transparent; color:#fff; text-shadow:0 1px 3px #0006;
  }
  .polar-0 .polar-panel > img { filter:brightness(.55); }
  .polar-0 .polar-panel.active::after { background:linear-gradient(180deg,transparent,rgba(0,0,0,.2) 35%,rgba(0,0,0,.5)); }
  .polar-0 .polar-panel:not(.active)::after { background:rgba(0,0,0,.22); }
  .polar-0 .polar-title { font-weight:600; }
  .polar-0 .polar-plus { z-index:1; }
}