html {
  font-family: 'sans-serif';
}
.first {
  background-image: url(images/main.webp);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  color: #2d2c29;
} /*1. Abs bis HGbild*/
.first a {
  color: #000000 !important;
  font-family: 'Fira Sans Condensed', sans-serif;
  letter-spacing: 1px;
} /* Links Navbar */
.first button {
 background-color: #a48960!important;
 padding-left: 10px!important;
 padding-right: 10px!important;
 padding-top: 1px!important;
 padding-bottom: 1px!important;
}
.first button:hover {
  background-color: #a48960!important;
  text-decoration: none!important;
  color: #f9efdb!important;
}
.btn {
 border: solid 2px!important;
}
.logo {
  width: 11em;
}
.navbar {
  padding-top: 0px!important;
  padding-left: 0px!important;
} /*Distanz zu top beseitigt*/
nav {
  margin: auto;
  font-size: 1.3em;
}
.bg-header {
  background-color: #b4b4b4;
}
.nav-item {
  margin-left: 3rem;
} /*Abstand Nav-Items*/
.navbar-brand {
  padding: 0px!important;
  margin: 0px!important;
}
 .box1 {
   background-color: #88161b;
 } /* rot*/
 .box3 {
   background-color: #f6b363;
} /*gelb*/
 .box5 {
    background-color: #4d732a;
 } /*grün*/
.zentrieren {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} /*zentriert Text in Boxen*/
 .first .box1, .first .pic, .first .box3, .first .box5 {
   padding-right: 0px!important;
   padding-left: 0px!important;
}
 h2 {
   color: #a48960;
   font-size: 35px!important;
   font-weight: 600!important;
 } /*Titel message-Bereich */
 h3 {
   color: #ffffff;
   text-align: center;
   font-size: 2.1em!important;
   font-weight: normal!important;
 } /*Text in Boxen*/
 h4 {
   color: #ffffff;
   font-size: 24px!important;
   font-weight: normal!important;
}
 h5 {
   color: #000000;
   font-size: 1.8rem!important;
   font-weight: bold!important;
   text-align: left!important;
 } /*Card-titel*/
 h6 {
   color: inherit;
   font-size: 22px!important;
   font-weight: bold!important;
 }
 h7 {
   color: #ffffff;
   font-size: 35px!important;
   font-weight: 600!important;
 } /*Titel message_2-Bereich */
 .nav-link a {
    color: #2d2c29 !important;
 }
