/*	
	katrin hojer - grafik design
	http://www.katrinhojer.de
	Letzte Bearbeitung: 2022-12-27
	
	#fef8e7 Hintergrund
	#605750 dunkelgrau
	#a59d92 hellgrau
	#afcb38 grün

	#font-family: 'Mulish', sans-serif;
	#font-family: 'Shadows Into Light Two', cursive;
*/


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

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

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

/* shadows-into-light-two-regular - latin */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/shadows-into-light-two-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/shadows-into-light-two-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/shadows-into-light-two-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/shadows-into-light-two-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/shadows-into-light-two-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/shadows-into-light-two-v13-latin-regular.svg#ShadowsIntoLightTwo') format('svg'); /* Legacy iOS */
}


* {
	padding: 0;
	border: 0;
	margin: 0;
}
body {
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	color: #605750;
	background-color:white;
	background: url(bilder/bg.jpg) no-repeat;
  background-size: 100%;
}
a {
	text-decoration: underline;
}
a:link , a:visited {
	color: #605750;
}	
a:hover , a:active {
	color: #afcb38;
	text-decoration: underline;
}
p, table {
	font-family: Georgia, sans-serif;
	color: #605750;
	font-size: 1.05em;
	line-height: 1.5em;
}
p {
	margin-top: 0.8em;
}
hr { 
    width: 100%; 
    height: 1px; 
    margin: auto;
    color: #82756c;
    background: #82756c;
}
h2, h3 {
	font-family: "Georgia", sans-serif;
	color: #afcb38;
	font-weight: 400;
	font-style: italic;
	font-size: 2.6em;
}
h4 {
	font-family: "Georgia", sans-serif;
	color: #a59d92;
	font-weight: 400;
	font-style: italic;
	font-size: 1.6em;
}
h5 {
	font-family: "Georgia", sans-serif;
	color: #afcb38;
	font-weight: 400;
	font-style: italic;
	font-size: 1.3em;
}
ul {
	 margin-left: 0.6em;
	 padding-left: 0.6em;
	 line-height: 1.4em;
}
.page {
	width: 1050px;
	margin: 0 auto;
	background-color:#fef8e7;
	box-shadow: 2px 2px 6px #a59d92;
}
.title {
	padding: 20px 0 0 50px;
}
.tel_fixed {
		position: fixed;
		top: 0;
    width: 1050px;
		height: 2px; 
		margin: auto;
}
.telefon {
		position: relative;
		float: right;
		padding-right: 80px;
		opacity: 0.90;
}
.menu {
	height: 51px;
	padding: 2px 0 0 34px;
	color: white;
	background-color:#a59d92;
}
.menu a {
	color: #03438b;
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 2em;
	font-weight: 400;
	padding-left: 32px;
	padding-right: 4px;
}
 .menu a:link , .menu a:visited { 
	font-weight: 400;
	text-decoration: none;
	color: white;
}
.menu a:hover , .menu a:active {
	font-weight: 400;
	text-decoration: none;
	color: #605750;
}
.menu a.this_page {
	color: #605750;
}
#tel_button {
	display: none;
}
.link_tiles {
	padding: 10px 0 0 36px;
}
.tile {
	float: left;
	margin-left: 14px;
	margin-top: 14px;
	box-shadow: 2px 2px 6px #a59d92;
}
.tile a img:hover {
    opacity: 0.85;
    outline: 0 none;
    transform: scale(1);
}
.content {
	min-height: 400px;
	padding: 24px 50px 35px 50px;
}
.img_content {
	padding: 6px 0;
}
#google-maps {
	width: 950px;
	height: 600px;
	xmargin-top: 0;
}
.fb-page {
	margin-top: 24px;
}
.menu-bottom {
	width: 950px;
	height: 55px;
	padding: 15px 50px 0 50px;
	color: white;
	background-color: #a59d92;
	margin-top: 8px;
}
.menu-bottom a  {
	padding-right: 19px;
	color: white;
	font-family: 'Mulish', sans-serif
	font-size: 1em;
	font-weight: 400;
}
 .menu-bottom a:link , .menu-bottom a:visited { 
	text-decoration: none;
}
.menu-bottom a:hover , .menu-bottom a:active {
	color: #605750;
	text-decoration: none;
}
.menu-bottom a.this_page {
	color: #605750;
}
.footer {
	width: 950px;
	height: 90px;
	padding: 5px 50px 0 50px;
	color: white;
	background-color: #605750;
	font-family: 'Mulish', sans-serif	
	font-size: 1em;
	font-weight: 400;
}
.footer_content {
	display: inline-block;
	width: 840px;
	position: relative;
	top: 3px;
}
 .footer a:link , .footer a:visited .footer{ 
	color: white;
}
.footer a:hover , .footer a:active {
	color: #a59d92;
}
.fb-like {
	display: inline-block;
	margin-top: 12px;
}
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

@media screen and (max-width: 480px) {
	.page {
		width: 320px;
		margin: 0 auto;
		box-shadow: none;
		overflow: hidden;
	}
	h2, h3 {
		font-size: 2em;
		margin-top: 8px;
	}
	.title {
		padding: 4px 4px 2px 8px;
	}
	.title img{
		width: 308px;
	}
	.tel_fixed {
		display: none;
	}
	.menu {
		height: auto;
		width: 320px;
		padding: 6px;
	}
	.menu a {
		display: inline-block;
		width: 126px;
		color: #03438b;
		font-size: 1.75em;
		font-weight: 400;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 2px;
		border: 1px solid white;
		border-radius: 4px;
		margin: 2px;
	}
	.tel-icon {
		font-size: 0.9em;
		margin-left: 0.27em;
	}
	#tel_button {
		display: inline-block;
	}
	.link_tiles {
		padding: 0;
	}
	.tile {
		display: block;
		padding: 0;
		margin-left: 8px;
		margin-top: 8px;
	}
	.tile img {
		width: 304px;
	}
	.content {
		padding: 8px;
	}
	.img_content {
		width: 304px;
		padding: 0;
	}
	#google-maps {
		width: 304px;
		height: 404px;
	}
	.menu-bottom {
		height: auto;
		width: auto;
		padding: 12px;
		line-height: 1.5em;
	}
	.footer {
		width: auto;
		height: auto;
		padding: 12px;
	}
	.footer_content {
		width: auto;
		line-height: 1.5em;
	}
	.fb-like {
		display: block;
		margin-top: 10px;
}

}