/**
 * conex Website - ContentBlocks CSS Teaser
 * @author Thomas Jirasko <technik@bugfree-systems.de>
 * @package sitepackage/ContentBlocks/teaser/assets/css
 * @created 2026-09-17
 * @updated 2026-09-20 by Thomas Jirasko
 */

.cb_teaser{position:relative;}
img.cb_teaser_image{width:100%;height:auto;transition:All 0.4s ease;-webkit-transition: All 0.4s ease;}
.cb_teaser_overlay{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;}
.cb_teaser_caption{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:4;top:50%;left:0;width:100%;text-align: center;color:#fff;padding-left:30px;padding-right:30px;}
#main .cb_teaser_caption h2{font-size:2rem;color:#fff;margin-bottom:10px;transition:transform .4s ease-out, opacity .4s ease-out;-webkit-transition:transform .4s ease-out, opacity .4s ease-out;}
#main .cb_teaser_caption p{font-size:1.3em;transition:transform .4s ease-out,opacity .4s ease-out;-webkit-transition:transform .4s ease-out,opacity .4s ease-out;}

.cb_teaser:hover img.cb_teaser_image{transform:scale(1.1);}
.cb_teaser:hover .cb_teaser_overlay{opacity:0;}
/*.cb_teaser:hover .cb_teaser_caption{transform:translateY(-15px);-webkit-transform:translateY(-15px);opacity:0;}*/
.cb_teaser:hover .cb_teaser_caption h2{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
.cb_teaser:hover .cb_teaser_caption p{transform:translateY(15px);-webkit-transform:translateY(15px);opacity:0;}