/*	letzte Änderung 2023-11-30
	katrin hojer - grafik design
	www.katrinhojer.de

		logoblau dunkel:#273583
		logoblau hell:	#004899
		logogruen:		#57b254
		grau text:		#575756
		grau text hell: #8c8a8a
		blau hl:		#476eaa
		gruen hl:		#6dbd6b
		blau footer:	#2663a8

		font-family: 'Luckiest Guy', cursive;
		font-family: 'PT Sans', sans-serif;


/*		


/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* luckiest-guy-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/luckiest-guy-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/luckiest-guy-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/luckiest-guy-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/luckiest-guy-v22-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/luckiest-guy-v22-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/luckiest-guy-v22-latin-regular.svg#LuckiestGuy') format('svg'); /* Legacy iOS */
}



.wir-title {
	background-color: #fff;
	padding-bottom: 2px;
	padding-top: 0px;
}

p {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	color: #787676;
	font-size: 1.2rem;
	line-height: 1.9rem;
}

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

h1 {
	font-family: 'Luckiest Guy', cursive;
	color: #476eaa;
	font-size: 3.3rem;
	letter-spacing: 0.0rem;
	line-height: 3.5rem;
	padding-bottom: 25px;
	padding-top: 16px;
}

h2 {
	font-family: 'Luckiest Guy', cursive;
	color: #6dbd6b;
	font-size: 2.1rem;
	letter-spacing: 0.0rem;
	line-height: 2.2rem;
	padding-bottom: 5px;
	padding-top: 15px;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	color: #8c8a8a;
	font-size: 1.4rem;
	letter-spacing: 0.0rem;
	line-height: 1.4rem;
	padding-bottom: 2px;
	padding-top: 35px;
}

h4 {
	font-family: 'Luckiest Guy', cursive;
	color: #476eaa;
	font-size: 2.1rem;
	letter-spacing: 0.0rem;
	line-height: 2.2rem;
	padding-bottom: 5px;
	padding-top: 5px;
}

h5 {
	font-family: 'PT Sans', sans-serif;
	color: #8c8a8a;
	font-size: 1.4rem;
	letter-spacing: 0.0rem;
	line-height: 1.4rem;
	padding-bottom: 2px;
	padding-top: 18px;
}

h6 {
	font-family: 'PT Sans', sans-serif;
	font-weight: 1,400;
	color: #8c8a8a;
	font-size: 1.2rem;
	line-height: 1.2rem;
}


.btn-secondary {
        color: #fff;
		font-family: 'PT Sans', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.03rem;
        background-color: #476eaa;
        border-color: #476eaa;
		border-radius: 0;
    }
    
    .btn-secondary:hover {
        color: #fff;
        background-color: #6dbd6b;
        border-color: #6dbd6b
    }
    
    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #fff;
        background-color: #476eaa;
        border-color: #476eaa
    }

.alert-dark {
    background-color: #f9eeda
}
 hr { 
    height: 0,3px;
	background-color: #fff;
}
 
.navbar-toggler {
    background-color: #fff;
	margin: 0 0 10px 10px;
}
.navbar {
    background-color: #fff;
}
.navbar .nav-item .nav-link {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4rem;
	color: #8c8a8a;
	margin: 0 10px;
}

.navbar .nav-item.active .nav-link {
 	font-family: 'PT Sans', sans-serif;
  	color: #004899;
}

.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus {
	font-family: 'PT Sans', sans-serif;
 	color: #004899;
}

.liste {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	color: #887771;
	font-size: 1.2rem;
	line-height: 1.9rem;
}

.schild_footer {
	position: relative;
	margin: 0 0px 0 0px;
	width: 100%;
}

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

.card {
        background-color: #f3f3f3;
    }

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

#welle {
	padding-top: 32px;
}

.footer {
	background-color: #2663a8;
}

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

.h-footer {
	font-family: 'Luckiest Guy', cursive;
	font-size: 1.6rem;
	letter-spacing: 0.08rem;
	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;
	}

}