/* aktivierungsideen.de – gemeinsames Design (ruhig, flach, Farbe = Typ)
   Violett: Planen/Material, Apricot: Ideen, Grün: Wissen. Wird nach dem Seiten-CSS geladen. */
:root{
  --ink:#1E1640; --mut:#5A547A; --line:#E3DFEF; --sheet:#fff; --bg:#FAF8F5;
  --violet:#6E2A5A; --apricot:#6E2A5A; --mint:#6E2A5A; --plum:#6E2A5A; --ease:cubic-bezier(.22,1,.36,1);
  --text:#1E1640; --muted:#5A547A; --border:#E3DFEF; --white:#fff; --tm:#4A4565; --tl:#5A547A;
  --radius:8px;
  --vl:#fff; --al:#fff; --ml:#fff; --violet2:#6E2A5A; --violet3:#fff; --apricot2:#6E2A5A; --apricot3:#fff;
  --mint2:#6E2A5A; --mint3:#fff; --gold:#8A5A00; --rose:#B3341F; --vm:#6E2A5A;
}
html{scroll-behavior:auto}
body{background:var(--bg)!important;color:var(--ink)!important}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--ink)!important}
h1 em,h2 em{font-style:normal!important;color:inherit!important}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--violet)!important;outline-offset:2px}

