:root{
  --amtra-green:#CCE4CE;
  --amtra-orange:#F59B00;
  --amtra-violet:#6F1543;
  --bg:#f1f0ef;
  --surface:#fff;
  --text:#23272f;
  --muted:#646a76;
  --radius:12px;
  --shadow:0 4px 14px rgba(0,0,0,.05);
}

/* Fonts – binde hier eure echten WOFF2 ein */
@font-face{font-family:'Futura AMTRA';src:url('/assets/fonts/FuturaLT-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Futura AMTRA';src:url('/assets/fonts/FuturaLT.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Futura AMTRA';src:url('/assets/fonts/FuturaLT-Heavy.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Futura AMTRA', Futura, 'Trebuchet MS', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}

.wrap{max-width:1560px;margin:0 auto;padding-top:20px;padding-bottom:20px}
a{text-decoration:none;color:inherit}

header.sticky{position:sticky;top:0;z-index:30;background:#6F1543;color:#fff}
.brand{display:flex;align-items:center;gap:16px}
.brand img{height:32px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar .btn{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#fff}
.topbar .btn.primary{background:var(--amtra-orange);border-color:var(--amtra-orange);color:#2b1c00}

h1{font-size:clamp(26px,3.2vw,38px);margin:16px 0 6px;font-weight:600;letter-spacing:.3px}
h2{font-size:22px;margin:18px 0 10px;font-weight:600}
h3{font-size:18px;font-weight:500}
.subtitle{color:#6F1543;margin-bottom:40px}

.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:680px){.grid{grid-template-columns:repeat(1,1fr)}}
.col-6{grid-column:span 6}.col-12{grid-column:span 12}

.btn{display:inline-flex;align-items:center;gap:8px;padding: 6px 10px;border-radius:999px;border:1px solid #e6e8eb;background:#fff;cursor:pointer;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.btn.primary{background:var(--amtra-orange);border-color:var(--amtra-orange);color:#2b1c00}
.btn.ghost{background:transparent}
.btn:hover{filter:saturate(1.05)}

.section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ececec;overflow:hidden}
.section-head{display:flex;align-items:center;justify-content:center;padding:18px 12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.section-head.orange{background:linear-gradient(90deg,var(--amtra-orange),#f8c24a);color:#332100}
.section-head.green{background:linear-gradient(90deg,#c6e4cc,#e7f3ea);color:#103320}
.list{padding:16px}

.card{display:flex;flex-direction:column;gap:8px;border:1px solid #ececec;border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:14px;position:relative}
.card h3{margin:0;font-size:16px;font-weight:600}
.card p{margin:0;color:#5d6672;font-size:14px}
.pill{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.4px}
.pill.orange{background:rgba(245,155,0,.18);color:#6b4100}
.pill.green{background:rgba(204,228,206,.5);color:#0d381e}
.actions{display:flex;gap:8px;margin-top:8px}

.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:16px}
.profile-card{background:var(--surface);border:1px solid #ececec;border-radius:12px;box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;gap:16px}
.profile-pic{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--amtra-green)}

dialog{width:min(720px,96vw);border:none;border-radius:14px;padding:0;box-shadow:0 24px 60px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(17,24,39,.55)}
.modal-head{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff}
.modal-body{padding:16px 20px;background:#fff}
label{font-weight:600;font-size:14px}
input[type=text], input[type=email], input[type=password], textarea, select{width:100%;padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
textarea{min-height:120px;resize:vertical}
.radios{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.radio-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
.radio-chip input{accent-color:var(--amtra-green)}

.admin{background:var(--surface);border:1px solid #ececec;border-radius:12px;box-shadow:var(--shadow);padding:14px;margin-top:14px}

table{width:100%;border-collapse:separate;border-spacing:0}
th,td{padding:9px 10px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top}
th{font-size:11px;text-transform:uppercase;color:#6b7280;font-weight:700}
tr:hover td{background:#fcfcfc}

.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}
.badge.pos{background:rgba(58,167,109,.12);color:#2a7a54}
.badge.neu{background:rgba(156,163,175,.18);color:#374151}
.badge.neg{background:rgba(220,38,38,.12);color:#7f1d1d}

.note{color:#7a808c;font-size:13px}

.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:8px 12px;border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s ease}
.toast.show{opacity:1}

/* Enlarged typography for better readability */
.profile-card .title{font-size:18px;}
.profile-card .role{font-size:14px;color:var(--muted)}
h1{font-size:32px;line-height:1.2}
p{font-size:16px}

/* === Template-aligned styles === */
.hero-title{font-size:44px;line-height:1.15;font-weight:900;color:var(--amtra-violet);margin-top:30px;margin-bottom:14px;letter-spacing:.4px}
.hero-sub{font-size:18px;color:#4b5563;margin:0 0 6px 0}
.byline{font-size:14px;color:#6b7280;margin-bottom:10px}

.def-columns{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
@media (min-width: 980px){
  .def-columns{grid-template-columns:1fr 1fr}
}
.def-title{font-size:20px;margin:0 0 6px 0;font-weight:800}
.def-title.trust{color:#6b4100}
.def-title.hope{color:#0d381e}
.def-text{font-size:15px;color:#374151}

.group-banner{display:inline-block;padding:8px 14px;border-radius:999px;font-weight:800;font-size:15px;margin:6px 0}
.group-banner.orange{background:rgba(245,155,0,.18);color:#6b4100;border:1px solid rgba(245,155,0,.35)}
.group-banner.green{background:rgba(204,228,206,.5);color:#0d381e;border:1px solid rgba(12,85,39,.15)}

.table-wrap{overflow:auto}

/* === Layout tuning per template === */
.wrap{margin-top:0}
.hero-title{font-size:44px;line-height:1.15;font-weight:900;color:var(--amtra-violet);margin-top:30px;margin-bottom:14px;letter-spacing:.4px}
.hero-sub{font-size:18px;color:#4b5563;margin:0 0 10px 0;letter-spacing:.2px}
.byline{font-size:15px;color:#6b7280;margin-bottom:16px;letter-spacing:.2px}

h2{letter-spacing:.3px;margin-left: 25px;margin-right: 25px;}
h3{letter-spacing:.3px;margin-left: 25px;margin-right: 25px;}
.profile-card .title{letter-spacing:.2px}
.profile-card .role{letter-spacing:.2px}

.group-banners{display:flex;gap:10px;flex-wrap:wrap}

/* Trust blue / Hope green mapping */
.def-title.trust{color:#2F6CB3}  /* Blau */
.def-title.hope{color:#1F7A49}   /* Grün */
.pill.orange{background:rgba(47,108,179,.12);color:#2F6CB3} /* use 'orange' pill class for Vertrauen -> Blau */
.pill.green{background:rgba(31,122,73,.12);color:#1F7A49}  /* Hoffnung -> Grün */

/* Larger spacing before strengths grid */
.grid{margin-top:22px}

main.wrap{padding-top:40px}

.byline.with-photo{display:flex;align-items:center;gap:12px}
.byline.with-photo::before{content:''}
.byline.with-photo img.profile{width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}
.byline.with-photo {margin-bottom: 50px;}

.pill{display:none}

header.sticky{position:sticky;top:0;z-index:30;background:#6F1543;color:#fff}

.section{padding-bottom:8px}
.card{padding:16px}
.list{padding:20px}

/* === PERSON-SEITE OVERRIDES (AMTRA) === */
.wrap-narrow{max-width:1300;margin-left:auto;margin-right:auto}
.definitions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;margin-bottom:40px}
@media(max-width:900px){.definitions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;margin-bottom:40px}}
.def-title{margin:0 0 6px 0;font-size:18px;font-weight:600}
.def-text{padding:0;border:0;background:transparent;box-shadow:none;margin-left:25px;margin-right:25px;}
.section-head{display:flex;align-items:center;justify-content:center;padding:18px 12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#111;border:1px solid rgba(0,0,0,.06)}
.section-head.orange,.section-head.green{
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--bar, #F59B00) 85%, white 15%),
    color-mix(in srgb, var(--bar, #F59B00) 55%, white 45%)
  );
}
@supports not (background: color-mix(in srgb, red, white)) {
  .section-head.orange,.section-head.green{
    background: linear-gradient(90deg, var(--bar, #F59B00), rgba(255,255,255,.65));
  }
}
.grid.wrap-narrow{margin-top:0}


@media(max-width:900px){.definitions{grid-template-columns:1fr}}