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

h1 {
    font-size: 1.7em;
    line-height:  1.2em;
    font-family: Segoe UI, Arial;
    font-weight: 600;
    color: #023a77;

    margin: 0em 10% 0em 10%;
    text-align: center;
}



h2 {
    font-size: 1.3em;
    line-height:  1.3em;
    font-family: Segoe UI, Trebuchet MS;
    font-weight: 600;
    color: #3175a8;
    padding: 0em 1.25em; 0em 1.25em;
    text-align: left;
}


h3 {
    font-size: 1.563em;
    line-height:  1.3em;
    font-family: Helvetica;
    font-weight: 400;
    color: #ffffff;
    margin: 0em;
    padding: 1.25em;
    text-align: left;
}

h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Helvetica;
    font-weight: 400;
    color: #1c5179;
    margin: 0em;
    padding: 1.25em 1.25em 0em 1.25em;
    text-align: left;
}


strong {
    font-weight: bold;
    color: #3175a8;
}

#telefonkontakt {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1.8em;
    color: #ffffff;
    background-color: #023a77;
    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: #023a77;
    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;
}




#bg2  {
    background: #1c5179;
    border-radius: 5px;
    margin: 0em 0em 4em 0em;
    padding: 0em;
    border-radius: 10px 15% 10px;

}

#typo-bg  {
    line-height: 1.4em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1em;
    color: #ffffff;
    margin: 0em 1.9em; 0em 1.9em;
    padding-bottom: 1.5em;
    text-align: left;
}


#typo01  {
    line-height: 1.4em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1em;
    color: #3d3c3c;
    margin: 0em 1.9em; 0em 1.9em;
    padding-bottom: 1.5em;
    text-align: left;
}

#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;
}

#typo02 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 0.9em;
              color: #2b2b2b;
              margin-top: 1em;
              padding: 1.25em;
              text-align: left;
}


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;
    margin: 0em 2em 1em 0em;
    border-radius: 5px;
}

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

}

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


#pic-left {
    width: auto;
    height: auto;
    max-width: auto;
    float: left;
    margin: 0em 1.5em 1em 1.5em;
}





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

/* 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.navbutton {
          display: none;
}



/*Navigation */
nav {
          display: block;
          height: 2.5em;
          background: #1c394f;
          text-align: center;
}

nav ul {
          display: block;
}

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

nav ul li a {
          color: #ffffff;
          font-size: 0.8em;
          font-weight: 400;
          line-height:  3em;
          padding: 0.563em 0.438em 0.375em 0.538em;
          transition: background 0.2s;
          -webkit-transition: background 0.2s;
}

nav ul li a:hover {
          background: #159cd3;
          border-radius: 5px;
          border-bottom: 0.188em solid #023a77;
}

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

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

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

          border-radius: 5px;
          border-bottom: 0.188em solid #149dd3;
}


#main article img {
          max-width: 100%;
}



/* Content Area SIDERBAR */

#main aside {
          display: inline-block;
          width: 30.6%;
          margin-left: 1%;
          padding: 0em;
          vertical-align: top;
}

#main aside section {
          margin-bottom: 1.0em;
          border-bottom: 0.188em solid #149dd3;
          box-shadow: 0px 0px 10px -5px #4c4948;
          border-radius: 5px;
}



#main aside section ul {
          padding: 0em 1.875em 1.25em 2.5em;
}

#main aside p a {
                font-family: Helvetica;
                font-weight: 400;
                font-size: 1em;
                color: #003366;
                text-decoration: underline;
}

#main aside img {
                width: auto;
                height: auto;
                max-width: auto;
                border-radius: 50%;
}


#vorteile {
          background: #ffffff;
}


#vorteile ul li {
          list-style: ✓
          font-family: Helvetica;
          font-weight: 400;
          color: #191970;
          line-height: 1.5em;
          padding: 0em;
          margin: 0.313em 0em 0.313em 0em;
}


#listpoints ul {
          background: #337aaf;
          border-bottom: #013a76 2px solid;
          border-radius: 7px;
          margin: 0em 4em 0em 3em;
          padding: 1.2em 3.0em 1.2em 4.0em;
}

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


#listpoints2 ul {
          margin: 0em 0em 0em 0em;
          padding: 1.2em 0em 0em 1em;
}

#listpoints2 ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.5em;
          text-align: left;
}



#listpoints3 ul {
          margin: 0.8em 0em 3em 40%;
          padding: 0em 0em 0em 0em;
}

#listpoints3 ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.5em;
          text-align: left;
}






#ascont2 {
          background: #FFFFFF;
          padding-bottom: 1em;
}

#box3 {
          margin-bottom: 1.563em;
          background: #ffffff;
}



/* Footer */
footer {
          display: block;
          background: #1c394f;
          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: #ffffff;
          padding: 0em 0.625em 0em 0.625em;

}

footer ul li a {
         color: #ffffff;

}


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

footer p a {
       color: #232352;
}



/* mobile style */
@media screen and (max-width: 800px) {
    body {
        font-size: 2em;
        }
    p img {
        width: 100%;

        }
    aside p img {
        width: 90px;
        }
    h1 {
        font-size: 1.6em;
        font-weight: 600;
        color: #023a77;
        }
    h2 {
        font-size: 1.5em;
        font-weight: bold;
        color: #232352;
        }

    h3 {
        color: #ffffff;
        font-weight: 400;
        }

    h4 {
        font-size: 1.4em;
        font-weight: 400;
        }

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

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

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

    #typo02  {
    line-height: 1.4em;
    color: #000000;
    font-size: 110%;
    font-weight: 400;
         }


    #listpoints ul {
          background: #149dd3;
          border: no;
          margin: 0em 1.5em 0em 1.5em;
          padding: 1.2em 1.0em 1.2em 2.5em;

         }

    #listpoints ul li {
          font-size: 1.3em;
          font-weight: 400;
          line-height: 1.3em;
          color: #ffffff;
          padding: 0.3em;
          text-align: left;
         }
     #vorteile ul {
      background: #006699;
      border-radius: 7px;
     }


     #vorteile ul li {
           font-size: 1.3em;
           font-weight: 400;
           color: #ffffff;
           line-height: 1.3em;
           padding: 0.3em;
          }

     nav ul   {
          padding: 2em;
          }

     nav ul li a {
          font-size: 1.2em;
          font-weight: 400;
          line-height: 1.5em;
          color: #ffffff;
          }

        p  a {
            text-decoration: none;
            color: #0066cc;
          }
}

@media screen and (max-width: 980px) {
      #main aside, #main article {
         width: 100%;
         display: block;
         margin: 0.625em 0em 0.625em 0em;
         }
}

@media screen and (max-width: 980px) {
      body {
         font-size: 86%;
         }
      #menubar ul li a.navbutton {
         display: block;
      }
      nav {
         display: none;
         height: auto;
      }
      nav ul li {
         display: block;
         margin: 0.3em 0em 0.3em 0em
      }
      aside p img {
        width: 90px;
        }
      p img {
        width: 100%;
        height: auto;
        }

}