/* General Style autoankauf riedl */
body {
    background:#9b9fa3;
    font-size:100%;
    margin:-1em 0em 0em 0em;
    padding:0em;
}

h1 {
    font-size:1.8em;
    line-height:1.5em;
    font-family: Segoe UI, Arial;
    font-weight:600;
    color:#37393a;
    text-align:center;
    margin:0em 10% 1em 10%;
}

#underh1 {
    font-size:1.5em;
    line-height:1.4em;
    font-family:Helvetica;
    font-weight:bold;
    color:#39a3bf;
    padding:0em;
    text-align:center;
    margin: 0em;
}

#3schritte   {
      display:block;
      text-align:center;
}

#autoverkauf-3-schritte {
    width:100%;
    height:auto;
    max-width:1200px;
    vertical-align:center;
    border-radius:5px;
    margin:3em 0em 0em 0em;
}


h2 {
    font-size:1.5em;
    line-height:1.4em;
    font-family:Helvetica;
    font-weight:bold;
    color:#37393a;
    padding:1em 1.8em 1em 1.8em;
    text-align:center;
    margin:2.5em 0em 2.5em 0em;
}


h3 {
    font-size:1.0em;
    line-height:1.4em;
    font-family:Helvetica;
    font-weight:400;
    color:#000000;
    padding:0.5em;
    text-align:left;
    margin:1em 1.5em 1em 1.5em;
}

strong {
    font-weight:bold;
    color:#990000;
}

#telefonkontakt {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1.8em;
    color: #ffffff;
    background-color: #f43000;
    border-radius: 12px;
    margin: 1em 25% 0.5em 25%;
    padding: 0.3em 1em 0.3em 1em;
    text-align: center;
}

#telefonkontakt a {
   text-decoration: none;
   font-weight: 400;
   color: #ffffff;
}

#ankaufonlineformular {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1.2em;
    color: #ffffff;
    background-color: #f43000;
    border-radius: 12px;
    margin: 0.8em 25% 2.8em 25%;
    padding: 0.3em 1em 0.3em 1em;
    text-align: center;
}

#ankaufonlineformular a {
   text-decoration: none;
   font-weight: 400;
   color: #ffffff;
}

#text-whatsapp  {
    line-height: 1.4em;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 1em;
    color: #2b2b2b;
    margin: 1.8em 0em 1em 1em;
    text-align: left;
}

#schrift01  {
    line-height:1.5em;
    font-family:Helvetica;
    font-weight:400;
    font-size:1em;
    color:#363636;
    margin:0em 0.8em 0em 0.8em;
    padding:1.25em;
    text-align:left;
}

#schrift02 {
              line-height:1.5em;
              font-family:Helvetica;
              font-weight:400;
              font-size:0.9em;
              color:#8b0000;
              margin:0em 0.8em 0em 0.8em;
              padding:1.25em;
              text-align:justify;
}

#schrift03  {
    line-height:1.5em;
    font-family:Helvetica;
    font-weight:400;
    font-size:1.2em;
    color:#ff4500;
    margin:0em 0.8em 0em 0.8em;
    padding:1.25em;
    text-align:justify;
}





ul {
    margin:0px;
    padding:0px;
}

li {

   font-family:Helvetica;
   font-weight:400;
   color:#197070;
   line-height:1.25em;
   padding:0em;
   margin:0.313em 0em 0.313em 0em;
}

img {
    width:100%;
    height:auto;
    max-width:100%;
    border-radius:5px;
}


p img {
    width:auto;
    height:auto;
    max-width:auto;
    float:left;
    margin:0em 2em 1em 0em;
    border-radius:5px;
}


#head   {
      display:block;
      text-align:center;

}

#headbanner {
    width:100%;
    height:auto;
    max-width:1200px;
    border-radius:5px;
    margin: 0em 0em 1.2em 0em;
}


#kontaktbanner   {
      display:block;
      text-align:center;
}

#banner {
    width:60%;
    height:auto;
    max-width:980px;
    vertical-align:center;
    border-radius:5px;
    margin:3em 0em 0em 0em;
}


#float-rechts {
    width:auto;
    height:auto;
    max-width:auto;
    float:right;
    margin:0em 0em 1em 2em;
    border-radius:5px;
}




a {
   text-decoration:none;
   color:#191970;
}



/* On Top */
#menubar {
          display:block;
          background:#ffffff;
}

#menubar ul {
          display:block;
          width:2em;
          padding:0.5em;
}

#menubar ul li {
          display:inline;
}

#menubar ul li a.menubutton {
          display:none;
}


