.seotologie-strategic-box{padding:24px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.seotologie-strategic-box.status-success{background:#f0fdf4;border:1px solid #bcf0da;}
.seotologie-strategic-box.status-warning{background:#fffbeb;border:1px solid #fde68a;}
.seotologie-strategic-box.status-error{background:#fef2f2;border:1px solid #fecaca;}
.seotologie-audit-fazit-title{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a;}
.seotologie-score-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;}
.seotologie-score-layout-main{flex:1 1 60%;display:flex;flex-direction:column;justify-content:space-between;}
.seotologie-score-status-text{margin:0 0 10px 0;font-size:1rem;line-height:1.5;color:#0f172a;}
.seotologie-score-effect-text{margin:0;font-size:0.925rem;line-height:1.6;color:#475569;}
.seotologie-score-box{flex:0 0 230px;background:linear-gradient(180deg, #1fd8cc 0%, #0DB9AF 40%, #0AA59B 75%, #088f86 100%);border-radius:18px;padding:36px 24px 28px;border:1px solid rgba(255, 255, 255, 0.22);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 1px rgba(10,165,155,0.5), 0 20px 56px rgba(13,185,175,0.30), inset 0 1px 0 rgba(255,255,255,0.30), inset 0 -2px 0 rgba(0,0,0,0.15);min-width:200px;position:relative;overflow:clip;font-family:'Inter', 'DM Sans', system-ui, sans-serif;}
.seotologie-score-box-title{font-size:11px;color:rgba(8, 58, 46, 0.72);font-weight:700;text-transform:uppercase;letter-spacing:0.25em;margin-bottom:6px;}
.seotologie-score-value{display:flex;align-items:baseline;justify-content:center;gap:2px;line-height:1;margin-bottom:0;text-shadow:none;}
.seotologie-score-value .score-num{font-size:82px;font-weight:900;letter-spacing:-3px;line-height:1;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,0.18);display:inline-block;}
.seotologie-score-value .score-denom{font-size:22px;font-weight:600;color:rgba(8, 58, 46, 0.40);align-self:flex-end;padding-bottom:10px;}
.seotologie-score-value.success .score-num, .seotologie-score-value.warning .score-num, .seotologie-score-value.error   .score-num{color:#ffffff;}
.seotologie-score-value.success .score-denom, .seotologie-score-value.warning .score-denom, .seotologie-score-value.error   .score-denom{color:rgba(8, 58, 46, 0.38);}
.seotologie-score-breakdown{width:100%;font-size:13px;border-top:1px solid rgba(8, 58, 46, 0.15);padding-top:14px;margin-top:16px;}
.seotologie-score-breakdown-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.seotologie-score-breakdown-row:last-child{margin-bottom:0;}
.seotologie-score-breakdown-row span:first-child{color:rgba(8, 58, 46, 0.65);font-weight:500;font-size:13px;}
.seotologie-score-breakdown-row span:last-child{color:#083A2E;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;letter-spacing:0.01em;}
.seotologie-quick-wins{margin-top:15px;padding:12px;background:rgba(255, 255, 255, 0.7);border-radius:6px;border:1px dashed rgba(0, 0, 0, 0.1);}
.seotologie-quick-wins strong{font-size:0.9rem;color:#1e293b;display:block;margin-bottom:6px;}
.seotologie-quick-wins ul{margin:0;padding-left:20px;font-size:0.875rem;color:#334155;line-height:1.6;}
.seotologie-premium-card, .seotologie-audit-card{background:white;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);padding:24px;}
.seotologie-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.seotologie-card-title{font-size:1.1rem;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px;}
.seotologie-card-status-wirkung{font-size:1.05rem;margin-bottom:12px;line-height:1.6;color:#334155;}
.seotologie-recommendation-box{background:#f8fafc;padding:12px 16px;border-radius:6px;font-size:1.05rem;border-left:3px solid #0ea5e9;}
.seotologie-recommendation-box strong{color:#0369a1;}
.seotologie-badge{font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;}
.seotologie-badge-green{background:#f0fdf4;color:#15803d;border:1px solid #86efac;}
.seotologie-badge-yellow{background:#fffbeb;color:#92400e;border:1px solid #fcd34d;}
.seotologie-badge-red{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5;}
.seotologie-skeleton{background:linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;}
@keyframes skeleton-loading {
0%{background-position:200% 0;}
100%{background-position:-200% 0;}
}
.info-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#e2e8f0;color:#64748b;border-radius:50%;font-size:11px;font-weight:bold;cursor:help;margin-left:4px;}
.seotologie-history-pill{cursor:pointer;background:white;border:1px solid #e2e8f0;padding:6px 12px;border-radius:20px;font-size:0.875rem;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);margin-right:8px;margin-bottom:8px;color:#1e293b;}
.seotologie-history-pill:hover{border-color:#cbd5e1;transform:translateY(-1px);}
.seotologie-category-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin-top:48px;margin-bottom:16px;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #f1f5f9;}
.seotologie-category-section-first{margin-top:24px;}
.seotologie-grid-2cols{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
.seotologie-grid-1col{display:grid;grid-template-columns:1fr;gap:15px;}
.seotologie-text-mono{font-family:SFMono-Regular, Consolas, monospace;}
.seotologie-grid-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;}
.seotologie-cards-container{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;}
@media(max-width:768px){
.seotologie-grid-metrics {
grid-template-columns: 1fr;
gap: 15px;
}
.seotologie-score-layout {
flex-direction: column;
}
.seotologie-score-layout-main, .seotologie-score-box {
flex: 1 1 100%;
} .seotologie-score-value {
gap: 4px;
}
.seotologie-grid-2cols {
grid-template-columns: 1fr;
}
.seotologie-strategic-box, .seotologie-premium-card, .seotologie-audit-card {
padding: 16px;
}
.seotologie-audit-fazit-title {
font-size: 1.15rem;
}
.seotologie-score-status-text {
font-size: 0.95rem;
}
.seotologie-score-effect-text, .seotologie-recommendation-box {
font-size: 0.875rem;
}
}