/* --------------------------------------------------
  xx. Import von anderen CSS-Dateien
-------------------------------------------------- */
@import url("abstaende.css");


/* --------------------------------------------------
  xx. Variablen
-------------------------------------------------- */
:root {
	--template-color-1: #EB973F;
	--template-color-2: #FF7700;
	--template-color-3: #3F3F3F;
}

.bg-alphataxi-orange-01 {
    background-color: var(--template-color-1);
	color: #ffffff;
}
.bg-alphataxi-orange-02 {
    background-color: var(--template-color-2);
	color: #ffffff;
}

.bg-fima-blue {
    background-color: #007DBE;
	color: #ffffff;
}

.bg-footer {
    background-color: var(--template-color-3);
	color: #ffffff;
}

.bg-copyright {
    background-color: #292929;
	color: #ffffff;
}


/* --------------------------------------------------
  xx. TopHeader :: Sprachen / Login
-------------------------------------------------- */
header .top-header {
	padding: 5px 0px;
	color: black;
}
header .top-header a {
	text-decoration: none;
	color: #3F3F3F;
}
header .top-header a:hover {
	text-decoration: none;
	color: black;
}


/* --------------------------------------------------
  xx. Navigation
-------------------------------------------------- */

header .menu {
	padding: 5px 0px;
}

header .navbar-brand img {
	max-height: 50px;
}

.navbar-cms {
    background-color: transparent;
}
/*
.navbar-cms .navbar-brand {
    color: var(--template-color-3);
}
.navbar-cms .navbar-brand:hover, .navbar-cms .navbar-brand:focus {
    color: var(--template-color-2);
}
*/
.navbar-cms .navbar-nav .nav-link {
	color: var(--template-color-3);
	padding: 10px 20px 10px 0px;
	font-size: 24px;
	font-weight: 600;
}

.navbar-cms .navbar-nav .nav-link:hover, .navbar-cms .navbar-nav .nav-link:focus {
    color: white;
}
.navbar-cms .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.25);
}
/*
.navbar-cms .navbar-nav .show > .nav-link,
.navbar-cms .navbar-nav .nav-link.active {
    color: white;
}
*/

.navbar-cms .navbar-nav .nav-btn {
	color: var(--template-color-3);
}
.navbar-cms .navbar-toggler {
    color: var(--template-color-3);
    border-color: var(--template-color-3);
}
.navbar-cms .navbar-toggler-icon i {
	font-size: 28px;
    color: rgba(0, 0, 0, 0.55);
}
.navbar-cms .navbar-toggler-icon i:hover {
	color: var(--template-color-3);
}
.navbar-cms .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-cms .navbar-text a,
.navbar-cms .navbar-text a:hover,
.navbar-cms .navbar-text a:focus {
    color: #000000;
}


/* --------------------------------------------------
  xx. Header-Images
-------------------------------------------------- */
header .container-fluid {
	padding: 0px;
	margin: 0px;
}

header .header-images img {
	width: 100%; height: 500px;
}


/* --------------------------------------------------
  xx. Überschriften
-------------------------------------------------- */
.home h3, .dienstleistungen h3, .tarife h3, .fahrzeuge h3, .kontakt h3 {
	color: var(--template-color-2);
	font-weight: bolder;
	text-align: center;
	padding-bottom: 20px;
}


/* --------------------------------------------------
  xx. Dienstleistungen
-------------------------------------------------- */
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


/* --------------------------------------------------
  xx. Fahrzeuge
-------------------------------------------------- */
.fahrzeuge .card-title {
	color: var(--template-color-2);
	font-weight: bolder;
}


/* --------------------------------------------------
  xx. Telefon
-------------------------------------------------- */

.telefon-link a {
	text-decoration: none;
    color: white;
	font-weight: bolder;
}

.telefon-link a:hover {
    color: var(--template-color-3);
}


/* --------------------------------------------------
  xx. Links
-------------------------------------------------- */

.links a {
	text-decoration: none;
}


/* --------------------------------------------------
  xx. Kontakt
-------------------------------------------------- */

.kontakt .btn-primary {
	color: #fff;
	background-color: var(--template-color-1);
	border-color: var(--template-color-1);
}
.kontakt .btn-primary:hover {
	background-color: var(--template-color-2);
	border-color: var(--template-color-2);
}
.kontakt .btn-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(255, 119, 0, 0.5);
}


/* --------------------------------------------------
  xx. Footer
-------------------------------------------------- */

footer .col-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
footer .col-content {
    color: var(--template-color-1);
}

footer .col-links {
    font-size: 20px;
}

footer a {
	text-decoration: none;
    color: var(--template-color-1);
}

footer a:hover {
    color: var(--template-color-2);
}


footer .copyright a {
	color: white;
}
footer .copyright a:hover {
    color: var(--template-color-1);
}

/* --------------------------------------------------
  xx. Responsive
-------------------------------------------------- */

@media (max-width: 767.98px) {
	header .navbar-brand img {
		max-height: 25px;
	}

	.navbar-cms .navbar-nav .nav-link {
		padding: 10px 0px;
		font-size: 18px;
	}

	footer .col-title {
		margin-top: 50px;
		margin-bottom: 15px;
	}
}

@media (max-width: 1199.98px) {

	header .header-images img {
		width: 100%; height: auto;
	}
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}