/* CSS Einstellungen für Auflösungen bis 320px oder 20em */
/* Für Smartphones geeignet */

@media only screen and (min-width:0.1em) and (max-width:20em) {  html {  }      

.adress {

    width: auto;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 2% 5% 0%;
}
.adress p {

    width: auto;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%; font-size: 1.25vw;
    color: #FFFFFF; font-weight: bold;
}
.adress a:link      {color: #FFFFFF; list-style-type: none;  font-size: 1.25vw;  font-weight: bold; text-decoration: none;   float: left;}
.adress a:visited   {color: #FFFFFF; list-style-type: none;  font-size: 1.25vw;  font-weight: bold; text-decoration: none;   float: left;}
.adress a:focus     {color: #FFFFFF; list-style-type: none;  font-size: 1.25vw;  font-weight: bold; text-decoration: none;   float: left;}
.adress a:hover     {color: #FF9900; list-style-type: none;  font-size: 1.25vw;  font-weight: bold; text-decoration: none;   float: left;}
.adress a:active    {color: #FFFFFF; list-style-type: none;  font-size: 1.25vw;  font-weight: bold; text-decoration: none;   float: left;}

.adress ul  {
width: 100%;    height: 50%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;   background-color: transparent;
}
.adress ul li  {
    width: auto;    height: 100%;    margin: 0% 0% 0% 0%;    padding:  0% 1.25% 0.5% 0%;
    background-color: transparent;
    list-style-type: none;  font-size: 1.25vw; color: #FFFFFF;  font-weight: lighter;  text-decoration: none;   float: right;
}



/* header */
.headerlogo {
    width: 15%; height: auto;   margin: 0% 0% 0% 0%;    padding:  1.25% 0% 0% 1.25%;
    float: left;
}
.rechnen {
    width: 75%; height: auto;   margin: 2.5% 0% 0% 12.5%;    padding:  0% 0% 0% 0%;
}
.headertitel {
    width: 75%; height: auto;   margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
    float: left;
    border-bottom: solid;   border-bottom-color: #0066FF;
    text-align: right; font-size: 1.15vw;
}
.headertitel a:link {
    text-decoration: none;
    color: #000000;
}
.headertitel a:hover {
    text-decoration: none;
    color: #FF9900;
}
.headergleich {
    font-size: 0.75vw; padding:  0% 0.5% 0% 0.5%;
}
.headernav {
    width: 82.5%; height: auto;   margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 2.5%;
    float: right;
    background-color: #FFFFFF;
    text-align: center; font-size: 1vw;
}
.headernav ul {
    width: 85%; height: auto;   margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
    background-color: #FFFFFF;
    text-align: center; font-size: 1vw;
}
.headernav ul li {
    width: auto; height: auto;   margin: 0% 0% 0% 0%;    padding:  1.5% 1% 1.5% 0%;
    float: left;
    background-color: #FFFFFF;
    list-style-type: none;    text-align: center; font-size: 1vw;
}

.abc {
    width: auto;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;  float: left;
}
.abc h4 {
    width: 90%;    height: auto;    margin: 27.5% 0% 0% 20%;    padding:  0% 0% 0% 0%;  font-size: 1.25vw;  color: #0066FF;   font-weight: lighter;;
}
.abc p {
    width: 90%;    height: auto;    margin: 2% 0% 0% 20%;    padding:  0% 0% 0% 0%;  font-size: 1vw;  float: left;
}
.abc span {
    width: 90%;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;  font-size: 0.4vw;  float: left;
}
.abc a:link      {color: #000000; list-style-type: none;  font-size: 0.9vw;  font-weight: lighter; text-decoration: none;   float: left;}
.abc a:visited   {color: #0066FF; list-style-type: none;  font-size: 0.9vw;  font-weight: lighter; text-decoration: none;   float: left;}
.abc a:focus     {color: #0066FF; list-style-type: none;  font-size: 0.9vw;  font-weight: lighter; text-decoration: none;   float: left;}
.abc a:hover     {color: #FF9900; list-style-type: none;  font-size: 1vw;  font-weight: lighter; text-decoration: none;   float: left;}
.abc a:active    {color: #0066FF; list-style-type: none;  font-size: 1vw;  font-weight: lighter; text-decoration: none;   float: left;}

.abc ul  {
    width: 100%;    height: auto;    margin: 5% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}
.abc ul li  {
    width: 95%;    height: auto;    margin: 5% 0% 0% 20%;    padding:  0% 0% 0% 0%;
    background-color: #FFFFFF;
    list-style-type: none;  font-size: 0.75vw;  font-weight: lighter;  text-decoration: none;   float: left;
}


.nachricht {
    width: 90%;    height: auto;    margin: 0% 5% 0% 5%;    padding:  0% 0% 0% 0%; float: left;
}

.nachricht h1 {
    color: #0066FF; text-align: center; margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}
.nachricht h2 {
    color: #0066FF; text-align: center; margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}
.xyz {
    width: auto;    height: auto;    margin: 0% 0% 0% 5%;    padding:  2% 0% 1% 0%; float: left;
}
.spezial {
    width: 90%;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 7.5% 3%;
    list-style-type: none;  font-size: 1.15vw;  font-weight: bold;  text-decoration: none;   float: left;   color: #0066FF;
}
.baufilead_zinstableau {
    width: 100%;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 3%;    float: left;
}
.xyz a:link      {color: #0066FF; list-style-type: none;  font-size: 1.5vw;  font-weight: lighter; text-decoration: none;   float: left;}
.xyz a:visited   {color: #0066FF; list-style-type: none;  font-size: 1.5vw;  font-weight: lighter; text-decoration: none;   float: left;}
.xyz a:focus     {color: #0066FF; list-style-type: none;  font-size: 1.5vw;  font-weight: lighter; text-decoration: none;   float: left;}
.xyz a:hover     {color: #FF9900; list-style-type: none;  font-size: 1.5vw;  font-weight: lighter; text-decoration: none;   float: left;}
.xyz a:active    {color: #0066FF; list-style-type: none;  font-size: 1.5vw;  font-weight: lighter; text-decoration: none;   float: left;}
         /*
.xyz ul  {
    width: 70%;    height: auto;    margin: 5% 0% 0% 10%;    padding:  0% 0% 0% 0%;
}
.xyz ul li  {
    width: 80%;    height: auto;    margin: 5% 0% 0% 0%;    padding:  0% 0% 0% 0%;
    background-color: #FFFFFF;
    list-style-type: none;  font-size: 0.75vw;  font-weight: lighter;  text-decoration: none;   float: left;
}
  */
.fuss {
    width: 90%;    height: auto;    margin: 0% 0% 0% 10%;    padding:  0% 0% 0% 0%;    background-color: transparent;
}
.fuss a:link      {color:  #FFFFFF; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.fuss a:visited   {color:  #FF9900; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.fuss a:focus     {color:  #FFFFFF; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.fuss a:hover     {color:  #FFFFFF; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.fuss a:active    {color:  #FFFFFF; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}

.fuss ul  {
width: 100%;    height: auto;    margin: -1.25% 0% 0% 2.5%;    padding:  0% 0% 0% 0%;
}
.fuss ul li  {
    width: auto;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 1.5%;
    background-color: transparent;
    list-style-type: none;  font-size: 0.5vw;  font-weight: lighter;  text-decoration: none;   float: left;
}

.tief {
    width: 82.5%;    height: auto;    margin: -1.1% 0% 0% 15.5%;    padding:  0% 0% 0% 0%;
}
.tief a:link      {color: #CECECE ; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.tief a:visited   {color: #CECECE; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.tief a:focus     {color:  #CECECE; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.tief a:hover     {color:  #CECECE; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.tiefa:active    {color:  #CECECE; list-style-type: none;  font-size: 0.75vw;  font-weight: lighter; text-decoration: none;   float: left;}
.tief ul  {
    width: 100%;    height: auto;    margin: 0% 0% 0% 2%;    padding:  0% 0% 0% 0%;
}
.tief ul li  {
    width: auto;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 1% 0% 0%;
    background-color: transparent;
    list-style-type: none;  font-size: 0.5vw;  font-weight: lighter;  text-decoration: none;   float: left;
}

}