/*Navigation */
nav {
          display:block;
          height:2.5em;
          background:#2e4353;
          text-align:center;
          border-bottom:0.180em solid #39a3bf;
}

nav ul {
          display:block;
}

nav ul li {
          display:inline;
          margin: 0em 0.3em 0em 0.3em;
}

nav ul li a {
          color:#ffffff;
          font-size:0.7em;
          font-weight:400;
          line-height:3.5em;
          padding: 0em 0.438em 0em 0.538em;
          transition:background 0.2s;
          -webkit-transition:background 0.2s;
}

nav ul li a:hover {
          background:#39a3bf;

}

nav ul li a.active  {
          border-bottom:0.188em solid #CD0000;
          background:#FFFFFF;
}





/* Content Area */
#main {
          display:block;
          width:96%;
          max-width:1200px;
          margin:2.25em auto;
          padding:0em;
}

#main article {
          display:inline-block;
          width:100%;
          background:#FFFFFF;
          vertical-align: top;
          margin:0em;
          padding:1em 0em 0.5em 0em;
          text-align:center;
}

#main article img {
          max-width:1200px;
}







#list-main ul {
          Background:#990000;
          border:#8b0000 1px solid;
          border-radius:7px;
          margin:0em 4em 0em 3em;
          padding:1.2em 3em 1.2em 4em;
}

#list-main ul li {
          list-style:•
          font-family:Helvetica;
          font-size:1em;
          font-weight:400;
          color:#ffffff;
          line-height:1.5em;
          text-align:justify;
}


#list-main2 ul {
          margin:0em 4em 0em 3em;
          padding:1.2em 3.0em 1.2em 3.0em;
}

#list-main2 ul li {
          list-style:•
          font-family:Helvetica;
          font-size:1em;
          font-weight:400;
          color:#000000;
          line-height:1.5em;
          text-align:left;
}


/* Footer */
footer {
          display:block;
          background:#151439;
          text-align:center;
          margin-top:4em;
}

footer ul {
          display:block;
          width:100%;
          max-width:980px;
          text-align:left;
          margin:0px auto;
}

footer ul li {
          display:inline-block;
          font-size:0.8em;
          font-weight:400;
          line-height:1.8em;
          color:#c3ccce;
          padding:0em 0.625em 0em 0.625em;

}

footer ul li a {
         color:#c3ccce;
         font-weight:400;

}


footer p {
        display:inline-block;
        line-height:1.25em;
        font-family:Helvetica;
        font-size:0.7em;
        font-weight:400;
        color:#c3ccce;
        margin:0.8em;
        padding:1.25em;
        text-align:justify;
        width:94%;
        max-width:980px;
        space:0.5em;
}

footer p a {
       color:#c3ccce;
       font-weight:400;
}






/* mobile style */


@media screen and (max-width:800px) {
      body {
         font-size:86%;
         }

         #menubar ul li a.menubutton {
         display:block;
         }

         #menubutton {
         max-width:60%;
         margin:0em;
         }
         nav {
         display:none;
         height:auto;
         }
         nav ul li {
         display:block;
         margin:0.3em 0em 0.3em 0em;
         }

         #headbanner {
         margin:0em;
         }

         #main {
          margin:0em auto;
          width:100%;
         }


         h1 {
         font-size:1.4em;
         color:#434141;
         font-weight:600;
         }

         h2 {
         font-size:1.4em;
         color:#434141;
         font-weight:bold;
         margin:0em;
         }

         #telefonkontakt {
         line-height: 1.5em;
         font-family: Helvetica;
         font-weight: 600;
         font-size: 1.55em;
         margin: 1em 10% 1em 10%;
         }

         #text-whatsapp  {
         line-height: 1.4em;
         font-size: 120%;
         font-weight: 400;
         color: #000000;
         margin: 0em 0.5em 0.8em 1em;
         }

         #schrift01  {
         line-height:1.4em;
         font-size:120%;
         font-weight:400;
         color:#000000;
         margin:0em;
         }

         #list-main ul {
          Background:#990000;
          border:no;
          margin:0em 0em 2em 0em;



         }

         #list-main ul li {
          font-size:1em;
          font-weight:500;
          line-height:1.3em;
          color:#ffffff;
          padding:0.3em;
          margin-left:1em;
          text-align:left;
         }

         p img {
         width:100%;

        }

        #banner {
        width:100%;
        }
}

@media screen and (max-width:980px) {
    body {
        font-size:95%;
        }
    p img {
        width:40%;
        height:auto;
        }
}