:root {
  --bg1: #676706;
  --bg2: #cdcd3e;
  --bg3: #9a9a49;
  --bg4: #e6e66e;
  --bg5: #DDDDDD;
  --bg6: #eeee20;
}
BODY { background-color: var(--bg1); color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.container { background-color: #fff; }
.header__top { background-color: var(--bg2); border-bottom:1px solid var(--bg3) }
.header__bottom { background-color: var(--bg4); border-bottom:1px solid var(--bg5) }
.header__bottom__logo { max-width:5.5rem !important; }
.img01-parent { margin-bottom:-2.3rem !important }
.btn { background-color: var(--bg2); border-color: var(--bg2); }
.btn:hover { background-color: var(--bg6); border-color: var(--bg6); }
h1 { background:none !important; }
@media (max-width: 800px) {
.header__top { margin-bottom:0 !important }
.header__bottom .row { margin-top:-.6rem !important }
.header__bottom__logo { max-width:3.0rem !important; }
.header__bottom__logo { margin-left:0.5rem !important; }
.header__bottom > div > div > div { margin-right:.5rem !important; }
.img01 { min-width:170px; margin-left:0 !important; }
.site-header { font-size:3.1vw }
.site-header-2 { font-size:2.1vw }
h1 { font-size:3.5vw; margin-left:1.5rem !important; }
.h3 { font-size:3.0vw; margin-top:0 !important }
.h6 { font-size:2.4vw }
.kachel { max-width:100%; min-width:100%; max-height:100%; background-size: 100%; padding-bottom: 2.5rem !important; }
.kachel h2 { margin-left:0 !important; text-align:center }
.kachel img { max-height:70px; width:auto }
.text01 { font-size:2.4vw; margin-right:0 !important; }
}
.footer { background-color:var(--bg2) }
#footer a { color:#FFF }

.header-h1 { z-index:1000; background:none }
.kachel { background-image:url(images/kachel.png); background-repeat:no-repeat }