/* === STT Mini Theme (app.min.css) === */
/* Basis */
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;background:#f8fafc;color:#0f172a}

/* Links */
a{color:#1d4ed8;text-decoration:none}
a:hover{opacity:.9}

/* Wrapper */
.container{max-width:1200px;margin:0 auto;padding:1.5rem 4rem}

/* Navbar */
nav{background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #e5e7eb}
nav .brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1d4ed8}
nav .menu{display:flex;gap:1rem;align-items:center}
@media (max-width:768px){nav .menu{gap:.75rem}}

/* Blog-Liste & Karten */
#list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
@media (min-width:768px){#list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.card:hover{border-color:#60a5fa;box-shadow:0 6px 14px rgba(0,0,0,.07)}
.card h2{margin:.25rem 0 .5rem 0;color:#1d4ed8;font-size:1.125rem}
.card .meta{font-size:.75rem;color:#475569}
.card p{color:#334155;margin:.5rem 0}
.tags{font-size:.75rem;color:#64748b;margin-top:.5rem}

/* Reader */
#reader{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.05)}

/* Inputs */
input[type="search"],select{border:1px solid #cbd5e1;border-radius:12px;padding:.5rem .75rem}
.controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}

/* Buttons (optional) */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.6rem 1rem;font-weight:600}
.btn-blue{background:#1d4ed8;color:#fff}

/* Statusmeldungen (Form) */
.text-sending{color:#475569;font-weight:600}
.text-success{color:#15803d;font-weight:700}   /* dunkles Grün, fett */
.text-error{color:#dc2626;font-weight:700}

/* --- Blog: Back Home Button --- */
.back-home {
  margin-top: 2.5rem;
  text-align: center;
}
.back-home .btn {
  background: #1d4ed8;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.25s ease;
}
.back-home .btn:hover {
  background: #1e40af;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* --- Blog Cards Hover Style --- */
.card {
  transition: all 0.25s ease;
}
.card:hover {
  transform: translateY(-4px);
  border-color: #3b82f6;
  box-shadow: 0 8px 16px rgba(59,130,246,0.1);
}

/* --- Anchor offset so sticky nav nichts überdeckt --- */
.anchor-offset{scroll-margin-top:110px;}
/* optional: etwas Luft im Abschnittkopf */
.anchor-offset .section-head{padding-top:.25rem;}