.el-hkhimk .fwpl-result {
max-width: 350px;
} .fwpl-result { position: relative; overflow: hidden;
height: 276px;
width: 369px;
} .el-imwq1t .fwpl-result:hover .hamsterimage{
transform: scale(1) translate(0%, 0%);
opacity: 0.1;
} .fwpl-result:hover .grid_overlay_hover{
transform: scale(1) translate(0%, 0%);
opacity: 1;
color: black;
}      .fwpl-result  .hamsterimage{
height: 300px; transition-duration: 0.3s;
transform-origin: 50% 50%;
transform: scale(1) translate(0%,0%); position: absolute!important;
left: 0!important;
top: 0!important;
bottom: 0!important;
right: 0!important;
}
.fwpl-result .grid_overlay_hover {
transition-duration: 0.3s;
transform-origin: 50% 50%;
transform: scale(1) translate(0%,100%);
opacity: 0;
position: absolute!important;
left: 0!important;
top: 0!important;
bottom: 0!important;
right: 0!important;
padding: 2rem!important;
text-align: center;
justify-content: center;
align-items: center; z-index: 1; display: flex;
flex-direction: column;
}
.facetwp-facet{
width: 100%;
}
.facetwp-load-more {
margin: 0 auto;
width: 200px;
display: inherit;
font-family: heading;
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
border-radius: 0.3em;
padding: 0.8em 1.8em;
background: #4c9a0b;
border-color: transparent;
color: #ffffff!important;
overflow: hidden;
-webkit-transform: translateZ(0);
}
.facetwp-load-more:hover{
background: rgba(76, 154, 11, 0.8);
border-color: transparent;
color: #ffffff!important;
}       .hamsterfiltercolumn{
display: inline-block;
vertical-align: top;
margin-right: 2em;
}
.hamstergridcol{
display: block;
max-width: 1000px;
}
.fwpl-layout.griddedhamsters{
grid-template-columns: repeat(1, 1fr) !important;
}
@media (min-width: 768px){
.fwpl-layout.griddedhamsters{
grid-template-columns: repeat(2, 1fr) !important;
}
.hamstergridcol{
display: inline-block;
}
}
@media (min-width: 1460px){
.fwpl-layout.griddedhamsters{
grid-template-columns: repeat(3, 1fr) !important;
}
.hamstergridcol{
display: inline-block;
}
}
.l-section .hamsterfiltercolumn .facetwp-checkbox.expanded .facetwp-expand:before{
content: "▲";
color: white;
}
.l-section .hamsterfiltercolumn .facetwp-checkbox .facetwp-expand{
color: #7c8491;
}
.l-section .hamsterfiltercolumn .facetwp-checkbox .facetwp-expand:before{
content: "▼";
color: white;
}
.hamsterfiltercolumn .facetwp-display-value,
.hamsterfiltercolumn .facetwp-counter{
color: white;
}
.facetwp-facet-alle_hamsterkategorien{
background-color:  #7c8491;
padding: 1em;
}
.wpb_wrapper .hamsterfilter{
background-color: #7c8491!important;
}
.wpb_wrapper .hamsterfilter .bonusfilter{
padding: 1em;
color: white;
}
.wpb_wrapper .hamsterfilter .facetwp-facet.facetwp-facet-alle_hamsterkategorien{
margin-bottom: 0px!important;
}
.wpb_wrapper .hamsterfilter .bonusfilter input[type=button],
.wpb_wrapper .hamsterfilter .bonusfilter select
{ }
.hamsterfiltercolumn .facetwp-facet > .facetwp-checkbox .facetwp-display-value,
.hamsterfiltercolumn .facetwp-facet > .facetwp-checkbox .facetwp-counter{
font-weight: bold;
}
.hamsterfiltercolumn .facetwp-facet > .facetwp-checkbox .facetwp-counter{
display: none;
}     .hamsterfiltercolumn .facetwp-checkbox.checked {
background: url(//hamsterhilfe.at/wp-content/themes/Impreza-child/checkbox-on-g.png);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position-y: 4px;
}  .wpcf7-form-control-wrap input[type="date"]{
color: #666666;
}  .wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
padding-left: 1em;
border: 2px solid #00a0d2;
padding-left: 4em;
}
div.wpcf7-response-output {
margin: 24px 0 0 0;
padding: 18px 22px 18px 68px;
background: linear-gradient(135deg, #e6f9f0 0%, #d0f5e4 100%);
border: 11px solid #34c77b !important;
border-left-width: 11px;
border-left-style: solid;
border-left-color: rgb(52, 199, 123);
border-left: 8px solid #34c77b !important;
border-radius: 10px;
box-shadow: 0 4px 16px rgba(34, 168, 94, 0.15);
color: #166534 !important;
font-family: 'Segoe UI', system-ui, sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 2.4;
position: relative;
animation: wpcf7FadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
} div.wpcf7-response-output::before {
content: "✓";
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: #22a85e;
color: white;
font-size: 16px;
font-weight: 700;
border-radius: 50%;
}
@keyframes wpcf7FadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}