/* gaestebuch — Zitat-Karten. Nur unter .mod-gaestebuch, damit nichts in andere Seiten läuft. */
.mod-gaestebuch .gb-filter { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 4px 0 14px; }
.mod-gaestebuch .gb-filter .gb-suggest { flex-basis: 100%; font-size: .9em; }
.mod-gaestebuch .gb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; margin: 8px 0 18px; }
.mod-gaestebuch .gb-card {
	position: relative; padding: 16px 18px 12px 18px; border-radius: 10px;
	background: var(--colorbacklinepair2, #fbf8f3); border: 1px solid var(--colortopbordertitle1, #e5ded3);
	display: flex; flex-direction: column; gap: 8px;
}
.mod-gaestebuch .gb-card::before {
	content: "\201E"; position: absolute; left: 10px; top: -6px; font-family: Georgia, serif;
	font-size: 52px; line-height: 1; color: #AA2018; opacity: .22; pointer-events: none;
}
.mod-gaestebuch .gb-card-vorschlag { border-style: dashed; border-color: #d9a441; }
.mod-gaestebuch .gb-card-abgelehnt { opacity: .6; }
.mod-gaestebuch .gb-card-quote { font-family: Georgia, "Times New Roman", serif; font-size: 1.08em; line-height: 1.5; color: inherit; text-decoration: none; white-space: normal; }
.mod-gaestebuch .gb-card-quote:hover { text-decoration: none; opacity: .85; }
.mod-gaestebuch .gb-card-meta { font-size: .9em; opacity: .8; }
.mod-gaestebuch .gb-card-who { font-weight: 600; }
.mod-gaestebuch .gb-card-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: auto; }
.mod-gaestebuch .gb-chip {
	display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; font-size: .82em;
	background: rgba(0,0,0,.05); color: inherit; white-space: nowrap; text-decoration: none;
}
.mod-gaestebuch a.gb-chip:hover { text-decoration: none; background: rgba(0,0,0,.1); }
.mod-gaestebuch .gb-chip-public { background: rgba(46,125,50,.14); }
.mod-gaestebuch .gb-chip-user { background: rgba(170,32,24,.10); }
.mod-gaestebuch .gb-chip-user .fa-heart, .mod-gaestebuch .gb-heart { color: #AA2018; }
.mod-gaestebuch .gb-empty { padding: 30px 0; text-align: center; }
.mod-gaestebuch .gb-pager { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 10px 0 20px; }
.mod-gaestebuch .gb-single { max-width: 820px; margin: 6px 0 18px; padding: 18px 24px; border-left: 4px solid #AA2018; background: var(--colorbacklinepair2, #fbf8f3); border-radius: 0 10px 10px 0; }
.mod-gaestebuch .gb-single-quote { margin: 0 0 10px; font-family: Georgia, "Times New Roman", serif; font-size: 1.3em; line-height: 1.5; }
.mod-gaestebuch .gb-volltext { margin: 14px 0; }
.mod-gaestebuch .gb-volltext summary { cursor: pointer; }
.mod-gaestebuch .gb-volltext-body { margin-top: 8px; padding: 10px 14px; background: rgba(0,0,0,.03); border-radius: 6px; max-height: 420px; overflow: auto; }
.mod-gaestebuch .gb-source-hint { margin: 0 0 10px; }
.mod-gaestebuch .gb-usertab-intro { margin: 12px 0; font-size: 1.05em; }
/* Lob-Suche in Mails */
.mod-gaestebuch .gb-hint { margin: -4px 0 12px; }
.mod-gaestebuch .gb-suggest label { margin-right: 14px; white-space: nowrap; }
.mod-gaestebuch .gb-mails { display: flex; flex-direction: column; gap: 10px; max-width: 980px; }
.mod-gaestebuch .gb-mail { padding: 12px 16px; border: 1px solid var(--colortopbordertitle1, #e5ded3); border-radius: 8px; background: var(--colorbackbody, #fff); }
.mod-gaestebuch .gb-mail-done { opacity: .65; }
.mod-gaestebuch .gb-mail-hidden { opacity: .5; border-style: dashed; }
.mod-gaestebuch .gb-mail-head { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.mod-gaestebuch .gb-mail-from { font-weight: 600; }
.mod-gaestebuch .gb-mail-subject { margin: 2px 0 6px; opacity: .85; }
.mod-gaestebuch .gb-mail-snippet { font-family: Georgia, "Times New Roman", serif; line-height: 1.5; padding: 6px 10px; border-left: 3px solid #AA2018; background: rgba(170,32,24,.04); }
.mod-gaestebuch .gb-mail-snippet mark { background: rgba(217,164,65,.35); color: inherit; padding: 0 1px; border-radius: 2px; }
.mod-gaestebuch .gb-mail-actions { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin-top: 8px; }
.mod-gaestebuch .gb-mail-actions .butActionSmall { margin: 0; }
.mod-gaestebuch .gb-btn-quiet { opacity: .7; }
.mod-gaestebuch .gb-block { display: inline-block; margin: 2px 0; }
/* Feedbackbogen erfassen */
.mod-gaestebuch .gb-bogen { max-width: 620px; display: flex; flex-direction: column; gap: 14px; }
.mod-gaestebuch .gb-bogen-drop { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 120px; padding: 18px;
	border: 2px dashed #AA2018; border-radius: 12px; background: rgba(170,32,24,.04); font-size: 1.1em; cursor: pointer; text-align: center; }
.mod-gaestebuch .gb-bogen-drop input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.mod-gaestebuch .gb-bogen-felder { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.mod-gaestebuch .gb-bogen-los { align-self: flex-start; font-size: 1.05em; padding: 8px 18px; }
.mod-gaestebuch .gb-bogen-letzte li { margin: 4px 0; }
@media (max-width: 600px) {
	.mod-gaestebuch .gb-grid { grid-template-columns: 1fr; }
	.mod-gaestebuch .gb-single { padding: 14px 16px; }
}