/* One geometry for damage photographs, signs and consequences. */
.damp-content-page #anzeichen .editorial-grid,
.damp-content-page #folgen .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.damp-content-page #anzeichen .editorial-card,
.damp-content-page #folgen .editorial-card{position:relative;padding:28px;min-width:0;min-height:0;border:1px solid #d9e0ee;border-radius:var(--hd-radius,12px);background:#fff;transition:background-color .25s ease,border-color .25s ease}
.damp-content-page .editorial-card h3{max-width:28ch;text-wrap:balance;transition:color .25s ease}
.damp-content-page .editorial-card p{max-width:58ch;text-wrap:pretty}
.damp-content-page #anzeichen .damage-card{overflow:hidden;isolation:isolate}
.damage-card-copy{position:relative;z-index:1;pointer-events:none}
.damage-card .damage-reveal{position:absolute;inset:0;z-index:0;clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.16,1,.3,1);pointer-events:none;background:#142346}
.damage-reveal img{width:100%;height:100%;object-fit:cover;transform:scale(calc(var(--damage-crop,1) + .05));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.damage-reveal>span{position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 22 45 / .90),rgb(10 22 45 / .69) 62%,rgb(10 22 45 / .5))}
.damage-card-copy p,.damage-card-copy .detail-icon{transition:color .3s ease}
.damage-toggle{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #d9e0ee;border-radius:50%;color:var(--blue);background:#fff;cursor:pointer;transition:color .25s ease,background-color .25s ease,border-color .25s ease}
.damage-toggle svg{width:20px;height:20px}
.damage-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.damage-card.is-revealed .damage-reveal,.damage-card:has(.damage-toggle:focus-visible) .damage-reveal{clip-path:inset(0)}
.damp-content-page .damage-card.is-revealed :is(h3,p,.detail-icon),.damp-content-page .damage-card:has(.damage-toggle:focus-visible) :is(h3,p,.detail-icon){color:#fff}
.damage-card.is-revealed .damage-reveal img,.damage-card:has(.damage-toggle:focus-visible) .damage-reveal img{transform:scale(var(--damage-crop,1))}
.damage-card.is-revealed .damage-toggle,.damage-card:has(.damage-toggle:focus-visible) .damage-toggle{color:#fff;background:#14234680;border-color:#ffffff80}
.damp-content-page #anzeichen .editorial-card .detail-icon,
.damp-content-page #folgen .editorial-card .detail-icon{display:block;width:36px;height:36px;margin-bottom:24px;transform:none;transition:none}
.damp-content-page .damage-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 32px}
.damp-content-page .damage-photo{position:relative;aspect-ratio:auto;margin:0;overflow:hidden;border-radius:var(--hd-radius,12px);background:var(--blue-dark)}
.damp-content-page .damage-photo img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.damp-content-page .damage-photo figcaption{position:relative;padding:16px 18px;background:var(--blue-dark);color:white;font-size:14px;line-height:1.55}
.damp-content-page .damage-photo:nth-child(1) img{object-position:77% center}
.damp-content-page .damage-photo:nth-child(2) img{object-position:center 62%}
.damp-content-page .damage-photo:nth-child(3) img{object-position:35% center}
.damp-content-page main .text-link{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color .2s ease}
.damp-content-page main .text-link:focus-visible{text-decoration-color:currentColor}
@media(hover:hover) and (pointer:fine){
 .damage-card:hover .damage-reveal{clip-path:inset(0)}
 .damage-card:hover .damage-reveal img{transform:scale(var(--damage-crop,1))}
 .damp-content-page #anzeichen .damage-card:hover :is(h3,p,.detail-icon){color:#fff}
 .damage-card:hover .damage-toggle{color:#fff;background:#14234680;border-color:#ffffff80}
 .damp-content-page #anzeichen .editorial-card:hover,
 .damp-content-page #folgen .editorial-card:hover{background:#edf1fb;border-color:#a5b5da}
 .damp-content-page .editorial-card:hover h3{color:var(--blue)}
 .damp-content-page .damage-photo:hover img{transform:scale(1.025)}
 .damp-content-page main .text-link:hover{text-decoration-color:currentColor}
}
@media(max-width:700px){
 .damp-content-page #anzeichen .editorial-grid,
 .damp-content-page #folgen .editorial-grid{grid-template-columns:1fr;gap:16px}
 .damp-content-page #anzeichen .editorial-card,
 .damp-content-page #folgen .editorial-card{display:block;padding:24px}
 .damp-content-page #anzeichen .editorial-card .detail-icon,
 .damp-content-page #folgen .editorial-card .detail-icon{margin-bottom:18px;width:32px;height:32px}
 .damp-content-page .damage-gallery{grid-template-columns:1fr;gap:20px;margin-bottom:24px}
 .damp-content-page .damage-photo img{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){
 .damage-reveal,.damage-reveal img,.damage-card-copy p,.damage-card-copy .detail-icon,.damage-toggle{transition:none!important}
 .damage-reveal img{transform:scale(var(--damage-crop,1))!important}
 .damp-content-page .editorial-card,.damp-content-page .editorial-card h3,
 .damp-content-page .damage-photo img,.damp-content-page main .text-link{transition:none}
 .damp-content-page .damage-photo:hover img{transform:none}
}