.menu-liste ul { list-style-type: none; padding: 0; }
.menu-liste li { float: left; margin-right: 20px; margin-left: 0; color: #fff; }
.angebot-box { overflow: auto; outline: 10px solid rgba(255,255,255,0.3); }
.angebot-box-2 { overflow: auto; outline: 10px solid rgba(181,135,112,0.3); z-index: 10000; }
#contact-float {
transition: box-shadow 0.3s;
width: 46px;
float: left;
position: fixed;
right: 20px;
top: 45vh;
background-color: #b58770;
padding: 8px;
border-radius: 23px;
}
.float-navmenu { top: 20vh !important; }
#contact-float:hover { 
box-shadow: 0 0 70px rgba(0,0,0,0.3); 
}
#contact-float span {
transition: all 0.3s ease;
display: block;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: rgba(255,255,255,0.2);
margin-bottom: 8px;
background-size: 70%;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
}
#contact-float span:last-of-type { 
margin-bottom: 0; 
}
#contact-float > a { 
margin-bottom: 8px; 
display: block;	
}
#contact-float > a:last-of-type { 
margin-bottom: 0; 
}
#contact-float span:hover {
background-color: #fff;
} #contact-float span::after {
content: attr(data-label);
position: absolute;
right: 110%; top: 50%;
transform: translateY(-50%);
background: #fff;
color: #333;
padding: 4px 8px;
border-radius: 6px;
font-size: 13px;
opacity: 0;
white-space: nowrap;
pointer-events: none;
transition: opacity 0.3s, transform 0.3s;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#contact-float span:hover::after {
opacity: 1;
transform: translateY(-50%) translateX(-5px);
} @media (max-width: 768px) {
.float-navmenu span::after {
opacity: 1 !important;
transform: translateY(-50%) translateX(-5px) !important;
pointer-events: auto;
}
}
#contact-phone { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/03/icon-phone.svg); }
#contact-whatsapp { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/03/icon-chat.svg); }
#contact-mail { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/03/icon-mail.svg); }
#contact-ical { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/03/icon-ical.svg); }
#contact-basickurs { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/09/icon-kurs-01.svg); }
#contact-spezialkurs { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/09/icon-kurs-02.svg); }
#contact-aufbaukurs { background-image: url(//kettenacker-coaching.de/wp-content/uploads/2025/09/icon-kurs-03.svg); }