/* * {
  margin:0;
  padding:0;
  -webkit-margin-before:0;
  -webkit-margin-after:0;
  -webkit-margin-start:0;
  -webkit-margin-end:0;
  -webkit-padding-start:0;
}
*/

body {
  background-color:#FFFFFF;
  color:#000000;
  font-family:Arial;
  font-size:1.2em;
  line-height:1.3em;
  font-weight:normal;
	margin:0px auto;
	max-width:60em;
}

article,
section,
aside {
	border-radius:0px 0.5em 0.5em;
	border:1px solid;
	padding:0.25em;
}

section {
	background:#F1F3F4;
	border-color:slateblue;
}

main {
	display:block;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	max-width:60em;
}

img.Home {
  width:100%;
  max-width:58em;
}

article {
	background:#ffede0;
	border-color:#df6c20;
}

aside {
	background:#ebf5d7;
	border-color:#8db243;
}

/* panoma */
header {
  border-bottom:1px solid #FAA61A;
}

header img {
  height:2em;
  padding-bottom:0.5em;
}

nav, footer {
  padding-left:1em;
  padding-right:1em;  
  text-align:left;
}

nav ul, footer ul {
  list-style:none;
  padding-right:1em;
}

nav ul li, footer ul li {
  display:inline;
  text-transform:uppercase;
}

nav ul li a , footer ul li a {
  padding:0 2.5em 0 0;
  text-decoration:none;
  color:#000000;
  font-family:Verdana, sans-serif;
  font-size:1em;
  line-height:2.5em;
  font-weight:bold;
}

nav ul li a:hover, footer ul li a:hover {
  color:#FAA61A;
}

main {
  display:block;
  padding-left:1em;
  padding-right:1em;
  padding-top:1em;
  background-color:#F5F5F5;
}

footer {
  /*position:fixed; 
  bottom:0;*/
  max-width:60em;
  border-top:1px solid #FAA61A;
}

/* headers */

h1,h2,h3,h4,h5,h6 {
  font-family:Verdana;
  font-weight:bold;
  letter-spacing:.06em;
  text-transform:uppercase
}

h1 {
  font-size:1.3em;
  line-height:1.3em;
  margin-bottom:0.3em;
}

h2 {
  font-size:1.2em;
  line-height:1.2em;
  margin-bottom:0.2em;
}

h3 {
  font-size:1.1em;
  line-height:1.1em;
  margin-bottom:0;
}

h4 {
  font-size:1em;
  line-height:1em;
  margin-bottom:0;
}

h5 {
  font-size:0.9em;
  line-height:0.9em;
  margin-bottom:0;
}

h6 {
  font-size:0.8em;
  line-height:0.8em;
  margin-bottom:0;
}

/* input */

input, select {
	/*margin:0 0 1em 31%;*/
	padding:.2em .5em;
	background-color:#fffbf0;
	border:1px solid #FAA61A;
}

input[type=text], input[type=email], input[type=password], select {
	width:90%;
}
	
input[type=tel], input[type=number] {
  width:30%;
}

input[type=radio] {
	margin:0 0 1em 1em;
	padding:.2em .5em;
	background-color:#fffbf0;
}

textarea {
	/*margin:0 0 1em 31%;*/
	padding:.2em .5em;
	width:90%;
	background-color:#fffbf0;
	border:1px solid #FAA61A;
  height:6em;
}

label {
	/*text-align:right;*/
	line-height:1.5;
	clear:left;
	display:block;
	padding-top:0.5em;
	
	/*
	position:absolute;
	left:0;
	*/
}


button {
	/*margin-left:31%;*/
}

input:required + ::after, select:required + ::after {
	content:" ★ ";
	color:red;
}

input:required:valid + ::after, select:required:valid + ::after {
	content:" ✔";
	color:green;
}

input + span {
  padding-left:0.5em;
}

button {
  cursor:pointer;
  border-radius:.5em;
  padding:0.5em 0.5em;
  color:#ffffff;
  font-size:1em;
  font-weight:bold;
  border:1px solid #FAA61A;
  background:#ff6c00;
  margin-right:2em;
}

button:hover {
  background-color:#ff7d11;
  cursor:pointer;
}

p.Success {
  color:#008800;
}

p.Warning {
  color:#FF0000;
}

a {
  color:#666666;;
  text-decoration:none;
  font-weight:bold;
}

.flex-container {
	display:-webkit-flex;
	display:flex;
	max-width:58em;
	-webkit-flex-direction: column;
	flex-direction: column;
}

@media all and (min-width: 58em) {
  .flex-container {
    display:-webkit-flex;
    display:flex;
    max-width:58em;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}

.flex-item {
	-webkit-flex:1 1 25em;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:18em;
	margin:1em;
}

div.flex-item img {
  width:16em;
}

form div {
  text-align:left;
}

p.Red {
  color:red;
}

iframe {
  background:#F5F5F5; 
  border:1px solid #999999; 
  width:100%; 
  height:6em
}

a.Datenschutz {
  color:#F00;
}

div.Left {
  text-align:left;
}

img.Vorteile {
  width:14em;
}

span.EV {
  color:#FF0000;
}

h1.VP, h4.VP {
  color:#082F4E;
}
  
h4.Sparkasse {
  color:#ED1C24;
}

h4.LBS {
  color:#ED1C24;
}

h4.Remax {
  color:#ED1D25;
}

span.Remax {
  color:#1D29EB;
}

h4.PropertyOne {
  color:#201F1D;
}

h4.Mangoni {
  color:#25422A;
}