/*--
Author: legozauber; Bruno TisFchhauser
--*/
body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

.header {
  overflow: hidden;
  background-color: #4f4f4f;
  padding: 20px 10px;
}

.header a {
  float: left;
  color: black;
  margin: auto;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 30px;
  font-weight: bold;
  margin: auto;
  color: red;
  font-weight: 700;
  float: left;
  font-family: 'Roboto', sans-serif;
}
.header a.logo span {
  font-size: 30px;
  font-weight: bold;
  margin: auto;
  color: white;
  float: left;
  font-family: 'Roboto', sans-serif;
}

.header a.active {
  background-color: dodgerblue;
  color: white;
}

.header-right {
  float: right;
}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }

  .header-right {
    float: none;
  }
}
.logo-w3layouts-lz a {
    position: absolute;
    z-index: 9999;
    color: #fff;
    /* color: #A0A0A0; */
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: left;
    left: 5em;
    top: 1.8em;
	font-size: 1.1em;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
}
.logo-w3layouts-lz a span {
/*    color: #39cac3; */
    color: #000000;
	font-family: 'Roboto', sans-serif;
}
.bindex{
    min-height: 800px;
    background:url(../images/index.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bindex h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bpatchwork{
    min-height: 300px;
    background:url(../images/patchwork.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bpatchwork h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bminis{
    min-height: 300px;
    background:url(../images/minis.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bminis h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bcards{
    min-height: 300px;
    background:url(../images/cards.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bcards h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bchildren{
    min-height: 300px;
    background:url(../images/children.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bchildren h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.batelier{
    min-height: 1000px;
    background:url(../images/atelier.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.batelier h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bberatung{
    min-height: 300px;
    background:url(../images/beratung.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bberatung h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.bausbildung{
    min-height: 300px;
    background:url(../images/ausbildung.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.bausbildung h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.babout{
    min-height: 1000px;
    background:url(../images/about.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.babout h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}
.binformation{
    min-height: 300px;
    background:url(../images/information.jpg) no-repeat center 0px;
    background-size:cover;
    position: relative;
}
.binformation h3 a {
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    top: 155px;
    text-align: center;
    left: 42.5%;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 1.6em;
}