.ce_teasers{margin-bottom:clamp(5.75rem, 2.1136rem + 9.697vw, 13.75rem);padding-block:clamp(5.75rem, 2.1136rem + 9.697vw, 13.75rem);background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.25)), url("../../bundles/etnofica/img/Stepeniste Studnja.jpg");background-size:cover;background-position:center;color:white;background-repeat:no-repeat}.ce_teasers .inside{width:78%;max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}@media (max-width:767px){.ce_teasers .inside{width:92%}}.ce_teasers .headline-wrap{display:flex;flex-direction:column;align-items:center}.ce_teasers .headline-wrap .overline{text-transform:uppercase;font-size:0.6em;font-size:clamp(0.6em, 1.5vw, 1em);font-weight:700;line-height:1.4;letter-spacing:0.002em;display:block;margin-bottom:1em;color:#c6aa9d}.ce_teasers .headline-wrap h1{font-size:2.2em;font-size:clamp(2.2em, -3em + 12.4vw, 6.75em);line-height:1.1;margin-bottom:1.2em;font-family:"Segoe Script Bold", "Times New Roman", serif;font-family:"Segoe Script Bold", "Times New Roman", serif}.ce_teasers .headline-wrap h2{font-size:1.7em;font-size:clamp(1.7em, 0.75rem + 3vw, 4em);margin-bottom:0.7em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif}.ce_teasers .headline-wrap h3{font-size:1.1em;font-size:clamp(1.1em, 0.9em + 0.55vw, 2em);margin-bottom:0.7em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif}.ce_teasers .headline-wrap h4{font-size:0.8em;font-size:clamp(0.8em, 0.7em + 0.4vw, 1.4em);margin-bottom:0.5em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif}.ce_teasers .teasers{display:flex;justify-content:space-between;align-items:flex-start;gap:2em}.ce_teasers .teaser{box-shadow:0 8px 24px rgba(0, 0, 0, 0.15);position:relative;overflow:hidden;width:33%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ce_teasers .teaser a{box-shadow:0 8px 24px rgba(0, 0, 0, 0.15);position:absolute;bottom:0;left:0;right:0;margin-inline:auto;opacity:0;background-color:white;color:#181818;transition:color 0.5s, opacity 1s 1s}.ce_teasers .teaser a:hover{color:#c6aa9d;background-color:white}.ce_teasers figure{overflow:hidden}.ce_teasers figure picture{display:block;width:100%;height:100%}.ce_teasers figure figcaption{display:none}.ce_teasers figure img{width:100%;height:auto}.ce_teasers .btn,.ce_teasers a{font-size:0.8em;font-size:clamp(0.8em, 0.7em + 0.4vw, 1.4em);margin-bottom:0.5em;line-height:1.2;font-family:"Segoe Script Bold", "Times New Roman", serif;font-weight:500;display:block;width:fit-content;background-color:transparent;color:#2F2521;border-radius:24px;padding-block:0.7em;padding-block:clamp(0.55em, 4vw, 0.7em);padding-inline:1.55em;padding-inline:clamp(1.2em, 4vw, 1.55em);transition:0.3s ease;cursor:pointer;text-decoration:none;border:1px solid #8c9086;white-space:nowrap;transition:color 0.3s ease, background-color 0.3s ease;border-radius:0;border:0;background-color:white;color:#181818;transition:color 0.5s}.ce_teasers .btn:hover,.ce_teasers .btn:focus,.ce_teasers .btn:focus-visible,.ce_teasers .btn:active,.ce_teasers a:hover,.ce_teasers a:focus,.ce_teasers a:focus-visible,.ce_teasers a:active{background-color:#c6aa9d;color:#8c9086}.ce_teasers .btn:hover,.ce_teasers a:hover{background-color:white;color:#c6aa9d}.ce_teasers .cta{margin-top:2em}.ce_teasers .teaser:not(:hover){animation:show-overflow 2s forwards}.ce_teasers .teaser:not(:hover) a{animation:remove-data 1s forwards}.ce_teasers .teaser:hover a{animation:show-data 1s forwards;opacity:1;transition:opacity 0.3s}.ce_teasers .teaser:hover{animation:remove-overflow 2s forwards}@keyframes show-data{50%{transform:translateY(-5em)}100%{transform:translateY(-3em)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translateY(-3em)}50%{transform:translateY(-5em)}100%{transform:translateY(2.8em)}}@keyframes show-overflow{0%{overflow:initial;pointer-events:none}50%{overflow:hidden}}@media (max-width:767px){.ce_teasers .teaser{width:47%}.ce_teasers .teaser:nth-child(3){display:none}}@media (max-width:500px){.ce_teasers .teasers{flex-direction:column}.ce_teasers .teaser{width:100%}}