.atmos-gbf { margin: 0 0 22px; }
.atmos-gbf-versteckt { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atmos-gbf-leer { border: 1px dashed #8C8174; background: var(--aa-grund, #FAF8F4); padding: 28px 24px; text-align: center; }
.atmos-gbf.ist-ueber .atmos-gbf-leer { border-style: solid; border-color: var(--aa-gold, #8A6A3E); background: #fff; }
.atmos-gbf-leer .atmos-gbf-datei:not(.atmos-gbf-versteckt) { display: block; margin: 0 auto 10px; }
.aa-rl .atmos-gbf button, .atmos-gbf button { min-height: 48px; padding: 0 24px; border: 1px solid var(--aa-t2, #2B2724); border-radius: 2px; background: #fff; color: var(--aa-t2, #2B2724); font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 17px; font-weight: 400; line-height: 1.2; letter-spacing: .3px; text-transform: none; cursor: pointer; }
.aa-rl .atmos-gbf button:hover, .atmos-gbf button:hover { background: var(--aa-warm, #F2ECE2); }
.aa-rl .atmos-gbf button:focus-visible, .atmos-gbf button:focus-visible { outline: 2px solid var(--aa-gold, #8A6A3E); outline-offset: 3px; }
.atmos-gbf-ziehen { display: inline-block; margin-left: 14px; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 16px; color: var(--aa-t3, #4A443E); }
.aa-rl .atmos-gbf p.atmos-gbf-einladung, .atmos-gbf p.atmos-gbf-einladung { margin: 0 auto 18px; max-width: 520px; font-family: var(--aa-serif, 'Crimson Pro', Georgia, serif); font-size: 19px; line-height: 1.45; color: var(--aa-t1, #1E1B18); }
.aa-rl .atmos-gbf p.atmos-gbf-hinweis, .atmos-gbf p.atmos-gbf-hinweis { margin: 12px auto 0; max-width: 440px; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 15px; line-height: 1.5; color: var(--aa-t3, #4A443E); }
.atmos-gbf-gewaehlt { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 24px; border: 1px solid #8C8174; background: #fff; padding: 20px; }
.aa-rl .atmos-gbf .atmos-gbf-vorschau, .atmos-gbf .atmos-gbf-vorschau { flex: 0 0 96px; width: 96px; height: 120px; max-width: none; object-fit: cover; display: block; background: #E9E2D6; }
.atmos-gbf-info { flex: 1 1 200px; min-width: 0; }
.aa-rl .atmos-gbf p.atmos-gbf-name, .atmos-gbf p.atmos-gbf-name { margin: 0; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 16px; font-weight: 500; color: var(--aa-t1, #1E1B18); overflow-wrap: anywhere; }
.aa-rl .atmos-gbf p.atmos-gbf-status, .atmos-gbf p.atmos-gbf-status { margin: 4px 0 0; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 15px; line-height: 1.5; color: var(--aa-t3, #4A443E); }
.atmos-gbf-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; }
.aa-rl .atmos-gbf .atmos-gbf-knoepfe button, .atmos-gbf .atmos-gbf-knoepfe button { min-height: 44px; padding: 0 18px; font-size: 15px; border-color: #8C8174; }
.aa-rl .atmos-gbf button.atmos-gbf-entfernen, .atmos-gbf button.atmos-gbf-entfernen { border-color: transparent; background: transparent; color: var(--aa-t3, #4A443E); text-decoration: underline; text-underline-offset: 4px; }
.aa-rl .atmos-gbf button.atmos-gbf-entfernen:hover, .atmos-gbf button.atmos-gbf-entfernen:hover { background: transparent; color: var(--aa-t1, #1E1B18); }
.atmos-gbf.ist-beschaeftigt .atmos-gbf-knoepfe { visibility: hidden; }
.aa-rl .atmos-gbf label.atmos-gbf-einwilligung, .atmos-gbf label.atmos-gbf-einwilligung { display: flex; align-items: flex-start; gap: 14px; min-height: 44px; margin: 10px 0 0; padding: 8px 0; box-sizing: border-box; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 16px; line-height: 1.5; color: var(--aa-t1, #1E1B18); cursor: pointer; }
.atmos-gbf-einwilligung input { flex: 0 0 auto; width: 22px; height: 22px; margin: 2px 0 0; accent-color: #8A6A3E; }
.atmos-gbf-einwilligung input.error { outline: 2px solid #8E2B2B; outline-offset: 2px; }
.aa-rl .atmos-gbf p.atmos-gbf-leise, .atmos-gbf p.atmos-gbf-leise { margin: 0 0 0 36px; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 15px; line-height: 1.5; color: var(--aa-t3, #4A443E); }
.aa-rl .atmos-gbf p.atmos-gbf-fehler, .atmos-gbf p.atmos-gbf-fehler { margin: 10px 0 0; font-family: var(--aa-sans, Jost, Arial, sans-serif); font-size: 15px; line-height: 1.5; color: #8E2B2B; }
.atmos-gbf [hidden] { display: none !important; } .aa-rl .aa-gb-form input.gwolle_gb_submit:disabled, .aa-rl .aa-gb-form input.gwolle_gb_preview:disabled { opacity: .45; cursor: default; }
@media (max-width: 767px) {
.atmos-gbf-leer { border-style: solid; background: #fff; padding: 20px 16px; }
.aa-rl .atmos-gbf p.atmos-gbf-einladung, .atmos-gbf p.atmos-gbf-einladung { font-size: 17px; margin-bottom: 14px; }
.atmos-gbf-ziehen { display: none; }
.aa-rl .atmos-gbf .atmos-gbf-vorschau, .atmos-gbf .atmos-gbf-vorschau { flex-basis: 80px; width: 80px; height: 100px; }
.atmos-gbf-knoepfe { flex: 1 1 100%; }
.aa-rl .atmos-gbf .atmos-gbf-knoepfe button.atmos-gbf-anderes, .atmos-gbf .atmos-gbf-knoepfe button.atmos-gbf-anderes { flex: 1 1 auto; }
} .atmos-gbf-foto { margin: 0; }
.aa-rl .aa-gb-liste .atmos-gbf-foto { float: left; width: 96px; margin: 6px 24px 8px 0; }
.aa-rl .aa-gb-liste .atmos-gbf-foto a { display: block; width: 96px; aspect-ratio: 4 / 5; overflow: hidden; background: #E9E2D6; }
.aa-rl .aa-gb-liste .gb-entry article::after { content: ""; display: block; clear: both; }
.aa-rl .aa-gb-liste .gb-entry-admin_reply, .aa-rl .aa-gb-liste .gb-admin_reply_uid { clear: both; } .aa-rl .aa-gb-liste .atmos-gbf-foto img, .gwolle-gb .atmos-gbf-foto img, .atmos-gbf-foto img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.aa-rl .aa-gb-liste .atmos-gbf-foto a:focus-visible { outline: 2px solid var(--aa-gold, #8A6A3E); outline-offset: 3px; } .aa-rl .aa-gb-liste .gwolle-gb-single-entry .atmos-gbf-foto { float: none; width: min(100%, 420px); margin: 0 0 24px; }
.aa-rl .aa-gb-liste .gwolle-gb-single-entry .atmos-gbf-foto a { width: 100%; }
@media (max-width: 767px) {
.aa-rl .aa-gb-liste .atmos-gbf-foto { width: 72px; margin: 5px 16px 6px 0; }
.aa-rl .aa-gb-liste .atmos-gbf-foto a { width: 72px; }
} .gwolle-gb .atmos-gbf-foto a { display: block; max-width: 420px; }