body        {
            background-color: white;
            color: darkred;
            text-align: center;
            font-family: arial, sans;
            }   




.bild   {
            height: 450px;
            }                  

.bildhoch       {
            display: inline-table;
            padding: 1em;
            margin: 0em 0em;
            vertical-align: middle;
            box-sizing: border-box;
            width: 45%;
            }

.bildhoch img   {
            width: 85%;
            }  

.text       {
            width: 70%;
            height: auto;
            float: right;
            text-align: left;
            }
.text img   {
            width: 100%;
            }   

#home       {
            position: fixed;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 2.2em;
            font-size: 1.5em;
            background-color: #5f0a0a;
            }

h1          {
            font-size: 4em;
            font-weight: 300;
            }

.bl         {
            font-size: 7em;
            color: black;
            display: inline;
            margin: 0px;
            }

h2          {
            font-family: 'Cordoba', sans;
            font-size: 2.2em;
            font-weight: 100;
            display: inline;
            }

h3          {
            font-family: 'Oklahoma', sans;
            font-size: 15em;
            font-weight: 100;
            letter-spacing: 0.1em;
            display: inline;
            }

h4          {
            font-family: 'Oklahoma', sans;
            font-size: 3.5em;
            font-weight: 300;
            letter-spacing: 0.1em;
            }
p          {
            font-size: 1.3em;
            font-weight: 100;
            text-align: center;
            }



a           {
            font-weight: 100;
            text-decoration: none;
            color: black;
            }          
a:hover     {
            color: rgb(255,102,51);
            }
a:active     {
            color: rgb(255,204,51);
            }
.anodec     {
            font-family: 'Cordoba', sans;
            font-size: 0.45em;
            font-weight: 100;
            letter-spacing: 0em;
            color: white;
            }
.adec        {
            line-height: 2.7em;
            }
.right      {
            float: right;
            width: 30%;
            }
.clean      {
            clear: both;
            }
.field      {
            background-color: rgb(255,204,102);
            border: none;
            width: 25%;
            }

.button     {
            font-family: 'Cordoba', sans;
            font-size: 1.2em;
            font-weight: 900;
            height: 2em;
            background-color: orange;
            color: #450000;
            border: none;
            border-radius: 5px;
            }
textarea    {
            font-family: 'Cordoba', sans;
            font-size: 1em;
            }


 @media screen and (min-width: 180px) and (max-width: 880px) {

  h1   {font-size: 2.5em; }
  h2   {font-size: 1.7em;}
  h3   {font-size: 5.5em;}
  p    {font-size: 1.4em;}
	img  {width:100%;}
  .bild {width: 100%; height: 100%}
  }