/********************************************************************************/
/*                                                                              */
/*                  Andreas Hampl Malerbetrieb - Website-CSS                    */
/*                                                                              */
/*   Farben:       Grün:        	#00FF4C     0, 255, 76		                    */
/*                 Rot:     			#9B0000     155, 0, 0                         */
/*                 Blau:      		#3E2EA1     62, 46, 161                 		  */
/*                 Schwarz:  			#000000     0, 0, 0                    			  */
/*                 Weiß:          #FFFFFF     255, 255, 255                  		*/
/*                                                                              */
/*   Schrift:      Normal:        #333333     51, 51, 51                        */
/*                 Hover:         #00FF4C     0, 255, 76                        */
/*                                                                              */
/*                                                                              */
/*                                                                              */
/********************************************************************************/

/********************************************************************************/
/* ===                               Schriften                               ===*/
/********************************************************************************/

.nav-item {
	letter-spacing: 0.01rem;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
}

.dropdown-menu {
	font-size: 0.8rem;
}


/********************************************************************************/
/* ===                              Navigation                               ===*/
/********************************************************************************/
/*   1. Ebene   */

.navbar {
	background-image: linear-gradient(rgba(9,17,24,200), rgba(0,0,0,0));
	border: 0;
}

.navbar-dark .navbar-nav .nav-link {
	color: #00FF4C;
	-webkit-text-stroke: 0.8px black;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: black;
	-webkit-text-stroke: 1px #00FF4C;
	text-decoration: none;
}

.navbar-dark .navbar-nav .nav-link:hover > span {
	border-bottom: 3px solid #00FF4C;
}

nav .bi {
	height: 24px;
	color: #00FF4C;
	border: 1.8px black;

}

nav .house:hover > span > svg {
	border: none;
	color: #000000;
	background-color: transparent;
	text-decoration: none;

}

nav .house:hover > span {
	border-bottom: 3px solid #00FF4C;
	padding-bottom: 3px;
}


/*   2. Ebene   */

.sm-menu {
	padding: 0.1rem 0.5rem;
	border-top: none;
}

.dropdown-menu {
	background-image: url(../grafics/naviback.png);
	background-color: transparent;
	padding-top: 0px;
	margin-top: 0px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.dropdown-item {
	line-height: 1.5rem;
	font-size: 0.9rem;
	font-weight: 600;
	color: #000;
	-webkit-text-stroke: 0.5px #00FF4C;

}

.dropdown-menu .dropdown-item:hover {
	background-color: transparent;
	color: #00FF4C;
	-webkit-text-stroke: 0.8px #000;
}

.dropdown-menu .dropdown-item:hover > span {
	border-bottom: 3px solid #f7ff14;
}

.dropdown-item span {
	font-size: 0.9rem;
	background: #FFF;
}

.dropdown-item::before {
	color: #000;
	content: "\276F";
	display: inline;
	font-size: 1.0rem;
	padding-left: 0.2rem;
	padding-right: 0.75rem;
}

/********************************************************************************/
/* ===                          Größenanpassungen                            ===*/
/********************************************************************************/
img#brandLogo {
	height: 70px;
}

@media (min-width: 768px) and (max-width: 892px) {

	img#opel-logo,
	img#shell-logo {
		width: 4rem;
	}

	img#strack-logo {
		width: 35em;
	}
}

@media (max-width: 767px) {
	.strack-head {
		display: none;
	}

	.navbar-brand {
		display: block;
	}

	img#strack-logo2 {
		width: 500px;
	}

	.offcanvas-header {
		display: block;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: white;
		transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
	}

	.navbar-collapse.show {
		visibility: visible;
		transform: translateX(-100%);
	}

	.dropdown-menu {
		border: none;
	}
}

@media (max-width: 650px) {
	.strack-head {
		display: none;
	}

	.navbar-brand {
		display: block;
	}

	img#strack-logo2 {
		width: 450px;
	}

}

@media (max-width: 450px) {
	.strack-head {
		display: none;
	}

	.navbar-brand {
		display: block;
	}

	img#strack-logo2 {
		width: 250px;
	}

}