/*allgemeine Angaben*/
/* yanone-kaffeesatz-300 - latin */
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

/*Button Impressum **/
  .btn {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
  }
  
  /* On mouse-over */
  .btn:hover {background: #eee;}
  
  .success {color: green;}
  .info {color: dodgerblue;}
  .warning {color: orange;}
  .danger {color: red;}
  .default {color: black;}
  /*Button impressum bis hier*/ 
body {
    font-size: 1.6rem;
  }
  .gold{
      color :darkgoldenrod;
  }
  .black{
      color: black;
  }
  .navbar, 
  .carousel {
      border-bottom: 1px solid darkgoldenrod;
  }
  
  /*Navigation*/
  
  .nav-link{
      cursor: pointer;
      padding: 16px;
  }
  .nav-link:active,
  .nav-link:hover{
      color: darkgoldenrod !important; /*Important sollte man möglichst vermeiden */
  }
   #about {
       padding-top: 100 px ;
   }
  
  /*Bilder am Anfang(Slide Imager)*/
  
  
  
  .slider-image{
      width: 100vw;
      height: 70vh;
      background-position: center;
      background-size: cover;
  }
  
  /*Intro*/ 
  #intro {
      text-align: center;
  
  }
  .derheimat-verbunden
  {   font-size: xx-large;
      text-align: center ;
      font-family: "Roboto";
      padding-bottom: 16px;
      
  }
  .img-fluid
  {
      max-width: 100px   ;
      height: auto;
  }
  .position
  {   padding-top: 50px;
      
  }
  .abstand1{
      padding-top: 120px;
  }
  .abstand{
      padding-top: 250px;
  }
  .abstand2{
      padding-top: 280px;
  }
  .abstand3{
      padding-top: 300px;
  }
  .abstand-arbeit{
      padding-top: 100px;
  }
  .abstand-kontakt{
      margin-top: 330px;
  }
  
  .position-under 
  {   margin-top: 100px;
      
  }
  /*Produkte */ 
  .card-image{
      height: 500px; 
      background-position: center;
      background-size: cover;
  }
  
  /*Kontakte-Bilder*/ 
  .about-image{
      width: 280px;
      height: 280px;
      border-radius: 50%;
      background-position: center;
      background-size: cover;
  }
  .schrift-groeße{
      font-size: x-large;
  }
  
  /*Bilder Familie*/ 
  #image img{
      width: 100%;
      height: 500px;
      left: 0%;
      padding-top: 16px;
      padding-bottom: 16px;
  }
  /*Öffentlichkeitsarbeit-Überschrift*/
  .arbeit{
      text-align: center;
      color:darkgoldenrod ;
      padding-bottom: 16px;
  }
  
  /*Kontaktieren Sie uns*/
  .card-text {
      text-align: center;
      font-size: medium;
      color: black;
  }
  .card-title{
      text-align: center;
  }
  
  /*Karte*/ 
  .card {
      margin-top:500x;
  }
  .card-image{
      
      height: 400px;
      width: auto;
      border: darkgoldenrod solid;
      
  }
  /*Buttons*/
  
  .phone {
      padding-top: 8px;
      color: rgb(10, 10, 10);
      display: block;  
      margin-left: 42%;
      
  }
  
  .button-facebook{
      color: rgb(29, 25, 27);
      font-size: 2em;
      padding-left: 8px;
  }

  .bildteam{
    width: 100%;
    height: 80%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
  }
  
  .button-instagram{
      padding-top: 16px;
      color: rgb(167, 58, 39) ;
      margin-left: 43%;
      font-size: 2em;
  }
  .button-mail{
      color: cornflowerblue;
      padding-left: 8px;
      font-size: 2em;
  }
  .button-store{
      color: darkgoldenrod;
      text-align: center;
      font-size: 1em;
      padding-bottom: 16px;
  }
  
  /*Fußzeile*/
  #footer{
      text-align: center;
      font-size: medium;
      color: black;
      padding-top: 450px;
      padding-bottom: 16px;
  }
  #footer2{
      text-align: center;
      font-size: medium;
      color: black;
      margin-left: auto;
      margin-right: auto;
      padding-top: 100px;
      padding-bottom: 16px;
  }
  
  #footer3{
      text-align: center;
      font-size: medium;
      color: black;
      padding-top: 100px;
      padding-bottom: 16px;
  }