﻿/*	letzte Änderung 2020-04-20
		katrin hojer - grafik design
		www.katrinhojer.de

		bg dark 3e3e3e
		bg light f0f0f0
		red dc0711
		font 656565
		font light on dark a9a9a9 

		font-family: 'Fira Sans', sans-serif;
		regular 400, medium 500, bold 700
*/


/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-v16-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-500italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v16-latin-700italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}


p {
	font-family: 'Fira Sans', sans-serif;
	color: #656565;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.9rem;
}

a {
	color: #d50e15;
}

a, a:hover, a:focus {
	color: #d50e15;
}

h1 {
	font-family: 'Fira Sans', sans-serif;
	color: #656565;
	font-weight: 400;
	font-size: 2.8rem;
	padding-bottom: 16px;
}

h2 {
	font-family: 'Fira Sans', sans-serif;
	color: #dc0711;
	font-weight: 500;
	font-size: 1.4rem;
	padding-bottom: 16px;
}

h3 {
	font-family: 'Fira Sans', sans-serif;
	color: #656565;
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 2.2rem;
	padding-top: 19px;
	padding-bottom: 1px;
}

h4 {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	line-height: 2rem;
	color: #a9a9a9;
}

b {
	font-weight: 500;
}

ul {
	font-family: 'Fira Sans', sans-serif;
	color: #656565;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 2rem;
}

#nav-logo {
	width: 200px;
	height: 200px;
}

.red-head {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	color: #fff;
	background-color: #d50e15;
}
.mobil-logo {
  background-color: #3e3e3e;
  overflow:  hidden;
}

/* NAVBAR */
#ap-navigation, .navbar-custom {
    background-color: #3e3e3e;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #a9a9a9;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.2rem;
	color: #a9a9a9;
	margin-left: 20px;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #fff;
}


.custom-toggler.navbar-toggler {
    border-color: #a9a9a9;
}
.custom-toggler .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='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.logo-bar {
	background-color: #f0f0f0;
	min-height: 150px;
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.1, 1.1);
    }
}

.carousel-inner .carousel-item.active > img {
    animation: zoom 8s forwards;
}

.footer {
	background-color: #3e3e3e;
}

.p-footer {
	font-family: 'Fira Sans', sans-serif;
	font-size: 0.9rem;
	line-height: 2rem;
	color: #fff;
}

.h-footer {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	line-height: 2rem;
	color: #a9a9a9;
}


.p-footer a {
	color: #fff;
}
.p-footer a:active, .p-footer a:hoover  {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 991.98px) { 
}
