/* Dartclub Zwenkau: Gaestebuch Redesign 2026-10-26 – reine Darstellung */
.gb-hero{background:radial-gradient(ellipse at 88% 70%,#235169 0%,transparent 43%),linear-gradient(110deg,#091b2b,#15394e);border-radius:19px;padding:39px 38px;min-height:130px;box-shadow:0 15px 32px #0925391b}
.gb-hero:after{content:'🎯';opacity:.13;font-size:116px;right:30px;top:0}
.gb-hero h1{font-size:clamp(1.9rem,3.6vw,2.65rem);letter-spacing:-.035em}
.gb-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;align-items:start}
.gb-grid>section>h2{margin:8px 0 18px;font-size:1.4rem}
.gb-message-card{background:#fff;border:1px solid #dfe5ea;border-left:1px solid #dfe5ea;border-radius:16px;padding:25px 26px;box-shadow:0 9px 28px #122b3d12;margin-bottom:17px}
.gb-message-card:before{content:'🎯';opacity:.5;font-size:22px;right:22px;top:24px}
.gb-person{gap:13px;margin-bottom:19px;padding-right:38px}
.gb-avatar{border:2px solid #e4a15e;box-shadow:0 0 0 3px #fff,0 3px 12px #0f2b3d26;flex:0 0 48px;width:48px;height:48px}
.gb-person-name{font-weight:800;letter-spacing:-.01em}
.gb-meta{color:#668093}
.gb-entry{line-height:1.75;color:#213a4d}
.gb-thread{border-left:2px solid #bbd0dc;margin:18px 0 0 18px;padding:0 0 0 23px;position:relative}
.gb-thread-item{position:relative;background:#f3f7fa;border:1px solid #e9eff3;border-radius:13px;margin:10px 0;padding:15px 16px 15px 18px;box-shadow:none}
.gb-thread-item:before{content:'';position:absolute;top:28px;left:-25px;width:24px;height:2px;background:#bbd0dc}
.gb-thread-item:after{content:'';position:absolute;top:24px;left:-28px;background:#93abbb;border:2px solid #fff;border-radius:50%;width:7px;height:7px}
.gb-thread-person{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.gb-thread-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#16394c;color:#fff;border:2px solid #d8a06b;font-weight:800}
.gb-thread-person strong{display:block;color:#102c40}
.gb-thread-item .gb-meta{margin:2px 0 0}
.gb-answer-toggle{margin-top:18px}
.gb-answer-toggle>summary{display:inline-flex;align-items:center;gap:8px;border:1px solid #b8cad5;border-radius:9px;padding:10px 14px;background:#fff;color:#17394e;font-weight:750;list-style:none;cursor:pointer}
.gb-answer-toggle>summary::-webkit-details-marker{display:none}
.gb-answer-toggle>summary:before{content:'▤';font-size:17px;color:#24617a}
.gb-answer-toggle>summary:hover{background:#ecf3f7;border-color:#8daab9}
.gb-answer-toggle[open]{padding:14px;background:#f6f9fb;border:1px solid #dce6eb;border-radius:12px}
.gb-answer-toggle[open]>summary{margin-bottom:12px}
.gb-answer-toggle .gb-btn{width:auto;max-width:100%}
.gb-reply{border-left:2px solid #d5a26b;background:#fbf4eb;border-radius:9px;padding:14px 18px}
.gb-form-card{border:1px solid #e1e7eb;border-top:4px solid #c6864b;border-radius:16px;padding:27px;box-shadow:0 12px 33px #10273918}
.gb-form-card h2{font-size:1.4rem}
.gb-subtitle{line-height:1.7;margin-bottom:17px}
.gb-form label{color:#102d42;margin-top:15px}
.gb-form input,.gb-form textarea{border:1px solid #bacbd5;background:#fff;border-radius:10px;padding:13px 14px;min-width:0}
.gb-form textarea{min-height:145px}
.gb-btn{background:linear-gradient(110deg,#112d41,#1c5267);padding:14px 16px;border-radius:10px;min-height:46px}
.gb-form-card>.gb-form>.gb-btn{width:100%}
.gb-emoji-picker{border-radius:10px;background:#f6f9fb}
.gb-notice{border-radius:10px;color:#145b3a}
@media(max-width:900px){.gb-grid{grid-template-columns:minmax(0,1fr)}.gb-form-card{position:static}.gb-hero{padding:31px 24px}}
@media(max-width:560px){.gb-message-card{padding:18px 17px}.gb-thread{margin-left:7px;padding-left:17px}.gb-thread-item:before{left:-19px;width:18px}.gb-thread-item:after{left:-22px}.gb-person{gap:11px}.gb-form-card{padding:20px}.gb-hero:after{font-size:70px;right:5px}.gb-answer-toggle>summary{min-height:42px}}
@media(prefers-reduced-motion:reduce){.gb-card,.gb-btn{transition:none;transform:none!important}}

/* Feinschliff 26.10.2026: kompakter Antworten-Button und echte Sprechblasen */
.gb-answer-toggle>summary{
  gap:6px;
  padding:6px 10px;
  border-radius:8px;
  font-size:.87rem;
  line-height:1.2;
  min-height:34px;
  box-sizing:border-box;
}
.gb-answer-toggle>summary:before{
  content:'💬';
  font-size:14px;
  line-height:1;
}
.gb-thread-item{
  position:relative;
  border-radius:13px;
  background:#eff5f8;
  border:1px solid #dce9f0;
}
.gb-thread-item::before{
  content:'';
  position:absolute;
  top:24px;
  left:-9px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  background:#eff5f8;
  border-left:1px solid #dce9f0;
  border-bottom:1px solid #dce9f0;
}
/* Schlichte Sprechblase ohne zusaetzliche Marker */
.gb-thread-item::after{content:none}
@media(max-width:560px){
  .gb-answer-toggle>summary{padding:7px 10px;font-size:.86rem;min-height:34px}
}