/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* lora-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: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lora-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lora-v35-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	line-height: 1.6em;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
	font-style: normal;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background-image: url(Bilder-Martina/Webdesignbody.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

h1 {
	color: #CC6600;
	padding-left: 20px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	top: -40px;
}

h2 {
	color: #B9638A;
	font-size: 26px;
}
h2.titel {
	display: none;
}

h3 {
	color: #6699FF;
	font-weight: bold;
	font-size: larger;
}


#seitenleiste {
	float:none;
	clear: none;
	border: medium none #00FF00;
	width: 300px;
	left: 0px;
	margin: 0px;
	position: fixed;
	height: 100%;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 4;
	text-align: right;
	vertical-align: text-bottom;
	font-size: medium;
	line-height: normal;
}
#seitenleiste img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#seitenleiste a:link {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#seitenleiste a:visited {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
	color: #666666;
}
#seitenleiste a:active,  #seitenleiste a.active {
	color: #cc6600;
}

#hauptseite {
	width: 610px;
	line-height: normal;
	color: #666666;
	left: 363px;
	position: absolute;
	top: 140px;
	margin: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	text-decoration: none;
}

#hauptseitemitte {
	width: 480px;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
	left: 0px;
	position: absolute;
	top: 160px;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-image: url(Bilder-Martina/Briefpurww.jpg);
	margin: 0px;
	text-decoration: none;

}


#hauptseiteunten {
	width: 520px;
	height: 68px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: small;
	line-height: normal;
	color: #666666;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	left: 1px;
	position: absolute;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(Bilder-Martina/Briefpurboden.jpg);
	text-align: center;
	margin: 0px;
	bottom: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #006666;
	border-right-color: #006666;
	border-bottom-color: #006666;
	border-left-color: #006666;
	text-decoration: none;
}


#barrierefrei {
	position: fixed;
	left: 0px;
	top: 0px;
	visibility: inherit;
	clear: none;
	overflow: visible;
	z-index: 99;
	background-color: #FFCC99;
}

#barrierefreilinks {
	position: fixed;
	left: 0px;
	top: 30px;
	width: 30%;
	visibility: inherit;
	clear: none;
	overflow: visible;
	z-index: 99;
	background-color: #FFCC99;
	height: 130px;
}

#seiterechts {
	position: fixed;
	left: 80%;
	top: 400px;
	width: 200px;
	visibility: inherit;
	overflow: visible;
	z-index: 99;
	height: 200px;
}
.Bilder {
	left: 150px;
	right: 20px;
	clear: left;
	float: left;
	padding: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin: 10px;
}
.Bildraum {
	border: thin outset #000000;
	text-align: left;
	clear: left;
	float: left;
	padding: 0px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
a {
	color: #6699FF;
	text-decoration: none;
}

@media (max-width: 952px) {
	.nosmart {
		display: none;
	}
	body{
		background-image: none;
		background-color: #FCF4F1;
	}
	#hauptseitemitte {
		padding-right: 2%;
		padding-left: 2%;
	}
	#hauptseite, #hauptseitemitte, #hauptseiteunten {
		width: 90%;
		background-image: none;
	}
	#hauptseite {
		left: 2%;
	}
	#seitenleiste {
		position: absolute;
		right: 5%;
		width: unset;
	}
	#seitenleiste a {
		font-size: 18px;
		line-height: 1.6;
	}
	h1 {
		font-size: 26px;
	}
	h2.titel {
		display: block;
		position: relative;
		top: -100px;
		left: 2%;
		font-family: 'Lora';
		font-weight: normal;
    	letter-spacing: .8px;
    	font-size: 32px;
	}
}

@media (max-width: 544px) {
	.Bildraum {
		width: 100%;
	}
	.image-float {
		float: none !important;
	}
}