/* Karl Lorenz — "Aktuell gesucht": die laufenden Suchaufträge.
   Eigene Sprache: Zettel an der Wand. Papierkarten mit Kennung oben, Eckdaten als Tabelle,
   ein Knopf je Karte. Bewusst anders als Objektkarten (Foto führt) — hier gibt es kein Foto,
   und genau das ist der Punkt: gesucht wird eine Beschreibung, kein Bild.
   Reset nur mit :where(), damit eigene Klassen ihre Abstände behalten. */

.ges{
  --ink:#1E1915;
  --paper:#F6F1E8;
  --white:#fff;
  --line:#E2D9CB;
  --muted:#8A8177;
  --text:#453D36;
  --accent:#D15B3E;
  --accent-2:#B0431F;
  --serif:ivypresto-display,"Playfair Display",Georgia,serif;
  --gut:clamp(16px,4vw,40px);
  --e-body:cubic-bezier(.25,.46,.45,.94);
  --e-ui:cubic-bezier(.4,0,.2,1);
  background:var(--white);color:var(--ink);
  font-family:'Open Sans',system-ui,sans-serif;overflow-x:clip;
}
.ges *,.ges *::before,.ges *::after{box-sizing:border-box}
.ges :where(p,dl,dt,dd,h1,h2,h3,ul,figure){margin:0}
.ges h1,.ges h2,.ges h3{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;color:inherit}
.ges a{color:inherit}
.ges-wrap{width:100%;max-width:1160px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}

.ges-head{background:var(--paper);padding:clamp(26px,3.6vw,52px) 0 clamp(34px,4.4vw,64px)}
.ges-crumbs{font-size:13px;color:var(--muted);margin-bottom:clamp(18px,2.4vw,30px)}
.ges-crumbs a{color:var(--muted);text-decoration:none}
.ges-crumbs a:hover{color:var(--accent-2)}
.ges-kicker{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.ges-kicker::before{content:"";width:clamp(24px,3vw,44px);height:1px;background:currentColor;opacity:.7}
.ges-h1{font-size:clamp(30px,4.4vw,54px);line-height:1.04;max-width:20ch}
.ges-lead{margin-top:clamp(16px,2vw,24px);font-size:clamp(16.5px,1.4vw,19px);line-height:1.62;color:var(--text);max-width:64ch}

.ges-list{padding:clamp(32px,4.4vw,64px) 0 clamp(20px,2.6vw,34px)}
.ges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,1.8vw,22px)}
.ges-card{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,28px);background:var(--white);
  border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 40px -34px rgba(30,25,21,.55);
  transition:transform .35s var(--e-body),box-shadow .35s var(--e-body)}
.ges-card:hover{transform:translateY(-3px);box-shadow:0 26px 52px -34px rgba(30,25,21,.6)}
.ges-nr{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ges-card h3{font-size:clamp(19px,1.8vw,23px);line-height:1.18;font-weight:400}
.ges-note{font-size:15px;line-height:1.6;color:var(--text)}
.ges-facts{margin-top:2px;border-top:1px solid var(--line)}
.ges-facts > div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.ges-facts dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}
.ges-facts dd{font-size:15.5px;line-height:1.35;text-align:right;color:var(--ink)}
.ges-btn{margin-top:auto;align-self:flex-start;border:0;border-radius:6px;background:var(--ink);color:#F3ECE1;
  font:600 14.5px/1 'Open Sans',system-ui,sans-serif;padding:13px 20px;cursor:pointer;
  transition:background .25s var(--e-ui),transform .2s var(--e-ui)}
.ges-btn:hover{background:var(--accent)}
.ges-btn:active{transform:scale(.985)}
.ges-empty{font-size:17px;line-height:1.7;color:var(--text);max-width:60ch;padding:clamp(20px,3vw,34px);background:var(--paper);border-radius:6px}
.ges-more{margin-top:clamp(22px,2.8vw,34px);font-size:14.5px;line-height:1.8;color:var(--muted)}
.ges-more a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}
.ges-more a:hover{color:var(--ink)}

.ges-form{padding:clamp(24px,3vw,40px) 0 clamp(44px,5.4vw,80px)}
.ges-formbox{background:var(--paper);border-radius:8px;padding:clamp(22px,3vw,44px)}
.ges-h2{font-size:clamp(22px,2.4vw,30px);line-height:1.12}
.ges-formlead{margin-top:12px;margin-bottom:clamp(18px,2.2vw,26px);font-size:16px;line-height:1.65;color:var(--text);max-width:62ch}
.ges-formbox .kl-form{background:var(--white)}
.ges-hint{margin-top:10px;font-size:13px;line-height:1.5;color:var(--muted)}
.ges .kl-form label,.ges .kl-form input,.ges .kl-form textarea{min-width:0;max-width:100%}

@media(max-width:560px){
  .ges-facts > div{flex-direction:column;gap:2px}
  .ges-facts dd{text-align:left}
  .ges-btn{width:100%;text-align:center}
}