/* agentworx Blog Styles */

:root {
--corp: #83ce00;
--corp-light: #a3e600;
--corp-dark: #5c9600;
--dark: #282d30;
--grey: #808080;
--mid: #bbbbbb;
--light: #dddddd;
--white: #ffffff;
--mono: 'Roboto Mono', monospace;
--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

* { box-sizing:border-box; margin:0; padding:0; }
html { font-size: 16px; }
body { font-family:var(--sans); color:var(--dark); line-height:1.6; font-weight:300; }
a { color: var(--corp); text-decoration: none; transition: color .35s; }
a:hover { color: var(--corp-light); }
h1, h2, h3, h4 { font-weight:700; line-height:1.15; }

/* Nav — identisch mit Hauptseite */
nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: var(--dark); color: var(--white);
    font-family: var(--mono);
    display: flex; align-items: center; justify-content: space-between;
    height: 56px; padding: 0 16px;
}
#nav li, nav li, nav .nav-links li { margin: 0; font-size: inherit; color: inherit; }
#nav ul, #nav ol, nav ul, nav ol { margin: 0; padding: 0; list-style: none; }
nav .nav-logo { display: flex; align-items: center; opacity: 1; transition: opacity .4s; }
nav .nav-logo.visible { opacity: 1; }
nav .nav-logo img { height: 32px; width: auto; }
nav .nav-links { display: flex; list-style: none; height: 100%; margin: 0; padding: 0; }
nav .nav-links a {
    display: flex; align-items: center; height: 100%; padding: 0 14px;
    color: var(--white); text-transform: uppercase; letter-spacing: 2px;
    font-size: .7rem; font-weight: 400; text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all .35s;
}
nav .nav-links a:hover, nav .nav-links a.active { color: var(--corp-light); border-bottom-color: var(--corp); }
.nav-cta { display: flex; align-items: center; }
.nav-cta a { background: var(--corp) !important; border-bottom: none !important; height: auto !important; position: relative; top: -1px; padding: 5px 16px !important; }
.nav-cta a:hover { background: var(--corp-light) !important; color: var(--white) !important; }
.nav-right { display: flex; align-items: center; gap: 8px; }
.nav-cta-mobile {
    display: none;
    background: var(--corp); color: var(--white);
    text-transform: uppercase; letter-spacing: 2px;
    font-family: var(--mono); font-size: .65rem; font-weight: 700;
    padding: 5px 16px; text-decoration: none;
    height: auto; position: relative; top: -1px;
}
.nav-cta-mobile:hover { background: var(--corp-light); color: var(--white); }
.nav-mobile { display: none; background: none; border: none; color: var(--white); font-size: 1.8rem; cursor: pointer; padding: 0; line-height: 1; }
.nav-mobile-wrap { display: none; align-items: center; gap: 10px; }
@media (max-width: 900px) {
    nav .nav-links { display: none; }
    .nav-mobile-wrap { display: flex; }
    .nav-mobile { display: block; }
    .nav-cta { display: none; }
    .nav-cta-mobile { display: inline-flex; align-items: center; position: static; }
    nav.open .nav-links {
        display: flex; flex-direction: column; position: absolute; top: 56px; left: 0; right: 0; z-index: 999;
        background: #1e2326; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08);
        box-shadow: 0 8px 24px rgba(0,0,0,.4); height: auto; width: 100%;
    }
    nav.open .nav-links a { padding: 14px 20px; border-bottom: none; border-left: 3px solid transparent; height: auto; display: block; }
    nav.open .nav-links a:hover { border-left-color: var(--corp); border-bottom: none; }
    .nav-cta { display: none; }
}

