/*  --------------------------------------------------------------------------- */
/*  ----------------------- CSS by Steven Becker ------------------------------ */
/*  ----------------------- www.Steven-Becker.de ------------------------------ */
/*  --------------------------------------------------------------------------- */

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

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

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

@font-face {
  font-family: 'SimpleKindOfGirl';
  font-display: swap;
  src: url('fonts/simple-kind-of-girl.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('simple-kind-of-girl.ttf') format('truetype');
}

body {
	text-align: center;
	font-family: 'Open Sans'; 
	font-size: 14px;
	}

a { 
	color: #2D5E7D;
	text-decoration: none;
} 	

a:hover { 
	text-decoration: underline;
} 

h1 {
	font-family: 'Grape Nuts', sans-serif; 
	font-size: 40px;
}

h2 {
	font-family: 'Grape Nuts', sans-serif;
	color: #2D5E7D;	
}

h3 {
	font-family: 'Grape Nuts', sans-serif; 
}

.header {
	margin: 0 auto;
	max-width: 1000px;
	padding-top: 20px;
	padding-bottom: 30px;
	/* background-image: url("/grafiken/grossmuehlingen-dorfbild.jpg"); */
	/* background-attachment: fixed; */
}

.content {
	margin: 0 auto;
	max-width: 1000px;
}


/*  --------------------------------------------------------------------- */
/*  ----------------------- Mobile Ansicht ------------------------------ */
/*  --------------------------------------------------------------------- */
@media screen and (max-width: 600px) {
	h1 {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 25px;
	}

	p {
		padding-left: 5px;
		padding-right: 5px;
	}

	.headerbild { 
		width: 100%;
		margin-bottom: 0px;
	}
	
}