/* Footer Layout */
.site-footer { padding: 40px 20px 20px 20px; margin-top: 50px; }
.footer-top-row { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto 30px auto; flex-wrap: wrap; gap: 20px; }
.footer-bottom-row { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; max-width: 1200px; margin: 0 auto; }

/* Normales Footer-Menü (Impressum etc.) */
.footer-navigation .footer-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 15px; }
.footer-navigation .footer-menu a { font-size: 10px; color: #000000; text-decoration: underline; }

/* ==========================================================================
   Social Icons Menü (Hauptmenü)
   ========================================================================== */
.social-navigation { display: flex; align-items: center; gap: 12px; }

.social-navigation .social-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.social-menu li a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0,0,0,0.04); font-size: 0; color: transparent; position: relative; transition: all 0.3s ease; }
.social-menu li a:hover { transform: translateY(-3px); }
.social-menu li a::before { content: ""; position: absolute; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; }
.social-menu li a:hover::before { filter: brightness(0) invert(1); }

/* Facebook */
.social-menu li a[href*="facebook.com"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234267B2'%3E%3Cpath d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c4.56-.93 8-4.96 8-9.75z'/%3E%3C/svg%3E"); }
.social-menu li a[href*="facebook.com"]:hover { background-color: #4267B2; }

/* Instagram */
.social-menu li a[href*="instagram.com"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E1306C'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z'/%3E%3C/svg%3E"); }
.social-menu li a[href*="instagram.com"]:hover { background-color: #E1306C; }

/* WhatsApp */
.social-menu li a[href*="whatsapp.com"]::before,
.social-menu li a[href*="wa.me"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2325D366'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.713-1.457L0 24zm6.59-3.559c1.649.979 3.26 1.462 4.843 1.463 5.428 0 9.845-4.415 9.848-9.846.002-2.63-1.023-5.101-2.886-6.964C16.53 3.23 14.062 2.205 11.434 2.205c-5.43 0-9.849 4.417-9.851 9.849-.001 1.83.498 3.626 1.446 5.175l-1.013 3.702 3.795-.995c1.498.817 3.12 1.255 4.836 1.255zm11.23-7.513c-.302-.15-1.788-.882-2.057-.981-.269-.099-.465-.149-.661.15-.196.299-.76.981-.931 1.18-.172.199-.344.224-.646.074-.302-.15-1.274-.469-2.427-1.496-.897-.8-1.502-1.788-1.678-2.088-.176-.3-.019-.462.13-.611.135-.134.302-.349.453-.524.151-.174.201-.299.302-.498.101-.199.05-.374-.025-.524-.075-.15-.661-1.592-.905-2.181-.237-.571-.48-.493-.661-.502-.17-.008-.365-.01-.56-.01-.196 0-.515.074-.784.374-.269.299-1.03.1-1.03 2.512 0 2.413 1.758 4.74 2.003 5.039.245.3 3.46 5.284 8.384 7.417 1.17.507 2.085.81 2.797 1.036 1.177.373 2.247.321 3.093.195.942-.14 1.789-.723 2.041-1.39.252-.667.252-1.238.176-1.39-.076-.15-.277-.249-.579-.399z'/%3E%3C/svg%3E"); }
.social-menu li a[href*="whatsapp.com"]:hover,
.social-menu li a[href*="wa.me"]:hover { background-color: #25D366; }

/* Telegram */
.social-menu li a[href*="t.me"]::before,
.social-menu li a[href*="telegram.org"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230088cc'%3E%3Cpath d='M11.944 0C5.356 0 0 5.356 0 11.944 0 18.532 5.356 23.888 11.944 23.888c6.587 0 11.944-5.356 11.944-11.944C23.888 5.356 18.531 0 11.944 0zm5.492 8.324c-.177 1.859-1.127 7.42-1.61 10.009-.204.544-.606.726-1.018.726-.897 0-1.573-.667-2.444-1.238-.838-.549-1.312-.888-2.124-1.423-1.056-.694-.372-1.076.23-1.702.157-.163 2.89-2.651 2.943-2.877.006-.032.013-.148-.056-.21-.07-.061-.173-.04-.247-.024-.105.024-1.782 1.135-5.04 3.333-.478.328-.911.489-1.298.481-.427-.008-1.248-.242-1.859-.441-.75-.244-1.344-.374-1.292-.79.027-.217.325-.44 1.127-.723 4.914-2.141 8.191-3.555 9.831-4.244 4.679-1.961 5.65-2.302 6.284-2.313.14-.002.45.033.652.197.17.139.218.326.228.455.011.134.025.441.012.723z'/%3E%3C/svg%3E"); }
.social-menu li a[href*="t.me"]:hover,
.social-menu li a[href*="telegram.org"]:hover { background-color: #0088cc; }

/* Gravatar */
.social-menu li a[href*="gravatar.com"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E8CBE'%3E%3Cpath d='M16.91 18.067a9.23 9.23 0 0 1-4.912 1.411c-5.114 0-9.255-4.14-9.255-9.255S6.883.968 11.998.968c2.476 0 4.802.966 6.541 2.705l-2.47 2.47c-1.077-1.077-2.529-1.671-4.07-1.671-3.176 0-5.753 2.577-5.753 5.753 0 3.175 2.577 5.751 5.753 5.751 1.05 0 2.05-.282 2.923-.815v-3.486h-3.415V8.471h6.902v9.596z'/%3E%3C/svg%3E"); }
.social-menu li a[href*="gravatar.com"]:hover { background-color: #1E8CBE; }

/* Mobile Optimierung */
@media (max-width: 768px) {
    .footer-top-row { flex-direction: column; text-align: center; }
    .social-navigation { justify-content: center; }
    .social-navigation .social-menu, .footer-navigation .footer-menu { justify-content: center; }
}

/* ==========================================================================
   Geheimes Admin-Menü (Original Marken-Icons)
   ========================================================================== */
.secret-admin-footer { 
    max-width: 1200px; 
    margin: 20px auto 30px auto; 
    padding-top: 15px; 
    border-top: 1px dashed rgba(0,0,0,0.1); 
    text-align: center; 
}

.secret-icons { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex; 
    flex-wrap: wrap; 
    gap: 15px; 
    justify-content: center; 
}

.secret-icons li a { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 26px;  /* Klickbereich */
    height: 26px; 
    font-size: 0; 
    color: transparent; 
    position: relative; 
    background-color: transparent !important; /* Kein grauer Kreis mehr */
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

.secret-icons li a:hover { 
    transform: scale(1.15) translateY(-2px); /* Nur vergrößern und leicht anheben */
}

.secret-icons li a::before { 
    content: ""; 
    position: absolute; 
    width: 18px; /* MINIMAL KLEINER als die 20px Social-Icons */
    height: 18px; 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: center; 
    transition: filter 0.2s ease; 
}

.secret-icons li a:hover::before { 
    filter: brightness(1.1); /* Icons bleiben originalfarbig, werden nur ganz leicht heller */
}

/* 1. Home Assistant Icon */
.secret-icons li a.icon-ha::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2341bdf5' d='M12 3L2 12h3v9h14v-9h3L12 3zm0 4.7c2.1 0 3.8 1.7 3.8 3.8 0 3-3.8 7-3.8 7s-3.8-4-3.8-7c0-2.1 1.7-3.8 3.8-3.8z'/%3E%3C/svg%3E"); }

/* 2. Ugreen NAS */
.secret-icons li a.icon-nas::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300C66B' d='M4 1c-1.11 0-2 .89-2 2v4c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V3c0-1.11-.89-2-2-2H4zm0 2h16v4H4V3zm16 8H4c-1.11 0-2 .89-2 2v4c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2v-4c0-1.11-.89-2-2-2zm-16 2h16v4H4v-4zm3 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm0-8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E"); }

/* 3. Google Mail (Original Mehrfarbig) */
.secret-icons li a.icon-gmail::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EA4335' d='M2.25 5.54A2.83 2.83 0 0 1 5.08 4h13.84a2.83 2.83 0 0 1 2.83 1.54L12 12.04 2.25 5.54z'/%3E%3Cpath fill='%234285F4' d='M2.25 5.54v11.86a2.83 2.83 0 0 0 2.83 2.84h2.36v-6.6l4.56-3.42L2.25 5.54z'/%3E%3Cpath fill='%2334A853' d='M21.75 5.54v11.86a2.83 2.83 0 0 1-2.83 2.84h-2.36v-6.6l-4.56-3.42 9.75-4.68z'/%3E%3C/svg%3E"); }

/* 4. Google Kalender (Original) */
.secret-icons li a.icon-gcal::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='%23fff' stroke='%234285F4' stroke-width='2'/%3E%3Crect x='3' y='3' width='18' height='5' fill='%234285F4'/%3E%3Ctext x='12' y='18' font-size='10' font-family='sans-serif' font-weight='bold' text-anchor='middle' fill='%234285F4'%3E31%3C/text%3E%3C/svg%3E"); }

/* 5. Google Kontakte (Original) */
.secret-icons li a.icon-gcontact::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%231A73E8'/%3E%3Ccircle cx='12' cy='9' r='3.5' fill='%23fff'/%3E%3Cpath d='M6 18c0-3.31 2.69-6 6-6s6 2.69 6 6v1H6v-1z' fill='%23fff'/%3E%3C/svg%3E"); }

/* 6. Google Tasks (Original) */
.secret-icons li a.icon-gtask::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%234285F4'/%3E%3Cpath fill='%23fff' d='M10.5 16.5l-4.5-4.5 1.4-1.4 3.1 3.1 7.1-7.1 1.4 1.4z'/%3E%3C/svg%3E"); }

/* 7. Google Notizen / Keep (Original) */
.secret-icons li a.icon-gkeep::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='%23FBBC04'/%3E%3Cpath fill='%23fff' d='M12 7a4 4 0 0 0-4 4c0 1.5.83 2.8 2.09 3.46v1.04a1 1 0 0 0 1 1h1.82a1 1 0 0 0 1-1v-1.04C15.17 13.8 16 12.5 16 11a4 4 0 0 0-4-4zm-1 10.5h2v1h-2v-1z'/%3E%3C/svg%3E"); }