/* Landesgütegemeinschaft Instandsetzung von Betonbauwerken BW + BY
   Gemeinsames Stylesheet für dateien.lgbwby.de */

:root{
  --gruen:#156F24;
  --gruen-dunkel:#0F5119;
  --ink:#1A1F1A;
  --ink-2:#4A524A;
  --muted:#6B736C;
  --line:#DCE0D6;
  --ground:#F4F6F2;
  --surface:#FFFFFF;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:"Roboto","Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* Grüner Balken, weiße Schrift, wie auf den Tagungsunterlagen */
.balken{
  background:var(--gruen);
  color:#fff;
  padding:16px 24px;
  font-weight:500;
  font-size:1.05rem;
  line-height:1.3;
}
.balken a{color:#fff;text-decoration:none}
.balken a:hover{text-decoration:underline}

.wrap{max-width:44rem;margin:0 auto;padding:40px 24px 72px}

h1{font-size:1.75rem;font-weight:500;line-height:1.2;margin:0 0 4px}
h2{font-size:1.05rem;font-weight:500;margin:32px 0 6px;color:var(--gruen-dunkel)}
p{margin:0 0 14px}
.sub{color:var(--muted);margin:0 0 28px}

a{color:var(--gruen)}

ul{padding-left:1.15rem;margin:0 0 14px}
li{margin:6px 0}

.karte{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:3px;
  padding:20px 24px;
}

.zeile{margin:0 0 2px}
.platzhalter{color:#A6631B;background:#F8EEDE;padding:1px 5px;border-radius:2px}

footer{
  margin-top:48px;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-size:.85rem;
  color:var(--muted);
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

@media (max-width:480px){
  .wrap{padding:28px 18px 56px}
  h1{font-size:1.45rem}
}