/* CSS Appelhoff KFZ-Meisterbetrieb */

body {

}

h1,h2,h3{
color: #020fb6;
}

p,ul,li,h4  {
color: #595959;
}


.titel {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    text-transform: none;
}

.titel::after {
    content: "";
    left: 0;
    bottom: 0;
    width: 60px;
    position: absolute;
    border-bottom: 1px solid #bf9802;
}

.btn-primary {
background-color: #535ccd;
border: 1px solid #cdd0f7; 
}

.btn-primary:hover {
background-color: #bf9802;
border: 1px solid #fff; 
}

.bild {
padding: 6px;
box-shadow: 6px 6px 8px rgba(0,0,0,.1);
border: 1px solid #e8e8e8;
}



/* -----------------Navigation ---------------- */

.navbar {
padding-bottom: 0px;
border-bottom: 2px solid #bf9802;
}


.navbar-nav {
margin-top: 25px;
}

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

.logo {
max-height: 50px;
}
.nav-link {
font-size: 1.01rem;
}

.navbar-light .navbar-nav > .nav-link {
padding: 6px 3px 6px 3px;
}

.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(2,15,182,.9);
    
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.7);
    background-color: #020fb6;
}
 /* -----------------Dropdown-Menü ---------------- */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu  {
margin: 0;
border-top: 2px solid #bf9802;
border-left:0px;
border-right: 0px;
border-radius: 0px;
padding: 0;
box-shadow: 6px 6px 8px rgba(0,0,0,.1);
}

.dropdown-item {
color: #7f7f7f;
padding: 8px 6px;
border-bottom: 1px solid #ececec;
}

.dropdown-item.active, .dropdown-item:active {
    color: rgba(255,255,255,.7);   
    background-color: #bf9802;
    text-decoration: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: rgba(255,255,255,.7);
    background-color: #020fb6;
    text-decoration: none;
}

 /* -----------------Slider ---------------- */

@media (max-width: 575.98px) {

.carousel {
margin-top: 50px;
}
.mobil-aus {
display: none;
}
.carousel-caption h1 {
font-size: 1.21rem;
}
}

/* -----------------Slider ---------------- */

.carousel {
border-bottom: 2px solid #bf9802;
}

.carousel-caption h1{
color: #fff;
}

.carousel-text {
color: #030fb4;
background-color: rgba(255,255,255,.6);
padding: 10px 10px;
margin: 20px 0px;
}

@media (max-width: 575.98px) {

.logo {
max-height: 40px;
margin-bottom: 10px;
}
}

/* ----------- Listenpunkte Check ----------- */

.linie {
padding: 10px;
border-bottom: 1px solid #bf9802;
}


.check {
  line-height: 1.1rem;
}

.check ul,
li {
font-size: 1.3rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.check li {
  margin: 0.7em;
}

.check li:before {
  content:"\f00c";
  font-family: 'FontAwesome';
  color: #bf9802;

  float: left;
  margin-left: -1.3em;
}


@media (max-width: 575.98px) {

.linie {
font-size: 1.1rem;
}
.check ul,li {
font-size: 0.98rem;
}
}


/* ----------- Listenpunkte Pfeil rechts ----------- */

.pfeil-rechts {
  line-height: 1.1rem;
}

.pfeil-rechts ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pfeil-rechts li {
  margin: 0.7em;
}

.pfeil-rechts li:before {
  content:"\f105";
  font-family: 'FontAwesome';
  font-size: 1.3rem;
  float: left;
  margin-left: -1.0em;
}

.ul-links-buendig {
margin-left: -25px;
}


/* -----------------Tabelle Öffnungszeiten ---------------- */

.tda {
padding-left: 10px;
}

/* -----------------Karte ---------------- */

.rand {
padding-left: 0;
padding-right: 0;
}


/* -----------------Footer ---------------- */

.footer {
background-color: #010334;
}

.footer p{
color: #cdd0f7;
}

.footer-nav {
    color: rgba(255,255,255,0.5);
    font-size: 0.8rem;
}


.modal-dialog {
    max-width: 90%;
    margin: 30px auto;
}

.modal-header {
display: block !important;
}

.jumbotron {
    border-radius: 0px;
}


/* ------ Scroll To Top Button --------- */

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 999; /* Make sure it does not overlap */
    border: 1px solid #030fb4; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #030fb4; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px 12px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 14px; /* Increase font size */
}

#myBtn:hover {
    background-color: #bf9802; /* Add a dark-grey background on hover */
    color: #fff;
    border: 1px solid #bf9802;
}