a, .nav-link { color: #FF7100; }

h1 {
    color: #FF7100 !important;
    font-weight: 300;
    text-transform: uppercase;
}

h2, h3, h4, h5 {
    color: #FF7100 !important;
    font-weight: 300;
    text-transform: uppercase;
}

.bg-primary {
    background-color: #FF7100 !important;
    color: #ffffff;
}

.custom_color_1 {
    color: #FAA663;
}

.text-info {
    color: #FAA663 !important;
}

.bg-info {
    background-color: #FAA663 !important;
}

.badge-12-px { font-size: 12px;}

.leaflet-control-attribution {
    display: none !important;
}


#map { height: 600px; }
#pmap { height: 200px; }

.card {
    border-radius: 0px !important;
}

/* Gleich hohe Kartenbilder */
.card-img-top {
    height: 11vw;
    object-fit: cover;
    border-radius: 0px !important;
}

.pin-sticky-mapbox {

    min-height: 600px; position:sticky; top: 20px;

}

.btn-primary {
    background-color: #FAA663 !important;
    border-color: #FAA663 !important;
    color: #fff;
}

.btn-outline-primary {
    border-color: #FAA663 !important;
    color: #FAA663 !important;
}
  /* Kleine Geräte (Querformat-Telefone, 576 Pixel und mehr) */
  @media (min-width: 576px) {
    .img-card-top {
        height: 19vw;
    }
  }
  /* Mittlere Geräte (Tablets, 768 Pixel und mehr) */
  @media (min-width: 768px) {
    .img-card-top {
        height: 16vw;
    }
  }
  /* Große Geräte (Desktops, 992 Pixel und mehr) */
  @media (min-width: 992px) {
    .img-card-top {
        height: 14vw;
    }
  }
  /* Extra große Geräte (große Desktops, 1200 Pixel und mehr) */
  @media (min-width: 992px) {
    .img-card-top {
        height: 11vw;
    }
  }

.dev-borderbox {
    border: 1px dotted red;
}

.pin-map {
    height: 400px !important;
}