.seotologie-tooltip-wrapper{position:relative;display:inline-block;cursor:pointer;border-bottom:1px dotted #3b82f6;}
.seotologie-tooltip-wrapper .seotologie-lexikon-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color 0.2s ease;}
.seotologie-tooltip-wrapper:hover .seotologie-lexikon-link, .seotologie-tooltip-wrapper:focus .seotologie-lexikon-link{color:#2563eb;}
.seotologie-tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translateX(-50%) translateY(10px);width:280px;background-color:#1e293b;color:#f8fafc;text-align:left;border-radius:8px;padding:16px;z-index:9999;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.1);transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;font-size:14px;line-height:1.5;pointer-events:none;}
.seotologie-tooltip-content::after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:#1e293b transparent transparent transparent;}
.seotologie-tooltip-title{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:6px;border-bottom:1px solid #334155;padding-bottom:6px;}
.seotologie-tooltip-desc{display:block;margin-bottom:12px;}
.seotologie-lexikon-more{display:inline-block;color:#60a5fa;text-decoration:none;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.05em;transition:color 0.2s;}
.seotologie-lexikon-more:hover, .seotologie-lexikon-more:focus{color:#93c5fd;text-decoration:underline;}
@media (hover: hover) and (pointer: fine) {
.seotologie-tooltip-wrapper:hover .seotologie-tooltip-content, .seotologie-tooltip-wrapper:focus .seotologie-tooltip-content{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
} .seotologie-tooltip-wrapper.is-active .seotologie-tooltip-content{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.seotologie-lexikon-synonyms{margin-top:1.5em;padding-top:1em;border-top:1px solid #e2e8f0;font-size:0.9em;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.seotologie-lexikon-synonyms-label{font-weight:600;color:#475569;}
.seotologie-synonym-badge{background-color:#D1DBD7;color:#083A2E;padding:3px 9px;border-radius:9999px;font-size:0.78em;font-weight:500;border:1px solid #c2ccc8;white-space:nowrap;}
.seot-lexikon-index{margin-top:2rem;}
.seot-lexikon-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;}
.seot-lexikon-nav-letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;color:#3b82f6;border-radius:4px;text-decoration:none;font-weight:bold;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 0.2s;}
.seot-lexikon-nav-letter:hover{background:#3b82f6;color:#fff;}
.seot-lexikon-group{margin-bottom:2rem;}
.seot-lexikon-group h2{color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:0.5rem;margin-bottom:1rem;}
.seot-lexikon-group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;}
.seot-lexikon-group li{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;}
.seot-lexikon-group li:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(8, 58, 46, 0.10);background-color:#EEF3F1;border-color:#d1dbd7;}
.seot-lexikon-group li a.seot-lexikon-card-link{color:#096a64;text-decoration:none;font-size:1.1rem;font-weight:600;}
.seot-lexikon-group li a.seot-lexikon-card-link::after{content:"";position:absolute;inset:0;z-index:1;}
.seot-lexikon-group li p{margin:0.5rem 0 0;color:#64748b;font-size:0.95rem;line-height:1.5;}
.seot-lexikon-related{margin-top:2em;padding-top:1em;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.seot-lexikon-related-label{font-weight:600;color:#475569;}
.seot-lexikon-related-link{display:inline-block;background-color:#D1DBD7;color:#083A2E !important;text-decoration:none !important;font-size:0.8em;font-weight:500;padding:4px 12px;border-radius:9999px;border:1px solid #c2ccc8;transition:background-color 0.2s ease, transform 0.2s ease;}
.seot-lexikon-related-link:hover, .seot-lexikon-related-link:focus {
background-color: #c2ccc8;
transform: translateY(-1px);
}