:root {
  /*  --awz-blau: #0562a7;
*/
  --ttm-blau: #0562a7;
  --ttm-rot: #e30713;
  --ttm-grau: #5c5c5c;
  --ttm-hellgrau: #fbfbfb;
  --bs-navbar-color: rgb(245, 245, 245, 0,55);
  --bs-btn-hover-color: #e30713;
  --bs-link-color: #0562a7;
  --bs-btn-color: #0562a7;
}

@media only screen and (min-width:480px){
  #BtnTop {
    display:none;
  }
}

body {
  font-size: 1.2rem;
  background-color: #eee;
}

.color-ttm-blau {
  color: #0562a7;
}

  .btn:hover,  {
    color: var(--ttm-rot);
  }

.bg-ttm-rot {
  background-color: #e30713;
}

.bg-ttm-blau {
  background-color: #0562a7;
}


.btn-round-corner {
  border-radius: 1rem;
}

.ttm-button-white{
color:var(--ttm-blau);

}

.btn-ttm-blau a, .bg-ttm-rot a {
  color: white;
  text-decoration: none;
}

  .btn-ttm-blau a:hover {
    color: var(--ttm-rot);
  }

  .bg-ttm-rot a:hover {
    color: var(--ttm-blau);
  }



  

.colorwhite {
  color: rgba(255, 255, 255, 0.98);
}


.LogoTop {
  max-height:195px;
}

.Teaser1 {
  background-image: url("images/20170325_165419.jpg");
  background-position-y: center;
  background-position-x: right;
  background-repeat: no-repeat;
}

.Teaser2 {
  background-image: url("images/buero_47 04-2014 neon fotografie.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}

.bg-image-1, .bg-image-2, .bg-image-3, .bg-image-4, .bg-image-5 {
  background-size: cover;
  min-height: 300px;
}

.bg-image-1 {
  background-image: url("images/fahrzeuge_3 04-2014_neon_fotografie.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.bg-image-2 {
  background-image: url("images/buero_47 04-2014 neon fotografie.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.bg-image-3 {
  background-image: url("images/Screenshot 2023-05-10 154448.png");
  background-repeat: no-repeat;
  background-position: center;
}

.bg-image-4 {
  background-image: url("images/Massgeschneiderte_Loesungen_fuer_Sie.jpg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
}

/*Austria*/
.Teaser_a1 {
  background-image: url("images/Fuhrpark.JPG");
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-image-a1 {
  background-image: url("images/fahrzeuge_3 04-2014_neon_fotografie.jpg");
  background-position: center;
  background-repeat: no-repeat;
}


.bg-image-a4 {
  background-image: url("images/Umweltschutz.jpg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
}

/*Job*/
.Teaser_j1 {
  background-image: url("/img/TTM-Job-Kraftfahrer.webp");
 /* background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;*/
}



.ttm-hr, .ttm-hr-white {
  border-width: 8px;
  border-radius: 2rem;
  border-color: #0562a7;
  opacity: 100;
  width: 30%;
}

 .ttm-hr-white {
    border-color: #fff;
  }


.header-action, .footer-action {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5rem;
}


.header-action {
  color: white;
}
.footer-action {
  color: red;
}

.header-action:hover, .footer-action:hover {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5rem;
  color: #ccc;
}



#BtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 25px; /* Place the button at the bottom of the page */
  right: 120px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  background-color: #0162AF;
  min-width: 60px;
  min-height: 60px; border: solid 0.25px #0162AF;
}

#BtnChat {
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  background-color: #e30713;
  border: solid 1px #fff;
  text-decoration:none;
}

.img-border {
  border: 2px #aaa solid;

}

.RFV {
  color: #e30713;
}