/* Hero */
.blog-hero { background:var(--dark);color:var(--white);text-align:center;padding:80px 20px 60px;position:relative;overflow:hidden; }
.blog-hero .hero-bg { position:absolute;inset:0;z-index:0;opacity:.06;background-size:200px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="15" cy="15" r="1.2" fill="%2383ce00"/><circle cx="75" cy="25" r=".9" fill="%2383ce00"/><circle cx="45" cy="55" r="1.1" fill="%2383ce00"/><circle cx="25" cy="75" r=".7" fill="%2383ce00"/><circle cx="65" cy="70" r="1.3" fill="%2383ce00"/><circle cx="85" cy="50" r=".8" fill="%2383ce00"/><circle cx="90" cy="15" r=".6" fill="%2383ce00"/><circle cx="35" cy="35" r="1" fill="%2383ce00"/></svg>'); }
.blog-hero .blog-hero-content { position:relative;z-index:1; }
.blog-hero .blog-logo { margin-bottom:20px; }
.blog-hero .blog-logo img { height:36px;width:auto; }
.blog-hero h1 { font-size:clamp(1.4rem,3vw,2rem);margin-bottom:12px;font-weight:400;color:var(--mid); }
.blog-hero .blog-subtitle { color:var(--mid);font-size:1.05rem;max-width:600px;margin:0 auto; }

/* Grid */
.blog-grid { max-width:1000px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:30px; }
@media(max-width:700px){ .blog-grid{grid-template-columns:1fr;} }

.blog-card { border:1px solid var(--light);padding:30px;transition:box-shadow .3s,transform .3s; }
.blog-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px); }
.blog-card time { color:var(--corp);font-size:.75rem;letter-spacing:2px;text-transform:uppercase; }
.blog-card h3 { font-size:1.25rem;margin:10px 0;line-height:1.3; }
.blog-card h3 a { color:var(--dark);text-decoration:none; }
.blog-card h3 a:hover { color:var(--corp); }
.blog-card p { color:var(--grey);font-size:.9rem;line-height:1.6;margin-bottom:12px; }
.blog-tags { display:flex;flex-wrap:wrap;gap:6px; }
.blog-tag { background:#f0f0f0;color:var(--grey);font-size:.65rem;padding:3px 10px;text-transform:uppercase;letter-spacing:1px; }

/* CTA Box */
.blog-cta { background:var(--dark);color:var(--white);text-align:center;padding:60px 20px;margin-top:40px; }
.blog-cta h2 { font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px; }
.blog-cta p { color:var(--mid);margin-bottom:24px; }
.aw-btn { display:inline-flex;align-items:center;gap:8px;padding:13px 28px;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-decoration:none;transition:all .3s; }
.aw-btn-primary { background:var(--corp);color:var(--white); }
.aw-btn-primary:hover { background:var(--corp-light); }

/* Article Page */
.article-main { max-width:760px;margin:0 auto;padding:0 20px; }
.article-hero { width:100%;max-width:100%;height:auto;max-height:280px;object-fit:cover;margin-bottom:50px; }
@media(max-width:640px){ .article-hero{max-height:180px;margin-bottom:35px;} }
.article-header { margin-bottom:40px; }
.article-header time { color:var(--corp);font-size:.75rem;letter-spacing:2px;text-transform:uppercase; }
.article-header h1 { font-size:clamp(1.8rem,4vw,2.8rem);margin:12px 0;line-height:1.2; }
.article-header .article-meta { color:var(--grey);font-size:.85rem; }
.article-content h2 { font-size:1.5rem;margin:40px 0 16px;color:var(--corp); }
.article-content h3 { font-size:1.2rem;margin:28px 0 12px; }
.article-content p { margin-bottom:18px;font-size:1.05rem; }
.article-content ul,.article-content ol { margin:0 0 18px 24px; }
.article-content li { margin-bottom:8px;font-size:1.05rem; }
.article-content strong { font-weight:600; }
.article-content blockquote { border-left:4px solid var(--corp);padding:12px 20px;margin:24px 0;background:#f9f9f9;font-style:italic;color:var(--grey); }

/* Article Sources */
.article-sources { margin: 40px 0 30px; padding: 24px 28px; background: #f4f4f4; border-radius: 6px; }
.article-sources h3 { font-size: 1rem; margin-bottom: 12px; color: var(--dark); }
.article-sources .source-list { margin: 0; padding: 0 0 0 20px; font-size: .8rem; color: #666; }
.article-sources .source-list li { margin-bottom: 6px; line-height: 1.5; }
.article-sources .source-list a { color: var(--corp); word-break: break-all; }

/* Responsive Tabellen — Desktop: normal, Mobile: scrollbar */
.article-content table { width:100%;border-collapse:collapse;margin:24px 0; }
.article-content thead { background:var(--dark);color:var(--white); }
.article-content th,.article-content td { padding:10px 12px;text-align:left;font-size:.9rem; }
.article-content tbody tr { border-bottom:1px solid var(--light); }
.article-content tbody tr:nth-child(even) { background:#f9f9f9; }
@media(max-width:640px){
.article-content table { display:block;overflow-x:auto;-webkit-overflow-scrolling:touch; }
.article-content th,.article-content td { white-space:nowrap;padding:8px 10px;font-size:.8rem; }
}

/* Article CTA */
.article-cta { background:linear-gradient(135deg,var(--dark),#1e2326);color:var(--white);padding:40px;margin:50px 0 30px;text-align:center; }
.article-cta h3 { font-size:1.3rem;margin-bottom:10px; }
.article-cta p { color:var(--mid);margin-bottom:20px;font-size:.95rem; }

#footer-container {
    margin: 0 !important;
    padding: 0 !important;
}
footer {
    background: #1e2326; color: var(--mid); text-align: center; padding: 50px 20px;
    font-family: var(--sans); font-size: .7rem; letter-spacing: 1.5px; line-height: 2;
    min-height: 243px;
}
footer a, footer a:visited { color: var(--corp-light); text-decoration: none; }
footer a:hover { color:var(--white); }
footer p, footer li { margin: 0; font-size: inherit; color: inherit; }
footer ul, footer ol { margin: 0; padding: 0; list-style: none; }
footer .footer-links { display: flex; gap: 25px; justify-content: center; flex-wrap: wrap; list-style: none; margin-bottom: 14px; }
footer .footer-brand { color: var(--mid); margin-top: 8px; font-size: .65rem; }

/* r0gr Badge */
.r0gr-badge {
    position: fixed; bottom: 20px; right: 20px; z-index: 9999;
    background: var(--dark); color: var(--mid);
    font-family: var(--mono); font-size: .65rem; letter-spacing: 1px;
    padding: 8px 14px; border-radius: 4px;
    display: flex; align-items: center; gap: 8px;
    border-left: 3px solid var(--corp);
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
    opacity: .85; transition: opacity .35s;
    text-decoration: none;
}
.r0gr-badge:hover { opacity: 1; }
.r0gr-badge a { color: var(--corp-light); text-decoration: none; }
.r0gr-badge a:hover { color: var(--white); }
.r0gr-badge-icon { font-size: 1rem; }
@media (max-width: 768px) {
    .r0gr-badge { bottom: 12px; right: 12px; padding: 6px 10px; font-size: .6rem; }
}

/* Popup Overlay */  
.wmBox_overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(40,45,48,0.75);z-index:9999}
.wmBox_centerWrap{position:absolute;inset:100px}
.wmBox_centerer{background:#fff;width:100%;height:100%;margin:0 auto;padding:0;position:relative;box-shadow:0 0 5px #000;display:flex;flex-direction:column}
@media(max-width:1024px){.wmBox_centerWrap{inset:40px}}
@media(max-width:640px){.wmBox_centerWrap{inset:0}}
.wmBox_contentWrap{flex:1;min-height:0;overflow:hidden auto;position:relative;padding:10px 15px 0 15px}
.wmBox_scaleWrap{overflow-y:auto;-webkit-overflow-scrolling:touch}
.wmBox_scaleWrap iframe{width:100%;height:700px;border:none;display:block}
.wmBox_closeBtn{position:absolute;top:25px;right:25px;z-index:10}
@media(max-width:640px){.wmBox_closeBtn{top:15px;right:15px}}
.wmBox_closeBtn p{font-family:var(--mono);font-size:18px;font-weight:400;line-height:30px;text-transform:uppercase;letter-spacing:2px;text-align:center;color:#fff;cursor:pointer;background:#83ce00;border:1px solid #83ce00;min-width:30px;margin:0;padding:0;transition:all .35s ease-out}
.wmBox_closeBtn p:hover{color:#282d30;background:#fff;border-color:#282d30}