/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bebas-neue-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/bebas-neue-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/bebas-neue-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}


body {
	font-family: 'Bebas Neue';
	font-size: 18px;
	text-rendering: optimizeLegibility;
	color: black;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}

h1 {
}

h2 {
}

p {
}

a, a:active, a:visited {
	color: black;
}

a:hover {
	color: grey;
}

.kl {
	font-size: 0.7em;
}

body {
	height: 100%;
	height: 100vh;
	
}

.vertical {
	align-items: center;
}

/* --------------------
	NAVBAR
   -------------------- */

.navbar {
	background: white;
}
.navbar-brand {
	/* width: 195px; */ /* für Logogröße */
}
.navbar a {
	color: gray;
}
/* aktiver Navlink */
.active a {
	font-weight: bold;
}
/* deaktivierter Navlink */
.disabled {
	color: #dddddd !important;
}
/* DROPDOWN-OPTIONEN
.dropdown-menu {
	background: white;
}
.dropdown-menu a {
	color: gray;
}
.dropdown-menu a:hover {
	color: black;
	background: grey; 
}
*/
.btn-nav {
	background-color: black;
	color: white;
	border-color: black;
	cursor: pointer;
}
.btn-nav:hover {
	background-color: white;
	color: black;
	border-color: black;

}



/* change navbar-toggler inside lines color (stroke) */
span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='grey' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* change hamburger button border color */
button.navbar-toggler.navbar-toggler {
	border: 0px;
	margin-top: -3px;
}

/* --------------------
	COL-MD Breakpoint
	zB display: none/inline
   -------------------- */

@media screen and (min-width: 768px) {
}


@media screen and (max-width: 767px) {
}

.space {
	max-width: 0px;
	margin-left: 10px;
	padding: 0px;
	height: 0px;
}

/* --------------------
	COL-SM Breakpoint
	zB display: none/inline
   -------------------- */

@media screen and (min-width: 575px) {
}

@media screen and (max-width: 575px) {
}



/* --------------------
	Diverses
   -------------------- */

.img-div {
	
}

.img-fill {
	width: 100%;
	height: 100%;
	object-fit: cover;
}