/* Navigation */
nav,.site-nav{background:#fff!important;border-bottom:1px solid var(--line)!important;position:static!important;backdrop-filter:none!important}
.site-nav .logo,nav .logo{font-family:Georgia,serif!important;font-weight:400!important;color:var(--ink)!important}
.nav-links a,.site-nav a{color:var(--mut)}
.nav-links a:hover,.site-nav a:hover{color:var(--ink)}
.nav-cta,a.nav-cta{background:var(--ink)!important;color:#fff!important;border-radius:4px!important}

/* Hero und Seitenkopf: hell, ohne Verlauf */
.hero,.page-header,.page-hero,.art-hero,header.hero{background:var(--bg)!important;background-image:none!important;color:var(--ink)!important;border-bottom:1px solid var(--line)}
.hero::before,.hero::after,.hero-pattern{display:none!important}
.hero p,.page-header p,.hero-sub{color:var(--mut)!important}

/* Flächen: weiß, Rand, kleine Rundung */
.card,.idea-card,.result-card,.q-card,.tool-card,.art-card,.article-card,.callout,.tip,.tip-box,.info-box,.box,.toc,
.block,.slot,.activity,.act-card,.panel,.newsletter,.related,.related-card,.faq-item,.step,.term,.entry,.stat,
.card-item,.gs-card,.filter-bar,.sidebar-card,.example,.checklist,.vorlage{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:8px!important;transform:none!important}
.card:hover,.tool-card:hover,.art-card:hover,.article-card:hover,.gs-card:hover{border-color:var(--ink)!important;transform:none!important}

/* Schaltflächen */
.btn,.btn-nl,.btn-primary,button.primary,.gen-btn,.nl-btn{border-radius:4px!important;background:var(--plum)!important;color:#fff!important;border:1.5px solid var(--plum)!important;font-weight:600!important;
  transition:background-color 150ms var(--ease),transform 120ms var(--ease)!important}
.btn:hover,.btn-nl:hover,.btn-primary:hover{background:#571F47!important;border-color:#571F47!important}
.btn:active,.btn-nl:active,.btn-primary:active,.filter-btn:active{transform:scale(.98)}
.btn.sec,.btn-secondary,.btn-outline,.filter-btn,.copy-q-btn{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;border-radius:4px!important}
.filter-btn.active,.filter-btn.on,.filter-btn[aria-pressed=true]{background:var(--plum)!important;color:#fff!important;border-color:var(--plum)!important}

/* Tags: neutral, ohne Großbuchstaben */
.tag,.badge,.pill,.chip,.cat,.cat-tag,.card-tag,.meta-tag{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--mut)!important;border-radius:3px!important;text-transform:none!important;letter-spacing:0!important}
[class*="eyebrow"],[class*="label"]{text-transform:none!important;letter-spacing:0!important}

/* Formulare */
input,select,textarea{border-radius:4px!important}
input:focus,select:focus,textarea:focus{border-color:var(--violet)!important}

/* Footer */
footer,.site-footer{background:var(--bg)!important;border-top:1px solid var(--line)!important;color:var(--mut)!important}
footer a{color:var(--ink)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Hinweisboxen: weiß, farbiger linker Rand */
.disclaimer,.fazit,.goal-box,.highlight-box,.hinweis,.pull-quote,.share-box,.strategy-example,.tipp-box,.tip-row,.tool-cta,blockquote{
  background:#fff!important;border:1px solid var(--line)!important;border-left:3px solid var(--violet)!important;border-radius:6px!important}
.warn-box,.warning-box{background:#fff!important;border:1px solid var(--line)!important;border-left:3px solid var(--apricot)!important;border-radius:6px!important}
.badge,.badge-mint,.badge-violet,.article-tag,.article-category,.page-tag,.hero-badge,.nav-badge,.card-badge,.bv,.tb,.td,.tk,.tm,.tr,.ts,.tv{
  background:#fff!important;border:1.5px solid var(--line)!important;color:var(--mut)!important;border-radius:3px!important;font-weight:600}
.pull-quote,.pull-quote *{color:var(--ink)!important}

@media (max-width:760px){
  .site-nav{height:auto!important;flex-wrap:wrap;padding:8px 16px!important;gap:4px 12px}
  .site-nav .nav-links{flex-wrap:wrap;gap:2px 16px!important;width:100%}
  .site-nav .nav-links li{display:list-item!important}
  .site-nav .nav-links a{display:inline-block;padding:8px 0}
  .site-nav .nav-links a.nav-cta{padding:6px 12px}
  .nav-badge{display:none!important}
}

.logo-blob svg,.setup-blob svg{display:none}

/* Ruhige Ebene: flach, keine Verläufe, keine Schatten, kein Versalsatz */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
[style*="text-transform:uppercase"],[class*="eyebrow"],[class*="label"],.article-category,.card-nr{text-transform:none!important;letter-spacing:0!important}
.nl{background:#fff!important;border:1px solid var(--line)!important;border-left:3px solid var(--violet)!important;border-radius:8px!important}
.nl *{color:inherit}
.btn-primary,.btn-zauberstab{background:var(--violet)!important;background-image:none!important;color:#fff!important}
.btn-primary:hover,.btn-zauberstab:hover{background:#571F47!important;transform:none!important}
.btn-primary:active,.btn:active,.filter-btn:active{transform:scale(.98)!important}
.starter-card:hover,.card:hover,.article-card:hover,.slot-item:hover{transform:none!important;border-color:#C9C2CE!important}
.card-stripe{display:none!important}
/* Praxiswissen: Liste statt Kartenraster */
.articles-grid{display:block!important;border-top:1px solid var(--line)}
.article-card{display:block!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:22px 4px!important;min-height:0!important}
.article-card:hover{background:#fff!important}
.article-category{background:none!important;border:0!important;padding:0!important;margin-bottom:4px!important;font-size:.82rem!important;font-weight:600!important;color:var(--mut,#6B5E70)!important}
.article-title{margin-bottom:6px!important}
.article-meta{margin-top:8px!important}
/* Filterleisten ohne Rahmenkasten */
.filter-bar{border:0!important;background:none!important;padding:0!important}
.filter-btn{border-radius:10px!important;transition:background-color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.nl h3{color:#1E1640!important}
.nl p,.nl-confirm{color:#5C5266!important}
.nl-form input[type=email]{background:#fff!important;color:#1E1640!important;border:1px solid #C9C2CE!important}
.nl-form input::placeholder{color:#8A8092!important}
.nl-form button{background:var(--violet)!important;color:#fff!important}
main a:not([class]),article a:not([class]),.wrap a:not([class]),p a:not([class]),li a:not([class]){color:var(--violet);text-underline-offset:3px;text-decoration-thickness:1px}
p a:not([class]):hover,li a:not([class]):hover{color:#571F47}
a{overflow-wrap:anywhere}
@media(max-width:700px){table{display:block;overflow-x:auto;max-width:100%}}
.memo-box{background:#fff!important;border:1px solid var(--line)!important;border-left:3px solid var(--violet)!important;border-radius:8px!important}
.tool-cta,.tool-cta *{text-decoration:none!important}
.tool-cta:hover .tool-cta-title,.tool-cta:hover strong{text-decoration:underline!important}
.footer-links{background:none!important;border:0!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px 18px!important;padding:0!important;margin:12px 0!important}
.footer-links a{font-size:14px!important;padding:6px 0!important;margin:0!important}
.site-footer p{font-size:14px!important}
.site-footer{border-top:1px solid var(--line)!important}