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

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Geneva, Arial, Helvetica", sans-serif;
}

#inhaltspalte h1 {
	font: 1.1em/1.5em Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	color: #CC6600;
	font-style: italic;
	margin: 0 0 15px 30px;
}

body, html {
	height: 100%;
	color: #777;
	line-height: 1.8;
	max-width: 983px;
	margin-left: auto;
	margin-right: auto;
	background: #bbb url(pict/hgbody.gif) center top repeat-y;	
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

/* First image (Logo. Full height) */
.bgimg-1 {
	background-image: url('pict/dr-grasse.jpg');
	min-width: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
	background-image: url("/w3images/parallax2.jpg");
	min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
	background-image: url("/w3images/parallax3.jpg");
	min-height: 400px;
}

.w3-wide {
	letter-spacing: 10px;
}

.w3-hover-opacity {
	cursor: pointer;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
		min-height: 223px;
		margin-top: 40px;
	}
}

#inhaltspalte h3 {
	letter-spacing: 0.07em;
	color: #CC6600;
	font-style: italic;
	margin: 0 0 8px 30px;
}

#inhaltspalte h4 {
	letter-spacing: 0.06em;
	color: #CC6600;
	font-style: italic;
	margin: 0 0 16px 30px;
}

#inhaltspalte a {
	color: #CC6600;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}

a.anchor {
	display: block;
	position: relative;
	top: -126px;
	visibility: hidden;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: #CC6600;
  color: white;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}