/* Team Work Seite: ergänzt site.css, gleiche Optik */
.tw-logo img{height:44px;width:auto;border-radius:0;box-shadow:none}
.nav .tw-logo img{height:42px}
footer .tw-logo img{height:46px}
@media (max-width:760px){.nav .tw-logo img{height:34px}footer .tw-logo img{height:40px}}

/* Galerie mit drei Handys */
.tw-gal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tw-gal{display:flex;gap:18px;justify-content:center;align-items:flex-start}
.tw-gal .iph{position:relative;width:31%;max-width:230px}
.tw-gal .iph:nth-child(1){margin-top:34px;transform:rotate(-3deg)}
.tw-gal .iph:nth-child(3){margin-top:34px;transform:rotate(3deg)}
@media (max-width:960px){
  .tw-gal-grid{grid-template-columns:1fr;gap:36px}
  .tw-gal{gap:10px}
  .tw-gal .iph{width:31%}
}

/* Einwilligung im Formular */
.form .tw-consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 16px;font-size:.84rem;color:var(--soft);line-height:1.5;cursor:pointer}
.form .tw-consent input{margin-top:3px;width:18px;height:18px;min-height:0;padding:0;flex:none;accent-color:var(--g500)}
.tw-consent a{text-decoration:underline;color:var(--g600)}
.tw-consent.bad span{color:#b3261e}

/* Dock: Team-Work-Symbol statt Gesichter */
.tw-dock-ic{width:40px;height:40px;flex:none;border-radius:50%;background:var(--g600);display:grid;place-items:center}
.tw-dock-ic img{width:24px;height:24px}

.tw-consent span{font-weight:400;font-size:.84rem}
.tw-consent{font-weight:400}

/* Problem-Abschnitt: Handy statt Foto */
.pain-visual.tw-pv{display:grid;place-items:center;background:linear-gradient(160deg,var(--g100),#fff 70%);padding:44px 0 36px;min-height:0}
.pain-visual.tw-pv .iph{position:relative;width:min(250px,62%);margin:0 auto}
.pain-visual.tw-pv>img{display:none}
.pain-visual.tw-pv .iph img{aspect-ratio:auto;border-radius:0;filter:none;width:100%;object-fit:cover}

/* Foto-Mosaik: breites Teambild oben, vier Branchenfotos darunter */
.tw-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:16px}
.tw-ph{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--g100);isolation:isolate}
.tw-ph.big{grid-row:1/3}
.tw-ph.big img{object-position:58% 30%}
.tw-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.tw-ph:hover img{transform:scale(1.05)}
.tw-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,32,14,0) 55%,rgba(19,32,14,.62));z-index:1;pointer-events:none}
.tw-ph figcaption{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:2px}
.tw-ph figcaption b{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.tw-ph figcaption span{font-size:.86rem;opacity:.88}
.tw-ph.big figcaption b{font-size:1.6rem}
@media (max-width:860px){
  .tw-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
  .tw-ph.big{grid-row:auto;grid-column:1/3;aspect-ratio:4/3}
  .tw-ph:not(.big){aspect-ratio:1/1}
  .tw-ph{border-radius:22px}
  .tw-ph figcaption{left:14px;bottom:12px}
}

/* Branchen-Foto */
.house .tw-bphoto{grid-column:1/-1;position:relative;border-radius:24px;overflow:hidden;margin:26px 0 8px;aspect-ratio:21/8;background:var(--g100)}
.house .tw-bphoto img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transition:opacity .35s var(--ease)}
.house.swap .tw-bphoto img{opacity:0}
.house .tw-bphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,32,14,0) 55%,rgba(19,32,14,.55))}
.house .tw-bphoto span{position:absolute;left:20px;bottom:16px;z-index:2;color:#fff;font-weight:700;font-size:1.1rem;background:rgba(19,32,14,.55);backdrop-filter:blur(6px);padding:7px 14px;border-radius:999px}
@media (max-width:760px){.house .tw-bphoto{aspect-ratio:16/10;margin:18px 0 4px}}

.tw-credit{display:block;opacity:.7;font-size:.78rem;margin-bottom:6px}

.final .tw-final-ph{position:relative;width:100%;max-width:420px;margin-left:auto;aspect-ratio:4/5;transform:rotate(3deg);box-shadow:0 30px 60px rgba(0,0,0,.4)}
@media (max-width:960px){.final .tw-final-ph{display:none}}

/* Fotos in den Funktionskarten */
.svc .tw-cardph{flex:1 1 auto;min-height:110px;margin:18px 0 16px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.4)}
.svc .tw-cardph img{width:100%;height:100%;object-fit:cover;display:block}

.tw-ph.tw-gastro img{object-position:center 60%}