.elementor-18420 .elementor-element.elementor-element-b6ea199{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-5e74e81 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://vertipadeltours.se/wp-content/uploads/2025/02/Bela-Padel-Center-1.jpg);background-size:cover;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-5e74e81 .elementor-background-overlay{background-color:#00000066;mix-blend-mode:darken;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-97c9777 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://vertipadeltours.se/wp-content/uploads/2025/02/Bela-Padel-Center-3.jpg);background-size:cover;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-97c9777 .elementor-background-overlay{background-color:#0000006B;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-7da67f6 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://vertipadeltours.se/wp-content/uploads/2024/11/island-zone-scaled.jpg);background-size:cover;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-7da67f6 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-91cb436 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://vertipadeltours.se/wp-content/uploads/2025/01/73952e256b4ae29s1900.jpeg);background-size:cover;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-91cb436 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-0b5dc86 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://vertipadeltours.se/wp-content/uploads/2025/02/Bela-Padel-Center-5.jpg);background-size:cover;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-repeater-item-0b5dc86 .elementor-background-overlay{background-color:#0000006E;}.elementor-18420 .elementor-element.elementor-element-711bdeb .swiper-slide{transition-duration:calc(8000ms*1.2);height:561px;}.elementor-18420 .elementor-element.elementor-element-711bdeb .swiper-slide-contents{max-width:70%;}.elementor-18420 .elementor-element.elementor-element-711bdeb .swiper-slide-inner{text-align:center;}.elementor-18420 .elementor-element.elementor-element-711bdeb .elementor-slide-heading{font-family:"DM Sans", Sans-serif;font-size:28px;font-weight:500;text-transform:uppercase;}.elementor-18420 .elementor-element.elementor-element-4d81633{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18420 .elementor-element.elementor-element-acc1548{--spacer-size:20px;}.elementor-18420 .elementor-element.elementor-element-f5ada69{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18420 .elementor-element.elementor-element-d732222{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18420 .elementor-element.elementor-element-58b7bef{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-18420 .elementor-element.elementor-element-7e70278{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-18420 .elementor-element.elementor-element-9d42380 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-18420 .elementor-element.elementor-element-9d42380 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-18420 .elementor-element.elementor-element-9d42380{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-18420 .elementor-element.elementor-element-f9f257a{--spacer-size:50px;}.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-18420 .elementor-element.elementor-element-41b8e05{text-align:center;}.elementor-18420 .elementor-element.elementor-element-41b8e05 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:500;}.elementor-18420 .elementor-element.elementor-element-3607f41{--spacer-size:20px;}.elementor-18420 .elementor-element.elementor-element-835ed21{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-18420 .elementor-element.elementor-element-3b60a50{--spacer-size:50px;}@media(min-width:768px){.elementor-18420 .elementor-element.elementor-element-b6ea199{--content-width:1600px;}.elementor-18420 .elementor-element.elementor-element-f5ada69{--content-width:993px;}}/* Start custom CSS for shortcode, class: .elementor-element-e8b5c13 *//* Formular styling med !important */
.padel-form-container {
    max-width: 800px !important;
    margin: 0 auto !important;
    font-family: 'Arial', sans-serif !important;
    position: relative !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Progress bar styling med step-navne under */
.form-progress {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 60px !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Linje mellem cirklerne - justeret for at være under cirklerne, ikke teksten */
.form-progress:after {
    content: '' !important;
    position: absolute !important;
    top: 10px !important; /* Justeret til at være i højde med cirklerne */
    left: 15px !important;
    right: 15px !important;
    height: 2px !important;
    background: #e0e0e0 !important;
    z-index: -1 !important;
}

/* Step container med cirkel og label */
.step-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Cirklerne */
.progress-step {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    border-radius: 50% !important;
    background: white !important;
    border: 2px solid #e0e0e0 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important; /* Sikrer at cirklerne vises oven på linjen */
}

/* Label under cirklerne */
.step-label {
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #333 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Aktiv og fuldført step styling */
.progress-step.active {
    background: #0066cc !important;
    border-color: #0066cc !important;
}

.progress-step.completed {
    background: #4CAF50 !important;
    border-color: #4CAF50 !important;
}

/* Step sections */
.form-step-section {
    display: none !important;
    background-color: #f9f9f9 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    animation: fadeIn 0.3s !important;
}

.form-step-section.active {
    display: block !important;
}

@keyframes fadeIn {
    from { opacity: 0 !important; transform: translateY(10px) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

.form-step-section h3 {
    color: #0066cc !important;
    margin-top: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 20px !important;
}

.form-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -10px 15px !important;
}

.form-col {
    flex: 1 !important;
    padding: 0 10px !important;
    min-width: 200px !important;
}

.full-width {
    flex: 100% !important;
    width: 100% !important;
}

.form-col input, 
.form-col select, 
.form-col textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    transition: border-color 0.3s !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: normal !important;
}

.form-col input:focus, 
.form-col select:focus, 
.form-col textarea:focus {
    border-color: #0066cc !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0,102,204,0.1) !important;
}

.checkbox-group h4 {
    margin: 8px 0 12px !important;
    font-weight: normal !important;
    color: #555 !important;
    font-size: 16px !important;
}

.checkboxes {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* 3-column layout for checkboxes */
.checkboxes.three-columns .wpcf7-list-item {
    margin: 0 0 8px 0 !important;
    width: 33.333% !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

.checkboxes.three-columns .wpcf7-list-item label {
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
}

.checkboxes.three-columns .wpcf7-list-item input[type="checkbox"] {
    margin-right: 6px !important;
    width: auto !important;
    min-width: auto !important;
}

/* Forbedret navigation buttons styling */
.step-navigation {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 25px !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}

.step-navigation button {
    padding: 12px 20px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    transition: all 0.3s !important;
    text-align: center !important;
    line-height: normal !important;
    height: auto !important;
    margin: 5px !important;
    display: inline-block !important;
    min-height: 45px !important;
    min-width: auto !important;
    white-space: nowrap !important;
    font-weight: normal !important;
    box-shadow: none !important;
}

/* Ensure Tilbage knappen er til venstre */
.btn-prev {
    background-color: #f0f0f0 !important;
    color: #555 !important;
    border: 1px solid #ddd !important;
    margin-right: auto !important;
    order: 1 !important;
    flex: 0 1 auto !important;
}

/* Ensure Skip knappen er i midten */
.btn-skip {
    background-color: transparent !important;
    color: #888 !important;
    border: none !important;
    text-decoration: underline !important;
    margin: 5px auto !important;
    order: 2 !important;
    flex: 0 1 auto !important;
}

/* Ensure Fortsæt knappen er til højre */
.btn-next {
    background-color: #0066cc !important;
    color: white !important;
    border: none !important;
    margin-left: auto !important;
    order: 3 !important;
    flex: 0 1 auto !important;
}

.btn-prev:hover {
    background-color: #e5e5e5 !important;
}

.btn-next:hover {
    background-color: #0055aa !important;
}

.btn-skip:hover {
    color: #555 !important;
}

.final-step {
    justify-content: space-between !important;
    align-items: center !important;
}

.form-submit {
    margin-top: 25px !important;
}

.form-submit input[type="submit"] {
    background-color: #0066cc !important;
    color: white !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 18px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background-color 0.3s !important;
    text-align: center !important;
    display: inline-block !important;
    line-height: normal !important;
    height: auto !important;
    min-height: 45px !important;
}

.form-submit input[type="submit"]:hover {
    background-color: #0055aa !important;
}

.form-footer {
    text-align: center !important;
    margin-top: 15px !important;
    font-size: 14px !important;
    color: #666 !important;
}

/* Fix for acceptance checkbox */
.wpcf7-acceptance .wpcf7-list-item {
    margin: 0 !important;
}

.wpcf7-acceptance .wpcf7-list-item label {
    display: flex !important;
    align-items: center !important;
}

.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
    margin-right: 8px !important;
    width: auto !important;
}

/* Fix for required fields */
.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 13px !important;
    margin-top: 4px !important;
    display: block !important;
}

.wpcf7-not-valid {
    border-color: #dc3232 !important;
}

/* Responsivt design */
@media (max-width: 768px) {
    .form-progress {
        margin-bottom: 45px !important;
    }
    
    .progress-step {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }
    
    .step-label {
        font-size: 10px !important;
    }
    
    .form-col {
        flex: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .checkboxes.three-columns .wpcf7-list-item {
        width: 50% !important;
    }
}

@media (max-width: 576px) {
    .form-progress {
        margin-bottom: 50px !important;
    }
    
    .progress-step {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
        max-width: 14px !important;
        max-height: 14px !important;
    }
    
    .step-label {
        font-size: 9px !important;
        width: 60px !important;
        white-space: normal !important;
        text-align: center !important;
    }
    
    .step-container:nth-child(1) .step-label {
        content: "Personlig" !important;
    }
    .step-container:nth-child(2) .step-label {
        content: "Rejse" !important;
    }
    .step-container:nth-child(3) .step-label {
        content: "Hotel" !important;
    }
    .step-container:nth-child(4) .step-label {
        content: "Padel" !important;
    }
    .step-container:nth-child(5) .step-label {
        content: "Færdig" !important;
    }
    
    .checkboxes.three-columns .wpcf7-list-item {
        width: 100% !important;
    }
    
    .step-navigation {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .step-navigation button {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0 !important;
    }
    
    /* Ændrer rækkefølgen på mobile enheder */
    .btn-prev {
        order: 2 !important;
    }
    
    .btn-skip {
        order: 3 !important;
    }
    
    .btn-next {
        order: 1 !important; /* Fortsæt knappen øverst på mobil */
    }
}

/* Vis/skjul tekst baseret på skærmstørrelse */
.short-text {
    display: none !important;
}

@media (max-width: 576px) {
    .full-text {
        display: none !important;
    }
    .short-text {
        display: inline !important;
    }
}

@media (max-width: 576px) {
    .step-label {
        margin-top: -20px !important;
        margin-bottom: -50px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//*#st-content-wrapper.st-page-default .banner {
    display: none !important;
}*//* End custom CSS */