/*
 * Sektor 7 Linktree — konsolidiertes Stylesheet
 *
 * Erzeugt von build/build-css.mjs aus docs/reference/blocks/.
 * Aus 441 Regeln der Ausgangsseite bleiben 112 eindeutige uebrig;
 * entfernt wurden ausschliesslich exakte Dubletten, die Reihenfolge ist unveraendert.
 *
 * NICHT von Hand editieren — Aenderungen gehen beim naechsten Lauf verloren.
 * Ergaenzungen gehoeren in assets/css/linktree-extra.css.
 */

.s7-linktree {
  --s7-card-bg: rgba(255,255,255,0.55);
  --s7-card-blur: 12px;
  --s7-card-radius: 999px;
  --s7-card-border: rgba(255,255,255,0.6);
  --s7-accent: #c40000;
  --s7-accent-deep: #a80000;
  --s7-text: #15153d;
}

.share-container{position:absolute;top:18px;right:18px;z-index:10;}
.share-btn{width:44px;height:44px;border-radius:14px;background:rgba(255, 255, 255, 0.35);
border:1px solid rgba(255, 255, 255, 0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,255,0.25);transition:all 0.2s ease;color:#0b0b2a;
}
.share-btn svg{width:18px;height:18px;}
.share-btn:hover{transform:scale(1.06);background:rgba(255, 255, 255, 0.5);}
.s7-logo-wrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:clamp(18px, 4vw, 34px) 0 clamp(14px, 3vw, 24px);box-sizing:border-box;overflow:visible;}
.s7-logo-link{position:relative;z-index:2;display:inline-block;text-decoration:none;}
.s7-logo-glow{position:absolute;top:50%;left:50%;width:clamp(170px, 48vw, 260px);height:clamp(170px, 48vw, 260px);transform:translate(-50%, -52%);border-radius:50%;background:radial-gradient(circle, rgba(214, 64, 86, 0.18) 0%, rgba(214, 64, 86, 0.08) 34%, rgba(255, 255, 255, 0.04) 58%, rgba(255, 255, 255, 0) 76%);filter:blur(18px);pointer-events:none;z-index:1;}
.s7-logo{position:relative;width:clamp(155px, 44vw, 205px);max-width:100%;height:auto;display:block;transform-origin:center center;filter:drop-shadow(0 16px 30px rgba(13, 16, 40, 0.12)) drop-shadow(0 6px 14px rgba(180, 28, 52, 0.16));}
@keyframes s7float {
0%{transform:translateY(0px) scale(1);}
50%{transform:translateY(-5px) scale(1.01);}
100%{transform:translateY(0px) scale(1);}
}
.s7-float{animation:s7float 5.2s ease-in-out infinite;}
.s7-logo-link:hover .s7-logo{filter:drop-shadow(0 18px 34px rgba(13, 16, 40, 0.14)) drop-shadow(0 8px 18px rgba(180, 28, 52, 0.18));transition:filter 0.3s ease;}
.s7-logo-link:hover + .s7-logo-glow{opacity:1;}
@media(max-width:480px){
.s7-logo-wrap{padding:20px 0 16px;}
.s7-logo{width:clamp(145px, 48vw, 185px);}
.s7-logo-glow{width:clamp(160px, 54vw, 220px);height:clamp(160px, 54vw, 220px);}
}
@media(min-width:768px){
.s7-logo{width:clamp(175px, 28vw, 220px);}
.s7-logo-glow{width:clamp(210px, 30vw, 280px);height:clamp(210px, 30vw, 280px);}
}
@media (prefers-reduced-motion: reduce) {
.s7-float{animation:none;}
}
.s7-header-text{text-align:center;margin-top:18px;animation:s7fade 0.6s ease;}
.s7-handle{font-size:35px;font-weight:600;color:rgba(11, 11, 42, 0.9);letter-spacing:0.4px;display:inline-flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;}
.s7-verified-wrap{position:relative;display:flex;align-items:center;}
.s7-verified svg{width:0.85em;height:0.85em;transform:translateY(1px);filter:drop-shadow(0 2px 6px rgba(29,161,242,0.25));}
.s7-verified-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px) scale(0.95);opacity:0;pointer-events:none;z-index:20;padding:8px 10px;border-radius:12px;font-size:11px;font-weight:600;color:rgba(11,11,42,0.9);background:rgba(255,255,255,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.6);box-shadow:0 8px 20px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7);transition:all 0.2s ease;white-space:nowrap;}
.s7-verified-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(255,255,255,0.85);filter:drop-shadow(0 2px 3px rgba(0,0,0,0.06));}
.s7-verified-wrap:hover .s7-verified-tooltip, .s7-verified-wrap.s7-active .s7-verified-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
.s7-subtitle{margin-top:4px;font-size:18px;font-weight:500;color:rgba(11, 11, 42, 0.55);letter-spacing:1.2px;text-transform:uppercase;}
.s7-header-line{width:140px;height:3px;margin:12px auto 10px;border-radius:999px;background:linear-gradient(90deg, #8B0000, #c40000);box-shadow:0 2px 8px rgba(139, 0, 0, 0.18);}
.s7-premium-line{max-width:320px;margin:0 auto;font-size:15px;font-weight:500;color:rgba(11, 11, 42, 0.55);letter-spacing:1.1px;text-transform:uppercase;line-height:1.5;}
@keyframes s7fade {
from{opacity:0;transform:translateY(6px);}
to{opacity:1;transform:translateY(0);}
}
@media(max-width:480px){
.s7-handle{font-size:28px;}
.s7-subtitle{font-size:15px;}
.s7-premium-line{font-size:14px;max-width:260px;}
.s7-header-line{width:120px;}
}
.s7-social-wrapper{width:100%;display:flex;justify-content:center;}
.s7-social-bar{display:inline-flex;align-items:center;gap:0;padding:8px 14px;border-radius:999px;position:relative;overflow:visible;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 25px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.25);}
.s7-social-shimmer{position:absolute;inset:0;border-radius:999px;overflow:hidden;pointer-events:none;z-index:1;}
.s7-social-shimmer::before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;opacity:0;transform:skewX(-20deg);background:linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.20) 35%, rgba(255,255,255,0.42) 50%, rgba(255,255,255,0.20) 65%, transparent 100% );}
.s7-social-bar:hover .s7-social-shimmer::before{animation:s7SocialShimmer 1.2s ease;}
@keyframes s7SocialShimmer {
0%{left:-60%;opacity:0;}
20%{opacity:1;}
100%{left:120%;opacity:0;}
}
.s7-social-item{position:relative;display:flex;align-items:center;z-index:2;}
.s7-social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0b0b2a;background:rgba(255,255,255,0.45);transition:all 0.2s ease;text-decoration:none;}
.s7-social-icon svg{width:18px;height:18px;}
.s7-social-icon--threads span{font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:15px;transform:translateY(-0.5px);}
.s7-social-divider{width:1px;height:22px;margin:0 6px;background:linear-gradient( to bottom, rgba(11,11,42,0.02), rgba(11,11,42,0.14), rgba(11,11,42,0.02) );border-radius:999px;z-index:2;}
.s7-social-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px) scale(0.95);opacity:0;pointer-events:none;z-index:30;padding:8px 10px;border-radius:12px;font-size:11px;font-weight:600;color:rgba(11,11,42,0.9);background:rgba(255,255,255,0.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.6);box-shadow:0 8px 20px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7);transition:all 0.2s ease;white-space:nowrap;min-width:max-content;}
.s7-social-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(255,255,255,0.8);filter:drop-shadow(0 2px 3px rgba(0,0,0,0.06));}
.s7-social-item:hover .s7-social-tooltip, .s7-social-item.s7-active .s7-social-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
.s7-social-icon:hover{background:#a80000;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(168,0,0,0.25);}
@media (hover: none) {
.s7-social-item{cursor:pointer;}
}
.s7-stats-wrap{width:100%;display:flex;justify-content:center;margin:18px 0 20px;padding:0 12px;box-sizing:border-box;}
.s7-stats-bar{width:100%;max-width:340px;min-height:96px;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 10px 42px;border-radius:26px;position:relative;overflow:visible;background:rgba(255, 255, 255, 0.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255, 255, 255, 0.45);box-shadow:0 10px 30px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(255,255,255,0.18);animation:s7StatsFadeUp 0.7s ease;}
.s7-stats-shimmer{position:absolute;inset:0;border-radius:26px;overflow:hidden;pointer-events:none;z-index:1;}
.s7-stats-shimmer::before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;opacity:0;transform:skewX(-20deg);background:linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.20) 35%, rgba(255,255,255,0.42) 50%, rgba(255,255,255,0.20) 65%, transparent 100% );}
.s7-stats-bar:hover .s7-stats-shimmer::before{animation:s7Shimmer 1.2s ease;}
@keyframes s7Shimmer {
0%{left:-60%;opacity:0;}
20%{opacity:1;}
100%{left:120%;opacity:0;}
}
.s7-stat-item{flex:1;text-align:center;padding:4px 6px;position:relative;z-index:2;outline:none;}
.s7-stat-number{font-size:21px;font-weight:700;letter-spacing:-0.4px;color:rgba(11, 11, 42, 0.95);margin-bottom:6px;}
.s7-stat-label{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(11, 11, 42, 0.52);white-space:nowrap;}
.s7-stat-divider{width:1px;height:34px;margin-top:6px;background:linear-gradient( to bottom, rgba(11,11,42,0.02), rgba(11,11,42,0.14), rgba(11,11,42,0.02) );border-radius:999px;flex-shrink:0;z-index:2;}
.s7-stats-footer-text{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:rgba(11, 11, 42, 0.62);}
.s7-stat-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(8px) scale(0.96);min-width:max-content;padding:9px 12px;border-radius:14px;pointer-events:none;opacity:0;z-index:30;font-size:11px;font-weight:600;color:rgba(11, 11, 42, 0.88);background:rgba(255,255,255,0.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.55);box-shadow:0 10px 24px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7);transition:all 0.22s ease;white-space:nowrap;}
.s7-stat-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,255,255,0.78);filter:drop-shadow(0 2px 3px rgba(0,0,0,0.06));}
.s7-stat-item:hover .s7-stat-tooltip, .s7-stat-item:focus .s7-stat-tooltip, .s7-stat-item.s7-active .s7-stat-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
@keyframes s7StatsFadeUp {
from{opacity:0;transform:translateY(12px);}
to{opacity:1;transform:translateY(0);}
}
@media(max-width:420px){
.s7-stats-bar{max-width:100%;min-height:90px;padding:14px 8px 40px;border-radius:24px;}
.s7-stats-shimmer{border-radius:24px;}
.s7-stat-number{font-size:18px;}
.s7-stat-label{font-size:10px;}
.s7-stats-footer-text{font-size:9px;letter-spacing:0.8px;}
.s7-stat-tooltip{font-size:10px;max-width:150px;white-space:normal;text-align:center;}
}
.s7-link-btn{width:100%;max-width:340px;min-height:68px;padding:10px 20px 10px 56px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;border-radius:999px;text-decoration:none;background:rgba(255,255,255,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.6);box-shadow:0 10px 26px rgba(0,0,0,0.06), 0 4px 10px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -1px 0 rgba(0,0,0,0.05);transition:all 0.22s ease;box-sizing:border-box;}
.s7-link-btn::before{content:"";position:absolute;inset:-1px;border-radius:999px;padding:1px;background:linear-gradient( 120deg, transparent 0%, rgba(139, 0, 0, 0.0) 25%, rgba(139, 0, 0, 0.55) 40%, rgba(139, 0, 0, 1) 50%, rgba(139, 0, 0, 0.55) 60%, rgba(139, 0, 0, 0.0) 75%, transparent 100% );background-size:250% 250%;animation:s7BorderMove 10s ease-in-out infinite;-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0.75;}
@keyframes s7BorderMove {
0%{background-position:0% 50%;}
100%{background-position:250% 50%;}
}
.s7-link-btn:hover::after{content:"";position:absolute;inset:-1px;border-radius:999px;pointer-events:none;box-shadow:0 0 0 1px rgba(139,0,0,0.35), 0 0 16px rgba(139,0,0,0.25);}
.s7-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;z-index:2;transition:transform 0.2s ease;}
.s7-link-btn:hover .s7-icon{transform:translateY(-50%) scale(1.08);}
.s7-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.15;font-weight:600;letter-spacing:0.35px;color:#15153d;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;z-index:2;transition:transform 0.2s ease;}
.s7-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);z-index:5;transition:opacity 0.3s ease;}
.s7-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(15,15,25,0.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:0.3s ease;}
.s7-modal-overlay.active{opacity:1;visibility:visible;}
.s7-modal-box{position:relative;width:min(1200px, 96vw);height:min(800px, 90vh);border-radius:28px;overflow:hidden;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(0,0,0,0.25);transform:scale(0.95);transition:transform 0.3s ease;}
.s7-modal-overlay.active .s7-modal-box{transform:scale(1);}
.s7-modal-close{position:absolute;top:14px;right:14px;z-index:10;width:42px;height:42px;border:none;border-radius:999px;font-size:26px;cursor:pointer;background:rgba(255,255,255,0.9);color:#d14b4b;box-shadow:0 6px 18px rgba(0,0,0,0.12);transition:all 0.2s ease;}
.s7-modal-close:hover{color:#ff2d2d;transform:scale(1.08);background:rgba(255,255,255,1);}
.s7-modal-box iframe{width:100%;height:100%;border:none;}
.s7-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5;transition:opacity 0.3s ease;}
.s7-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(0,0,0,0.08);border-top:3px solid rgba(168,0,0,0.7);animation:s7spin 0.8s linear infinite;}
@keyframes s7spin {
to{transform:rotate(360deg);}
}
@media(max-width:767px){
.s7-modal-box{width:100%;height:92vh;border-radius:24px 24px 0 0;}
}
.s7-link-btn{width:100%;max-width:340px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;border-radius:999px;text-decoration:none;background:rgba(255,255,255,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.6);box-shadow:0 10px 26px rgba(0,0,0,0.06), 0 4px 10px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -1px 0 rgba(0,0,0,0.05);transition:all 0.22s ease;}
.s7-link-shimmer{position:absolute;inset:0;border-radius:999px;overflow:hidden;pointer-events:none;}
.s7-link-shimmer::before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;opacity:0;transform:skewX(-20deg);background:linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.3) 60%, transparent 100% );}
.s7-link-btn:hover .s7-link-shimmer::before{animation:s7LinkShimmer 1.1s ease;}
@keyframes s7LinkShimmer {
0%{left:-60%;opacity:0;}
20%{opacity:1;}
100%{left:120%;opacity:0;}
}
.s7-link-btn:hover{transform:translateY(-2px) scale(1.01);background:rgba(255,255,255,0.7);box-shadow:0 14px 32px rgba(0,0,0,0.08), 0 6px 14px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.85);}
.s7-link-btn:hover::after{content:"";position:absolute;inset:-1px;border-radius:999px;pointer-events:none;box-shadow:0 0 0 1px rgba(168,0,0,0.25), 0 0 14px rgba(168,0,0,0.15);}
.s7-icon{position:absolute;left:16px;width:24px;height:24px;object-fit:contain;opacity:0.85;z-index:2;transition:transform 0.2s ease;}
.s7-link-btn:hover .s7-icon{transform:scale(1.05);}
.s7-text{font-size:16.5px;font-weight:600;letter-spacing:0.35px;color:#15153d;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;z-index:2;transition:transform 0.2s ease;}
.s7-link-btn:hover .s7-text{transform:translateY(-0.5px);}
.s7-title-wrap{text-align:center;margin:20px 0 10px;}
.s7-title{font-family:'Inter', sans-serif;font-size:15px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#000;margin:0;line-height:1.1;
}
.s7-underline{width: var(--s7-uw, 90px);height:3px;margin:4px auto 0;
background:#c40000;border-radius:2px;}
.s7-categories-wrap{width:100%;max-width:700px;margin:0 auto;padding:20px 16px 50px;}
.s7-card-grid{display:flex;flex-direction:column;gap:22px;}
.s7-modern-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:30px;text-decoration:none;isolation:isolate;background:linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.55));backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.7);box-shadow:0 18px 40px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.8);transition:all 0.3s ease;}
.s7-card-image-wrap{width:100%;padding:30px 20px 10px;display:flex;justify-content:center;align-items:center;z-index:2;}
.s7-card-image-wrap img{width:100%;max-width:260px;display:block;filter:drop-shadow(0 14px 25px rgba(0,0,0,0.1));}
.s7-card-bottom{position:relative;margin:0 14px 14px;padding:16px 20px;border-radius:20px;background:rgba(10,10,12,0.96);box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.s7-card-title{font-family:"Poppins", sans-serif;font-size:18px;font-weight:700;color:#fff;}
.s7-card-sub{margin-top:4px;font-size:13px;color:rgba(255,255,255,0.7);}
.s7-card-glow{position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(139,0,0,0.14), transparent 70%);filter:blur(30px);}
.s7-card-reflection{position:absolute;top:-40%;left:-60%;width:40%;height:200%;opacity:0;background:linear-gradient( 90deg, transparent, rgba(139,0,0,0.12), transparent );transform:rotate(18deg) translateX(0);transition:all 0.8s ease;}
.s7-modern-card:hover .s7-card-reflection{opacity:1;transform:rotate(18deg) translateX(350%);}
.s7-modern-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(0,0,0,0.12), 0 0 25px rgba(139,0,0,0.08);}
.s7-modern-card:hover img{transform:scale(1.05);}
@media(max-width:600px){
.s7-card-image-wrap{padding:24px 16px 8px;}
.s7-card-image-wrap img{max-width:200px;}
.s7-card-title{font-size:16px;}
}
.s7-footer{width:100%;background:transparent;padding:14px 20px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px;color:#000;
border-top:1px solid rgba(0, 0, 0, 0.1);}
.footer-container{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.footer-left{color:#000;}
.footer-right a{color:#000;text-decoration:none;margin:0 6px;transition:color 0.2s ease, opacity 0.2s ease;}
.footer-right a:hover{color:#8B0000;opacity:1;}
.footer-right span{color:#000;opacity:0.5;}