.elementor-2107 .elementor-element.elementor-element-518c7252{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-518c7252:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-518c7252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DE7C5A4D;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2107 .elementor-element.elementor-element-47d25c58 > .elementor-widget-container{background-color:#570000;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-2107 .elementor-element.elementor-element-47d25c58 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2107 .elementor-element.elementor-element-34fef579 .elementor-button{background-color:#DE7C5A00;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-2107 .elementor-element.elementor-element-34fef579 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2107 .elementor-element.elementor-element-34fef579 .elementor-button .elementor-button-content-wrapper{gap:13px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2107 .elementor-element.elementor-element-518c7252{--justify-content:flex-start;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-47d25c58{width:100%;max-width:100%;text-align:center;}.elementor-2107 .elementor-element.elementor-element-47d25c58 > .elementor-widget-container{margin:0px 20px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-47d25c58 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-44ddcc26 */.card-container {
            width: 300px;
            height: 470px;
            position: relative;
            overflow: hidden;
            background-color: #f0f0f0; /* Háttér szín, hogy a container ne változzon */
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
        }

        .card {
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 10px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
            background-size: cover;
            background-position: center;
            transition: transform 0.8s ease, opacity 0.8s ease;
        }

        .card.animate-out {
            transform: translateY(100%) rotate(30deg);
            opacity: 0;
        }

        #empty-message {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            display: none; /* Alapértelmezésben rejtve van */
        }

        button {
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            width:100%;
        }

        button:disabled {
            background-color: gray;
        }/* End custom CSS */