:root {
    --kapdunkelgrau:#5c5b5b;
    --kaphellgrau:#9a9a9a;
    --kaphell:rgb(237, 237, 215);
    --kapgrün:#ACD715;
    --kaporange:#f7bf32;
    --kapblau:#000080;
}
body {
	/*Background start*/
background:var(--kapdunkelgrau);
margin:0px;
padding:0px;
font-size:100%;
line-height:1.4;
font-family:Verdana;
color:var(--kaphell);
font-family: Verdana;
/*Background end*/
}
img, video {width:100%;height: auto;}
.abstand{padding-top: 1.85rem;}
/*Navbar start*/
.navbar {
  position:absolute;
  top: 0;
  z-index: 1000;
}

.nav-link {
  color: var(--kaphell);
  border-radius: 15px;
  padding: 3px 20px 3px 3px;
  min-width: 12em;
  max-width: 12em;
  text-align: center;
}

.nav-link:hover {
  color:var(--kaporange);
  background: var(--kapdunkel);
  max-width: 10em;
}

.nav-link.active {
  background: var(--kapdunkel);
  color:var(--kaporange)!important;
  max-width: 10em;
}
/*Navbar end*/
/*Header start*/
#a.navbar-brand img.logo{height:6em;width:auto;}
.schriftzug {text-align: center;}
.container-header {
    position: relative;
    display: grid;
    align-items: center;
    width: 90vw;
    grid-template-columns: 8fr 2fr 3fr;
  }



/*Header end*/
/*Main start*/
.container-main {background: var(--kaphellgrau); min-height: 60vh; max-width: 80vw; margin:0 auto!important; display: block;}
h1,h2,h3,h4,h5{color:var(--kaphell);}
.ub {text-align: center;}
.ub img{height: 10em; width: auto; }
.abstand{margin-top: 12rem;}
a{color:var(--kaphell);text-decoration: none;}
a:hover{color:var(--kapgrau);}
table {max-width: 80vw;}
@media (max-width: 500px) {
        .table3 {
            flex-direction: column;
        }
        .col-12 {
            margin-bottom: 1.5rem;
        }
    }
/*Main end*/
/*Footer start*/
  footer {
    border-top: 1px solid;
    border-color: var(--kapdunkelgrau);
  }
/*Footer end*/
/*Formular start*/
.antworttitle {
  color:var(--kapgrün);
  background: var(--kapdunkel);
}
/*Formular start*/