/*	letzte Änderung 2022-08-19
		katrin hojer - grafik design
		www.katrinhojer.de

		gruen: 			#88b027
		gruen heller	#afd259
		braun:			#78675d

		    font-family: 'Delius', cursive;
			font-family: 'Just Another Hand', cursive;
		
*/


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

/* just-another-hand-regular - latin */
@font-face {
  font-family: 'Just Another Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/just-another-hand-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/just-another-hand-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/just-another-hand-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/just-another-hand-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/just-another-hand-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/just-another-hand-v19-latin-regular.svg#JustAnotherHand') format('svg'); /* Legacy iOS */
}


.kruemserbestes-title {
	background-color: #fff;
	padding-bottom: 1px;
	padding-top: 1px;
}

p {
	font-family: 'Delius', cursive;
	font-weight: 400;
	color: #887771;
	font-size: 1.2rem;
	line-height: 2.1rem;
}

.main_content {
	background-color: #fff;
}
.main_content a {
	color: #b7c939;
	text-decoration: none;
}
.main_content a:hover  {
	text-decoration: underline;
}

h1 {
	font-family: 'Just Another Hand', cursive;
	color: #88b027;
	font-size: 4.7rem;
	letter-spacing: 0.0rem;
	line-height: 4.2rem;
	padding-bottom: 25px;
	padding-top: 35px;
}

h2 {
	font-family: 'Just Another Hand', cursive;
	color: #78675d;
	font-size: 3.1rem;
	letter-spacing: 0.0rem;
	line-height: 2.8rem;
	padding-bottom: 5px;
	padding-top: 5px;
}

h3 {
	font-family: 'Just Another Hand', cursive;
	color: #78675d;
	font-size: 2.7rem;
	letter-spacing: 0.0rem;
	line-height: 2.1rem;
	padding-bottom: 5px;
	padding-top: 8px;
}

h4 {
	font-family: 'Just Another Hand', cursive;
	color: #88b027;
	font-size: 3.1rem;
	letter-spacing: 0.0rem;
	line-height: 2.8rem;
	padding-bottom: 5px;
	padding-top: 5px;
}

.alert-dark {
    background-color: #f9eeda
}
 hr { 
    height: 0,3px;
	background-color: #fff;
}
 
.navbar-toggler {
    background-color: #fff;
	margin: 0 0 0 10px;
}
.navbar {
    background-color: #78675d;
}
.navbar .nav-item .nav-link {
	font-family: 'Delius', cursive;
	font-size: 1.3rem;color: #fff;
	margin: 0 14px 0 14px;
}

.navbar .nav-item.active .nav-link {
 	font-family: 'Delius', cursive;
  	color: #afd259;
}

.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus {
	font-family: 'Delius', cursive;
 	color: #afd259;
}
.logo_rel {
  position: relative;
}

.logo_fahne {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

hr { 
    height: 1,6px; 
    background: #626061;
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.1, 1.1);
    }
}

.footer {
	background-color: #88b027;
}

.p-footer {
	font-family: 'Delius', cursive;
	font-size: 1.1rem;
	letter-spacing: 0.00rem;
	line-height: 2.0rem;
	color: #fff;
}

.h-footer {
	font-family: 'Delius', cursive;
	font-size: 1.6rem;
	letter-spacing: 0.02rem;
	line-height: 2.4rem;
	color: #fff;
}

.p-footer a {
	color: #fff;
	text-decoration: none;
}

.p-footer a:active, .p-footer a:hover{
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 575px) { 
		.first_menu_item {
		padding-top: 18px;
	}

}