body{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 100;
    background: #E0D6C6;
}

.navbar-brand img {
  width: 300px;
  position: absolute;
  top: 30px;
  cursor:pointer;
  transition: .5s;
}

.navbar-brand img:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.navbar-nav {
  align-items: left;
}

.navbar .navbar-nav .nav-link {
  color: #000;
  font-size: 16px;
  padding: 8px 2px;
  text-transform: uppercase;
  font-weight:500;

  transition: 0.7s;
}

.navbar .navbar-nav .nav-link:hover {
  color:#d6c9b9;
}

.navbar-toggler {
  box-shadow: none !important;
  border: none !important;
  padding-top:0px !important;
}

.navbar-toggler span {
    display: block;
    background-color: #000 !important;
    color:#000 !important;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
    border-radius:4px !important;
  }

  .navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(2) {
    opacity: 1;
  }
  
  .navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
  }
  
  .navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
  }

  .gib_nav_button{
    background: #d6c9b9;
    padding: 3px 8px;
    color:#000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight:700;
    font-size:14px;
    transition: 0.3s;
  }

  .gib_nav_button:hover{
    background: #000;
    color:#d6c9b9;
    
  }

  .gib_kontakt_link{
    color:#000;
    text-decoration: none;
    transition: 0.3s;
  }

  .gib_kontakt_link:hover {
    opacity: .8;
  }

 .gib_storer{
  margin-top:-220px;
 }

  h1{
    font-size:36px;
  }

  h2{
    font-size:19px;
  }

  .gib_mission_list{
    line-height:34px !important;
    margin-left:0px;
    padding-left:0px;
  }

  .gib_mission_list li {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='-1 -1 2 2'><circle r='0.5' /></svg>") no-repeat left 13px; /* <-- change `left` & `top` too for extra control */
    padding: 0px 0px 0px 14px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
  }

  #leistungen ul {
    margin-left:0px;
    padding-left:0px;
  }

   #leistungen li {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='-1 -1 2 2'><circle r='0.5' /></svg>") no-repeat left 9px; /* <-- change `left` & `top` too for extra control */
    padding: 0px 0px 0px 12px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
  }

  .gib_mission_txt{
    font-size:18px;
  }

  .gib_social_item {
    margin:0px 7px;
    display: inline-block;
    transition: 0.3s;
    margin-bottom:20px;
  }

  .gib_social_item:hover {
    opacity: .6;
  }

  .gib_social_item img{
    width:30px !important;
  }

  .content{
    background: #E0D6C6;
  }

  .content a{
    color: #000;
  }

  .content a:hover{
    opacity: .6;
  }

  .accordion-button:not(.collapsed){
    font-weight:600;
    background-color: #fff !important;
    color: #000 !important;
  }

  .accordion-button:focus{
    outline: none !important;
    box-shadow: none !important;
  }

  .accordion-button, .accordion-body{
    padding-left:0px !important;
    padding-right:0px !important;
  }

  

  #preise table{
    font-weight: 100;
  }

  #preise table b{
    font-weight: 700;
  }

  footer {
    font-size:14px;
    background: #fff;
  }

  footer ul{
    list-style: none;
  }

  footer ul li{
    list-style: none;
  }

  footer ul li a{
    color: #000;
    text-decoration: none;
    padding:8px 0px;
    display: inline-block;

		transition: 0.4s;
  }

  footer ul li a:hover{
    color: #d6c9b9;
  }

  .modal h1{
    font-size:24px !important;
    margin-top:14px;
  }

  .modal a{
    color: #000;
  }

  .modal-body{
    margin-bottom:40px;
  }

  .hb21{
    background: url(../img/hummingbird21.png) no-repeat right center;
    padding-right:40px;
    background-size: contain;
    color: #000 !important;
    text-decoration:none;
  }

  .hb21:hover{
    background: url(../img/hummingbird21.png) no-repeat right center;
    padding-right:40px;
    background-size: contain;
    color: #000 !important;
    text-decoration:underline;
  }

  .esp {
    background: linear-gradient(98deg, rgba(181, 228, 121, 1) 20%, rgba(255, 142, 202, 1) 47%, rgba(252, 144, 202, 1) 48%, rgba(92, 227, 227, 1) 100%) !important;
    color: #000 !important;
    padding: 4px;
    margin-top: 2px;
    display: inline-block;
    font-weight: 700;
    text-decoration:none;
}

.esp:hover {
    background: linear-gradient(98deg, rgba(92, 227, 227, 1) 20%, rgba(255, 142, 202, 1) 47%, rgba(252, 144, 202, 1) 48%, rgba(181, 228, 121, 1) 100%) !important;
    color: #000 !important;
    padding: 4px;
    margin-top: 2px;
    display: inline-block;
    font-weight: 700;
}

a.gib_termin{
    color: #000;
    background: #d6c9b9;
    text-decoration: none;
    padding:10px !important;
    display: inline-block !important;	
    font-size: 20px;
    border:1px solid #d6c9b9;
    padding:8px;
}



a.gib_termin:hover{
    color: #000;
    background: #fff;
}

.gib_latido{
    display: inline-block;
    background: url(../img/latido.svg) no-repeat left center;
    padding-left:30px;
    color:#43B38D;
    text-transform: uppercase;
}

.btn-close:focus {
  box-shadow: none;
}

.img-hover-zoom{
  overflow: hidden; 
}

.img-hover-zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom:hover  img  {
  transform: scale(1.2);
}
 

@media screen and (max-width: 768px) {
  .navbar-brand img {
    width: 240px;
    top: 24px;
    margin-left:20px;
  }

  #gib-kontakt-link-mobile{
    display: inline-block !important;
  }

  h1{
    font-size:28px;
  }

  h2{
    font-size:16px;
  }

  .gib_mission_list{
    line-height:28px !important;
    font-size: 14px !important
  }

  .gib_mission_txt{
    font-size: 16px !important
  }

  .gib_mission_list li {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='-1 -1 2 2'><circle r='0.5' /></svg>") no-repeat left 11px; /* <-- change `left` & `top` too for extra control */
    padding: 0px 0px 0px 14px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
  }

  .accordion-button{
    font-size: 14px !important ;
  }

  #preise table{
    font-size: 14px;
  }

  .gib_nowrap{
    white-space: nowrap;
  }

  .gib_storer{
    margin-top:-80px;
   }

  .gib_social_item {
    margin-left:4px;
    margin-right:4px;
    display: inline-block;
    transition: 0.3s;
  }

 

  .gib_social_item img{
    width:20px !important;
  }

}