a {
    color:#f9efdb!important;
}
 a:hover {
  text-decoration: none!important;
  color: #ffffff!important;
   } /*Links beim drüberfahren*/
  .message{
    background-color: #2d2c29; /*dkgrau*/
    color: #a48960; /*goldbeige*/
    padding-top: 3%!important;
    padding-bottom: 5%!important;
    padding: 10%;
    font-size: 19px;
    text-align: justify!important;
  } /*Bereich unterhalb der Boxen*/
 .message button {
  background-color: #a48960;
  padding: 8px;
  border-style: solid 2px;
  border-radius: 1em;
} /*Button messagebereich hier definieren*/
.message_2{
  background-color: #a48960; /*nitganz-ws*/
  color: #181611; /*sz-grau*/
  padding-top: 2%!important;
  padding-bottom: 3%!important;
  padding: 10%;
  font-size: 19px;
  text-align: justify!important;
} /*Bereich nach message*/
.message_2 button {
 background-color: #a48960;
 padding: 8px;
 border-style: solid 2px;
 border-radius: 1em;
}
/*.nach-oben-button {
 background-color: #2d2c29!important;
 padding: 8px!important;
 border-style: solid 2px!important;
 border-radius: 1em!important;
} war gedacht für nach oben Button auf index-Seiten
wird aber aus unerfindlichen Gründen nicht richtig formatiert!*/
.submit-button {
  background-color: #a48960!important;
  border-color: #ffffff!important;
  padding: 12px!important;
  border-style: ridge 3px!important;
  border-radius: 1em!important;
}
.bigger-gap-right {
  padding-right: 3rem!important;
}
.bigger-gap-left {
  padding-left: 3rem!important;
}
.card-header {
  background-color: #5d5745!important;
  margin-bottom: 1em;
}
.card {
  background-color: #fefaf1!important;
}
.card-body {
  background-color: #fefaf1!important;
  height: inherit!important;
}
.card-body-aktuell {
  background-color: #b75714!important;
}
.card-body-dunkel {
  background-color: #5d5745!important;
}
.card-text {
  color: #2d2c29!important;
  text-align: left!important;
}
.card-text-gross {
  font-size: 1.5rem!important;
}
.card-height {
  min-height: 16em!important;
} /*macht cards alle gleich hoch*/
#roter-text {
  color: #ce0010!important;
}
#textfarbe-wie-link {
  color: #f9efdb!important;
}
.form-group {
  display:-ms-flexbox;
  display:flex;-ms-flex:0 0 auto;
  flex:0 0 auto;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:0
} /*Mailchimp Formular*/
.form-control {
  display:inline-block;
  width:auto;
  vertical-align:middle
  display:block;
  width:100%;
  height:calc(1.5em + .75rem + 2px)!important;
  padding:.375rem .75rem;font-size:1rem;
  font-weight:400;
  line-height:1!important;
  color:#495057;
  background-color:#fff!important;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}/*Mailchimp Formular*/
.form-row {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px
}/*Mailchimp Formular*/
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast !important;
  }
}/* Macht Bilder scharf in Chrome*/
/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img {
    image-rendering: unset !important;
  }
}}/*Macht Bilder scharf in Safari, wenn obige Lösung für Scharfstellen
in Chrome in Kraft*/
.rahmen {
   border: 6px ridge #a48960;
   border-radius: 1%;
} /* Foto-Rahmen für rechteckige Pics - Ankauf */
.rahmen-rund {
  border: 3px solid #a48960;
} /*Foto-Rahmen für runde Pics - Über uns */
.rahmen-aktuell {
   border: 6px ridge #a48960;
   height: inherit !important;
   width: inherit !important;
   border-radius: 1%;
} /* Foto-Rahmen für rechteckige Pics - index-Aktuell */

/*--ab hier mobile Version-- sm:576px, md:768px, lg:992px, xl:1200px*/
@media (max-width: 1200px) {
  .first h1 {
    color: #2d2c29;
    font-family: 'Gabriola', serif;
    font-size: 2em;
    letter-spacing: 1px;
    margin-left: auto;
    margin-bottom: 2%;
  }
  .first button {
   background-color: #a48960;
   padding-left: 10px!important;
   padding-right: 10px!important;
   padding-top: 1px!important;
   padding-bottom: 1px!important;
  }
  .btn {
   border: solid 2px!important;
  }
  h2 {
    color: #a48960;
    font-size: 2rem!important;
    font-weight: 600!important;
  } /*Titel message-Bereich */
  h3 {
    color: #ffffff;
    font-size: 1em!important;
    font-weight: normal!important;
  } /* Text in Boxen bis maximale Breite von 767px = mobile*/
  h4 {
    color: #ffffff;
    font-size: 1em!important;
    font-weight: normal!important;
 }
 h5 {
   color: #000000;
   font-size: 1.6rem!important;
   font-weight: bold!important;
   text-align: left!important;
 } /*Card-titel*/
  .nav-item {
    margin-left: auto;
  }
  .bigger-gap-right {
    padding-right: 0px!important;
  } /* Über uns-Seite*/
  .bigger-gap-left {
    padding-left: 0px!important;
  } /* Über uns-Seite*/
  .card-columns {
      column-count: 1!important;
    }
  }
}
/*--bis hier mobile Version--*/
@media (max-width: 310px) {
  .cards-schmal {
    width: 100%!important;
  } /*max-width: 310px*/
}

 footer {
  background-color: #181611;
  color: #f9efdb;
  padding: 4%;
  padding-top: 3%!important;
}