/*
Theme Name: THEME HÙNG VŨ
Description: Theme by Vũ Đình Hùng
Author: https://www.facebook.com/vudinhhungth
Template: flatsome
Version: 3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ========== WOW NAILS – Ergänzungen (Banner, Kontakt, Formular, Footer) ========== */
.wn-page-banner .wn-banner-eyebrow,.wn-page .wn-eyebrow{letter-spacing:2.2px;font-size:12px;font-weight:700;color:#cf9b51;margin-bottom:8px}
.wn-page-banner .wn-banner-eyebrow{color:#e9b752}
.wn-page-banner .text1 h1{margin-top:0;line-height:1.1}
.wn-page-banner .wn-banner-text{max-width:560px;color:#f3e8ef;margin-bottom:18px}
.wn-page-banner .button{margin:0 10px 10px 0}
.wn-page .wn-round img,.wn-page .wn-round .img-inner{border-radius:8px}
.wn-page .wn-heading .section-title{justify-content:inherit}
.wn-home-about .wn-split-copy .col-inner{max-width:520px}
.wn-home-gallery .wn-gallery .col{padding:0 6px 12px}
.wn-gallery img{border-radius:6px}
.wn-values-4 .wn-value{padding-top:8px;padding-bottom:8px}
.wn-service-card .wn-image img{transition:transform .5s ease}
.wn-service-card:hover .wn-image img{transform:scale(1.04)}
.wn-cta .wn-eyebrow{color:#d4ae70}
.wn-cta .wn-cta-actions .button{margin:6px 0 6px 10px}

.wn-service-card .section-title-container{width:auto;max-width:none}
.wn-service-card .text{margin-left:22px;margin-right:22px}
.wn-site-footer .wn-f-brand .img{max-width:280px}

/* Kontakt */
.wn-contact-item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee3d5}
.wn-contact-item:last-child{border-bottom:0}
.wn-ci-icon{flex:0 0 46px;height:46px;border:1px solid #cf9b51;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#431c49;font-size:17px}
.wn-contact-item strong{display:block;color:#431c49;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:400;margin-bottom:2px}
.wn-contact-item p{margin:0}
.wn-contact-item a{color:#431c49;border-bottom:1px solid #cf9b51}
.wn-contact-form-col>.col-inner{background:#fff;border:1px solid #e9dfd2;border-radius:8px;padding:34px 34px 26px;box-shadow:0 18px 40px rgba(50,19,47,.06)}
#kontaktformular{position:relative;top:-110px}
.wn-form-head h2{color:#431c49;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(26px,2.6vw,34px);margin-bottom:6px}
.wn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.wn-form-grid .wn-form-full{grid-column:1/-1}
.wn-form p{margin-bottom:14px}
.wn-form label{display:block;font-size:13px;font-weight:600;color:#431c49;margin-bottom:5px}
.wn-form input[type=text],.wn-form input[type=email],.wn-form input[type=tel],.wn-form select,.wn-form textarea{width:100%;margin:0;border:1px solid #e3d7c8;border-radius:5px;background:#fffdf9;box-shadow:none;font-size:15px}
.wn-form input:focus,.wn-form select:focus,.wn-form textarea:focus{border-color:#cf9b51;box-shadow:0 0 0 3px rgba(207,155,81,.18)}
.wn-form-consent label{font-weight:400;color:#6f6673;display:flex;gap:8px;align-items:flex-start}
.wn-form-consent input{margin:4px 0 0}
.wn-form-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wn-form .button.nut1{position:relative;margin:4px 0 0}
.wn-form-hint{font-size:12px;color:#85818b;margin:10px 0 0!important}
.wn-form-note{padding:12px 16px;border-radius:5px;margin-bottom:16px;font-size:14px}
.wn-form-note--ok{background:#eef6ee;border:1px solid #9cc79f;color:#245c2a}
.wn-form-note--err{background:#fbefef;border:1px solid #e0a3a3;color:#7d2323}
.wn-map-card{background:rgba(252,250,246,.96);border-radius:8px;padding:26px 22px;box-shadow:0 18px 40px rgba(50,19,47,.18)}
.wn-map-card .wn-heading .section-title{justify-content:center}

/* Footer (UX Block „wow-nails-footer“) */
.wn-site-footer{border-top:3px solid #cf9b51;color:#5f5866;font-size:15px}
.wn-site-footer .wn-f-title h4{color:#32104d;font-family:"Bodoni Moda",Georgia,serif;font-size:20px;font-weight:700;margin-bottom:14px}
.wn-site-footer .wn-f-text{max-width:360px;margin:14px 0 6px}
.wn-site-footer .wn-f-menu .ux-menu-link__link{color:#5f5866;padding:5px 0;min-height:0}
.wn-site-footer .wn-f-menu .ux-menu-link__link:hover{color:#32104d}
.wn-site-footer .wn-f-contact p{display:flex;gap:10px;margin-bottom:10px}
.wn-site-footer .wn-f-contact i{color:#cf9b51;width:16px;margin-top:4px;text-align:center}
.wn-site-footer .wn-f-contact a{color:#32104d}
.wn-site-footer .nut1{min-width:0!important;height:44px;font-size:15px}
.wn-site-footer-bottom .wn-f-copy p{margin:0;font-size:13px;color:#e9dfe8}
.wn-site-footer-bottom .wn-f-copy a{color:#e9b752}
.absolute-footer{display:none!important}

@media (max-width:849px){
 .wn-values-4 .wn-value:nth-child(odd){border-left:0}
 .wn-values-4 .wn-value:nth-child(n+3){margin-top:18px}
 .wn-contact-form-col>.col-inner{padding:26px 22px}
 .wn-site-footer .col{padding-bottom:22px}
}
@media (max-width:549px){
 .wn-page-banner{text-align:left}
 .wn-page-banner .button,.wn-cta .button{min-width:0!important;width:100%;margin:0 0 10px!important}
 .wn-cta .wn-cta-actions{text-align:center}
 .wn-form-grid{grid-template-columns:1fr}
 .wn-values-4 .wn-value{border-left:0!important}
 .wn-site-footer{text-align:left}
 .wn-site-footer-bottom .col{text-align:center!important;padding-bottom:4px}
 .wn-map-card{padding:20px 16px}
 .header-button-1 a{width:auto!important;font-size:14px}
}