/*
* CSS für Karsten Böhm
* Version 1.0
* 10.09.2024
* author: heike@catnip.de
*/


.merriweather-light {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: normal;
}

.merriweather-regular {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
}

.merriweather-bold {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: normal;
}

.merriweather-black {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: normal;
}

.merriweather-light-italic {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: italic;
}

.merriweather-regular-italic {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: italic;
}

.merriweather-bold-italic {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: italic;
}

.merriweather-black-italic {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: italic;
}





html, body {
  font-family: 'Merriweather', serif;
  font-size: 18px;
  font-weight: 300;
  background: #747474;
  margin: 0;
  padding: 0;
  color: #999;
}

main {
  padding-top: 72px;
}

.navigation {
  list-style: none;
  display: flex;
  justify-content: center;
}

.navigation li {
  margin-right: 1.75em;
}

h1 {
  font-size: 25px;
  color: #999;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  letter-spacing: 0.6em;
  margin: 0;
}

.headline {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.2em;
}

.white {
  color: #d4cac8;
}

.grey {
  color: #999999;
}

.text {
  font-size: 16px;
  line-height: 26px;
  color: #1f1c1d;
  text-align: center;
}

.smalltext {
  font-size: 13px;
  line-height: 26px;
  color: #1f1c1d;
  text-align: center;
}

.smalltextgrey {
  font-size: 13px;
  line-height: 26px;
  color: #999;
  text-align: center;
  letter-spacing: 0.2em;
}

a {
  color: #d4cac8;
  text-decoration: none;
  letter-spacing: 0.2em;
}

a:hover {
  color: #999;
}

a.white:link {
  color: #d4cac8;
}

a.white:hover {
  color: #999;
}

.container {
  margin: 0 auto;
  max-width: 700px;
  padding: 0 20px;
  align-content: center;
}

.container2 {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 20px;
  align-content: center;
}

.el-float {
  float: center;
}

strong {
  font-weight: 600;
}

.wrapper {
  padding: 7px 0;
  clear: both;
}

.bg-header {
  background-image: url(../img/boehm-005.jpeg);
}

.bg-black {
  background-color: #1f1c1d;
}

.bg-hellgrau {
  background-color: #999999;
}

.bg-grey {
  background-color: #c6c6c6;
}

ul {
  list-style: none;
  padding: 0;
}

p {
  margin: 0 0 1,5em;
}

figure {
  display: inline-block;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 49%;
}

figure:nth-child(2n) {
  float: right;
}

figcaption {
  margin-top: 14px;
}

img {
  max-width: 100%;
}

.logo {
  margin-top: 10px;
}

.symbole {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 25%;
}