/* Quick Contact Button Styles */

.quick-contact-link,
.quick-contact-link:hover {
    text-decoration: none !important;
    color: inherit;
}

.quick-contact-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.quick-contact-container {
    position: fixed;
    width: auto !important;
    bottom: 20px;
    right: 0px;
    z-index: 1000;
    padding: 20px; /* Invisible hover area */
    margin: -20px; /* Compensate for padding */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.quick-contact-container.visible {
    opacity: 1;
    visibility: visible;
}

.quick-contact-button {
    width: 60px;
    height: 60px;
    background-color: #002057;
    border: 2px solid #dfa866;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    position: relative; /* Needed for absolute positioning of children */
    transition: all 0.2s ease;
}

.quick-contact-button .icon {
    display: block;
    width: 55px;
    height: 56px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1024 1024'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23dfa866; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M420.9,131.9c-3.4-.4-7.1,0-10.5.3-2.6,2.3-4.9,4.3-6.4,7.4-3.8,7.5-3.9,15.3-1.2,22.8,4.6,13,15.8,21.3,28.2,26.5,16.3,6.8,30,6.1,46.7-.8-9,7.6-14.8,8.5-25.1,12.5-1.9.7-3.5,2-4.1,3.9-2.1,6.8,5.6,19.8,8.6,25.9-7.1-6.2-11.7-13-16.8-20.7-17.3-3-34.7-4.2-52.2.8-26.4,7.5-39.5,23.8-52.9,46.2,3.8-12.9,9.6-24.6,19.2-34.5,18.3-18.9,42.1-26.3,67.2-27.5-9.1-4.9-15.7-10.4-22.2-18.4-5.1,2-10.1,3.4-15.5,3.9-12,1.1-22-2.4-30.7-9.8-7.4,6.4-15.2,10.9-25,12.1-11.3,1.3-20.9-1.8-29.3-8.6-8.1,6.6-16.2,11.1-26.7,11.3-11.2.2-23-11.2-30.4-18.8-8.3,4.7-16.6,9.3-24.6,14.3-.7,8.4,0,24-1,32.4-4,33.8,1.1,59.6,18.3,87.7-.2,11.2-1.9,22.8-2.7,34.1-1.2,16.4-18.7,170.7-22.6,211.7-8.1,86.3-13.4,178.2,9.6,260.9,7.5,27.1,18,52.8,26.6,79.4,3.6,11.2,28.4,68.6,35.7,84.1,4.9,10.4,12.3,18,23.6,21.5,18.7,5.8,47.3-.3,67.7-.5,15.5-.2,30.9.7,46.3.6,45.1.8,150.1,41.1,274.9-19.4,23.9-9.5,76.9-41,98.7-54.9,25.7-16.2,38.5-2.4,119.3,18.9,150.2,39.5,118.2-564.6-67.3-443.2-46.9,30.7-52.8,39.1-124.4,119.1-35.2-8.5-73.1-10.4-109.5-3.2-41.4,8.2-90.4,29.7-117.2,64.2-20.5,24.7-58.7,69.4-69.5,84.5,8.6-23.9,33.4-49.2,41.7-70.7,16.6-74-5.7-101.9-21.4-174.2-15.7-72.3-40.9-142.4-36.2-174.7.9-6.3,2.4-12.8,6.4-18.1,10.5-13.9,33.2-28.6,49.7-35.5,9.9-4.1,20.6-7.8,29.1-14.6,9.1-7.3,13.3-17.1,14.8-28.1,1.4-10.3,1.4-20.9,2.3-31.2,1.3-16,4.7-34.4,2.8-50.2-.6-4.9-1.7-9-4.9-12.8-3.1-3.7-7.4-6.2-12-7.8-15.5-5.4-56.9-7.6-75.2-8.9Z'/%3E%3Cpath class='st0' d='M390.5,17.6c-4.4-.3-9.2,0-13.5,1.1-11.8,2.8-19.6,9.6-26.3,19.4-3-2.2-6.2-4.3-9.7-5.8-9.9-4.2-21.5-4.7-31.9-.4-10.8,4.4-16.9,12.3-21.6,22.5-9-4.4-18.6-6.8-28.9-4.4-9.8,2.3-18.3,8.5-23.6,17-2.6,4.1-6.4,12.2-5.3,17.1.9,0,3.6.2,4.3.8,5.2,5,6.2,66.4,19.1,79.5,4.9,5,11.2,7.1,18.4,7,8.2-.1,13.8-3.2,19.7-8.9-1.8-3.4-2.9-6.1-3.3-9.9-.8-7.5-.5-67.5.9-72.7.7-2.4,1.5-3.7,3.7-5.1,2.6.4,3.5,2,4.1,4.3,1.3,4.5.5,10.6.5,15.3-.2,14.3-2.1,45.8,0,57.5.5,3,1.6,5.4,3.4,7.8,4.8,6.2,13.2,9.8,21.1,10.3,10.1.7,17.4-4,24.8-10.4-6.5-13.3-1.4-47.8-.4-63.9.5-6.7.3-31,3.5-35.4,1.3-1.7,1.7-1.9,3.6-2.1,2.2,1.4,3,3.7,3.3,6.2.7,5.2-.4,11.2-.8,16.5-.9,12.8-5.8,61.6-3.5,70.2,1.8,6.4,6.7,11.3,12.6,14.1,9.5,4.5,19,3.6,29,.1-3.5-10.1-4.7-20.7,0-31.2,3-6.9,7.7-11,14.5-13.9,1.3-21.4,4.5-42.9,6.6-64.3l8.4.5c-2.4,20.9-4.1,41.9-6.3,62.9,18.7,2.3,37.4,4.4,56.2,6.3,4.2-19,13.8-57.4,13.2-74.8-.3-8.2-3.8-16.2-10-21.4-7.5-6.3-18.3-8.2-28.2-7.1-11.6,1.2-20,7.3-27.4,16-1.2-2.2-2.5-4.3-3.9-6.3-6.4-8.9-15.4-12.8-26.2-14.3Z'/%3E%3Cpath class='st0' d='M141.1,324.6c-5.1-.3-10.3-.6-15.5,0-6,.8-9.9,3.1-13.7,7.6-7.4,1.2-14.1,3-20.3,7.3-9.5,6.5-14.6,15.6-16.6,26.1-1.9,10.1-2,20.7-2.6,30.9l-3,45.3-2.8,40.5c-.7,9.7-2.1,19.9-1.1,29.6.7,6.9,2.9,12.8,7.2,18.3,6,7.6,14.1,12.5,24.4,13.8,3.5,4.8,8,7.2,14.3,8.2,10.7,1.6,24.2,1.1,33.4-5.3,6.4-4.4,9.1-9.7,10.5-16.7,2.1-10.7,2-22.2,2.7-33l3.9-58.5,3.8-57.5c.7-10.4,2.2-21.5,1.7-31.8-.3-5.7-1.1-10.4-4.8-15.1-5.3-6.5-13.1-8.7-21.5-9.7Z'/%3E%3Cpath class='st0' d='M575.8,307.1c-5.4.3-11,.7-16.3,2-7.5,1.9-14.8,5.9-18.9,12.7-3,4.9-4.4,10.6-4.6,16.2-.3,12.2,1.4,25,2.3,37.2l4.9,69.9,4.1,60.7c.7,10,.4,21.7,2.9,31.3,1.8,6.9,6.7,12.4,13.1,15.5,11,5.3,25.5,2.7,37-1.1,3.4-2.1,5.6-4.2,8-7.4,9.2-2.8,16.7-7.1,22.9-14.7,5.4-6.7,8.2-14,9.2-22.3,1.8-15-1.7-40.9-2.8-56.7-2.2-32.1-3.9-64.3-6.8-96.3-1.6-17.9-10-33.2-27.9-38.6-7.6-2.3-7.2,1.4-14.9-4.8-4.2-3.3-7-3.4-12.3-3.5Z'/%3E%3Cpath class='st0' d='M226.8,95.3c-56.9,18.6-98.9,53.2-134.6,98.9-37.5,47.9-58.4,104.8-59.7,162.9-.1,9.1,0,18.6,1.2,27.6-.6.6-1.2,1.2-1.7,1.8-4.2,4.9-7.8,10.1-9.6,16.2-2.9,9.5-5.9,59.2-4.8,69,1.6,14.6,12.4,26.7,24.3,35.2,4.2,2.7,8.9,4.6,13.6,6.5,3.1-46.4,7-92.9,9.3-139.3.3-5.9-1.2-10.8-1.8-16.5-.6-5.7-.2-11.5.2-17.2,4.4-63.2,38.7-125.8,89.5-169.2,3.5,3.5,7.6,5.9,12.4,7.5,25.2,7.9,49.8-13.2,72.5-23.1-2.2-8.1-9.2-48.5-10.8-60.3Z'/%3E%3Cpath class='st0' d='M493.2,86.4l-.6.2c-2.2,3.2-7.8,32.5-8.4,38.3,10.9.8,21.5,1.8,29.4,10,8.9,9.3,9.2,22.7,8.5,35.1,12.1-1.7,19.4-3.9,28.5-12.7,22,17.5,41,39.9,55.5,64,21.3,35.4,33,59.1,36.3,100.9.4,5.3,2.1,14.9.5,19.8-.3.8-2.1.5-3.1,1-.8,5.7,2.3,34,2.9,42.5l8.1,120.4c4.9-2.7,9.4-5.6,14-9,10.8-9.9,22.2-23.2,23.8-38.1,1-10-2.3-66.7-5.2-76.3-2.2-7.3-6.1-12.9-11-18.5,2.7-44.7-2.7-72.9-18.5-114-29.5-75.1-85.4-133.9-160.8-163.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 7px 4px;
    transform: rotate(-20deg);
    transition: opacity 0.2s ease;
}

.quick-contact-button .qm {
    color: #dfa866;
    margin: 0;
    position: relative;
    bottom: -2px;
}

.quick-contact-content {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Hover State */
.quick-contact-container:hover .quick-contact-button {
    width: 265px;
    height: 265px;
}

.quick-contact-container:hover .icon,
.quick-contact-container:hover .qm {
    opacity: 0;
}

.quick-contact-container:hover .quick-contact-content {
    opacity: 1;
    visibility: visible;
}

/* Image Pseudo-element */
.quick-contact-content::before {
    content: "";
    position: absolute;
    bottom: -35px;
    right: 45px;
    width: 60%;
    height: 65%;
    pointer-events: none;
    background: url("../img/adonis-adona.png") center/contain no-repeat;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.quick-contact-container:hover .quick-contact-content::before {
    opacity: 1;
}

/* Content inside the expanded circle */
.quick-contact-content .kanzlaw-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.quick-contact-content .h2 {
    font-family: 'Quattrocento';
    text-decoration: none !important;
    color: #dfa866;
    font-size: 22px;
    margin: 0 0 5px 0;
    text-align: center;
}

.quick-contact-content p {
    text-decoration: none !important;
    color: white;
    font-size: 12px;
    margin: 0 20px;
    text-align: center;
    line-height: 1.4;
    
    span {
        text-decoration: underline !important;
        transition: color 0.2s ease;
        
        &:hover {
            color: #dfa866;
        }
    }
}

.quick-contact-content a {
    text-decoration: none !important;
    color: #dfa866;
    font-size: 14px;
    font-weight: bold;
}

.quick-contact-content a:hover {
    text-decoration: underline;
}