@font-face {
font-family: 'Roboto-Regular'; 
 src: url('Roboto-Regular.ttf') 
           format('truetype');
}

:root {
  --bs-body-font-family: 'Roboto-Regular'; 
  --bs-body-font-size: 1em;
  --bs-body-font-weight: 500;
  --bs-body-line-height: 1.5;
  --bs-body-color: #896b14;
  --bs-body-text-align: center;
  --bs-body-bg: #030500;
  --bs-link-color-rgb: 137,107,20;
}

h3 {
	margin-top: 3rem;
}    

h4 {
	margin-top: 2rem;
}

.bg-weiss {
	background-color: #fff;
}
.teaser a {
	font-size: 1rem;
	padding: 1rem;
	text-decoration: none;
	color: #fff;
}

a, a:hover, a:afocus {
	color: #896b14;	
	text-decoration: none;
}

.teaser {
	background-color: #896b14;
	color: #fff;
	padding: 1rem;
}

.logo {
	max-width: 250px;
	height: auto;
	padding: 1rem;
}
 
.cards{
      display:grid;
      grid-template-columns:1fr;
      gap:12px;
}

.card{
      padding:14px;
      border-radius:10px;
      background:#fff;
      border:2px solid #896b14;
}

ul.items, ul.items2 {
      columns:2;
      -webkit-columns:2;
      list-style:none;
      padding:1rem;
      margin:8px 0 0;
      gap:8px;
}

ul.items li{
      border: 2px solid #896b14;
      padding:40px 50px 40px 50px;
      border-radius:8px;
      margin-bottom:15px;
      font-weight:800;
      font-size: 1.25rem;
      background-color: white;
      color: white;
      text-shadow: 2px 2px 2px black;
}

ul.items li:first-of-type {
      background-image: url(../Images/goldschmuck-gruen.png);
      background-position: left center;
}

ul.items li:nth-of-type(2) {
      background-image: url(../Images/goldmuenzen-barren.png);
      background-position: center center;
}

ul.items li:nth-of-type(3) {
      background-image: url(../Images/silberschmuck.png);
      background-position: center center;
}

ul.items li:nth-of-type(4) {
      background-image: url(../Images/silberbesteck2.png);
      background-position: center center;
}

ul.items li:nth-of-type(5) {
      background-image: url(../Images/bernstein.png);
      background-position: center center;
}

ul.items li:nth-of-type(6) {
      background-image: url(../Images/armbanduhr.png);
      background-position: center center;
      background-size: cover;
}

ul.items li:nth-of-type(7) {
      background-image: url(../Images/handtasche.png);
      background-position: center center;
}

ul.items li:nth-of-type(8) {
      background-image: url(../Images/porzellan.png);
      background-position: left center;
}

ul.items li:nth-of-type(9) {
      background-image: url(../Images/antikes1.png);
      background-position: right center;
}

ul.items li:nth-of-type(10) {
      background-image: url(../Images/militaria.png);
      background-position: right center;
      background-size: cover;
      background-repeat: no-repeat;
}

footer{
      margin-top: 3rem;
      padding:3rem;
      background:#030500;
      color:var( --bs-body-color);
      border-top: 2px solid var( --bs-body-color);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
    }

    @media (max-width:640px){
      ul.items{columns:1}
      header{padding:18px}
    }