@charset "utf-8";
/* CSS Document */
/* Scharfschwerdt Immobilien Intro */
/* Copyright 2020 Hoppe Websolutions */
/* fira-sans-200 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/fira-sans-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'),
       url('../fonts/fira-sans-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v8-latin-200.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('../fonts/fira-sans-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Medium'), local('FiraSans-Medium'),
       url('../fonts/fira-sans-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v9-latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* Normalize html */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background-color: transparent;
}
b,
strong {
  font-weight: 500;
}
small {
  font-size: 80%;
}
img {
  border-style: none;
}
[hidden] {
  display: none;
}
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after { clear:both; }
* {
	box-sizing: border-box;
}

html {
	height: 100%;
	overflow-y: scroll !important;
	font-size: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	font-family: 'Fira Sans', sans-serif;
	line-height: 1.6;
	color: #434343;
	font-weight: 300;
}
h1 {
	font-size: 4vmin;
	font-weight: 300;
	text-align: center;
	padding: 1em 0;
}
#logo {
	position: relative;
	width: 50vw;
	width: 90vmin;
	margin: 0 auto;
}
#logo a {
	text-decoration: none !important;
}
.scharfschwerdt p {
	margin: 0;
	padding: 3.95em 0.2em 0 0.2em;
	text-transform: uppercase;
	color: #434343;
	background: url(../img/scharfschwerdt-immobilien-logo.png) top left no-repeat;
	background-size: 100% auto;
	font-size: 3.4vw;
	font-size: 6.1vmin;
	line-height: normal;
}
.scharfschwerdt p span {
	color: #434343;
	font-weight: 200;
}
p {
	text-align: center;
}

a {
    text-decoration: none;
    color: #434343;
    display: inline-block;
    transition: 0.3s;
}
p {
	font-size: 4.75vmin;
	font-size: 3.5vmin;
	font-size: 4vmin;
	padding-top: 0.25em;
}
h3 {
	padding-top: 0.5em;
}
/* When you mouse over the navigation links, change their color */
a:hover, a:focus {
	color: #fe6f00;
}
h3 {
	font-size: 6vmin;
	color: #fe6f00;
	font-weight: 400;
	text-transform: uppercase;
	/*margin-bottom: -0.5em;*/
}
h3 span {
	font-weight: 200;
}

p {
	font-weight: 400;
	/*color: #FFF;*/
	line-height: 1.6;
	padding-bottom: 0.25em;
}