/* ------------------------------ Desktop
H2 auf 32px, p auf 18px,  .text-14-grey 16px, .menu-button-14-kontakt 18px  */
@media (min-width: 1024px) {
  #wrapper .text-15-weiss {
    font-size: 17px;
    line-height: 1.41; }

  #wrapper article#beraten .texte {
    width: 430px; }

  #wrapper article#schlau .texte {
    left: 60px;
    width: 420px; }

  #wrapper article#loslegen .texte {
    left: 20px;
    width: 420px; }

  #wrapper article#footer .col2 .abstand {
    height: 60px; }

  #wrapper header nav > ul > li:first-child {
    margin: 0; } }
/* ------------------------------ iPAD */
/*@media only screen and (max-width: 960px)*/
@media only screen and (max-width: 960px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #wrapper header nav {
    width: 695px;
    left: calc(50% - 348px); }
  #wrapper header nav > ul > li {
    margin: 0 0 0 6px; }
    #wrapper header nav > ul > li.space {
      margin-right: 9px; }
    #wrapper header nav > ul > li.space2 {
      margin-right: 17px; }
    #wrapper header nav > ul > li .bg {
      width: 91px; }
  #wrapper .menu-button-18-std {
    font-size: 15px; }
  #wrapper .schlaues-haus {
    width: 75px; }
  #wrapper article section {
    width: 695px; }
  #wrapper article#schlau #haus1-1 {
    left: 222px; }
  #wrapper article#schlau #haus1-2 {
    left: 310px; }
  #wrapper article#schlau #haus1-3 {
    left: 237px; }
  #wrapper article#schlau #haus1-4 {
    left: 492px; }
  #wrapper article#schlau #iconEnv {
    left: 180px; }
  #wrapper article#schlau #weg1 {
    left: 125px; }
  #wrapper article#schlau .autoEnv {
    left: -70px; }
  #wrapper article#schlau #txt1 {
    left: 167px; }
  #wrapper article#beraten #haus2 {
    left: 60px; }
  #wrapper article#beraten #bubbleEnv {
    left: 93px; }
  #wrapper article#beraten #weg2 {
    left: 462px; }
  #wrapper article#planen #haus3 {
    left: 80px; }
  #wrapper article#planen #haus3-1 {
    left: 80px; }
  #wrapper article#loslegen .texte {
    left: 6px; }
  #wrapper article#loslegen #weg3 {
    top: -292px;
    left: 15px; }
  #wrapper article#loslegen #haus4 {
    top: 262px;
    left: 98px; }
  #wrapper article#loslegen #haus4-1 {
    left: 407px; }
  #wrapper article#loslegen #haus4-2 {
    top: 302px;
    left: 410px; }

  #hidden-kontakt {
    width: 90%; } }
@media (max-width: 700px) {
  #wrapper header nav {
    width: 570px;
    left: calc(50% - 285px); }
  #wrapper header nav > ul > li.call.link {
    display: none; }
  #wrapper header nav > ul > li.elektro {
    display: none; }
  #wrapper article section {
    width: 570px; }
  #wrapper article#schlau {
    padding-top: 60px; }
    #wrapper article#schlau .texte {
      top: 104px; }
    #wrapper article#schlau #sonne {
      top: 90px;
      right: -210px; }
    #wrapper article#schlau #sonneGesicht {
      top: 367px; }
    #wrapper article#schlau #iconEnv {
      top: 329px;
      left: 52px; }
    #wrapper article#schlau #haus1-1 {
      top: 424px;
      left: 112px; }
    #wrapper article#schlau #haus1-2 {
      left: 210px; }
    #wrapper article#schlau #haus1-3 {
      left: 137px; }
    #wrapper article#schlau #haus1-4 {
      left: 392px; }
    #wrapper article#schlau .autoEnv {
      left: -180px; }
    #wrapper article#schlau #weg1 {
      left: 18px; }
    #wrapper article#schlau #txt1 {
      left: 56px; }
  #wrapper article#beraten .texte {
    top: 21px;
    left: 186px; }
  #wrapper article#beraten #haus2 {
    left: -47px; }
  #wrapper article#beraten #bubbleEnv {
    left: -13px; }
  #wrapper article#beraten #weg2 {
    top: 763px;
    left: 321px; }
  #wrapper article#planen #vogel3 {
    display: none; }
  #wrapper article#planen #haus3 {
    top: 283px;
    left: 0; }
  #wrapper article#planen #haus3-1 {
    top: 283px;
    left: 0; }
  #wrapper article#loslegen #weg3 {
    top: -273px;
    left: -14px; }
  #wrapper article#loslegen .texte {
    left: 6px;
    width: 466px; }
  #wrapper article#loslegen #haus4 {
    top: 289px;
    left: 50px; }
  #wrapper article#loslegen #haus4-1 {
    top: 100px;
    left: 363px; }
  #wrapper article#loslegen #haus4-2 {
    top: 329px;
    left: 362px; }

  #hidden-kontakt {
    width: 96%; }
    #hidden-kontakt #kontaktform ul li {
      width: 100%; }
    #hidden-kontakt #kontaktform ul input {
      width: 100%; } }
/* ------------------------------- iPHONE */
@media (max-width: 560px), (device-height: 568px) and (device-width: 320px) {
  #wrapper header nav {
    width: 100%;
    left: 0; }
    #wrapper header nav ul li {
      display: none; }
      #wrapper header nav ul li.space {
        margin-right: 3px; }
      #wrapper header nav ul li:first-child, #wrapper header nav ul li:last-child {
        display: block; }
    #wrapper header nav #mobilemenu {
      display: block; }
  #wrapper .schlaues-haus {
    width: 90px;
    margin-left: 2%; }
  #wrapper article section {
    width: 100%; }
  #wrapper article #wolke1, #wrapper article #wolke3, #wrapper article #wolke4, #wrapper article #wolke5, #wrapper article #wolke6, #wrapper article #wolke10, #wrapper article #wolke14, #wrapper article #wolke15, #wrapper article #wolke19, #wrapper article #vogel4, #wrapper article #schmetterling {
    display: none; }
  #wrapper article#schlau {
    padding-top: 0; }
    #wrapper article#schlau section {
      height: 900px; }
    #wrapper article#schlau #sonneGesicht {
      top: 420px; }
    #wrapper article#schlau #haus1-1 {
      width: 492px; }
    #wrapper article#schlau #haus1-2 {
      width: 357px; }
    #wrapper article#schlau #haus1-3 {
      width: 77px; }
    #wrapper article#schlau #haus1-4 {
      width: 34px; }
    #wrapper article#schlau #hausEnv {
      top: 100px;
      left: -100px; }
    #wrapper article#schlau #weg1 {
      display: none; }
    #wrapper article#schlau .texte {
      left: 0;
      width: 96%;
      padding: 0 2%; }
    #wrapper article#schlau #vogel1 {
      display: none; }
    #wrapper article#schlau #auto1 {
      display: none; }
    #wrapper article#schlau #txt1 {
      font-size: 12px;
      top: 830px;
      left: 2%;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    #wrapper article#schlau #sonne {
      top: 155px; }
    #wrapper article#schlau #iconEnv {
      top: 386px;
      left: -130px; }
  #wrapper article#beraten h2, #wrapper article#beraten p {
    color: #007da4; }
  #wrapper article#beraten section {
    height: 800px; }
  #wrapper article#beraten #weg2 {
    display: none; }
  #wrapper article#beraten .texte {
    left: 0;
    width: 96%;
    padding: 0 2%; }
    #wrapper article#beraten .texte h2, #wrapper article#beraten .texte p {
      color: #fff; }
  #wrapper article#beraten #haus2 {
    width: 540px;
    top: 260px;
    left: 10px; }
  #wrapper article#beraten #bubbleEnv {
    top: 250px;
    left: 10px; }
  #wrapper article#beraten #vogel2 {
    display: none; }
  #wrapper article#planen section {
    height: 800px; }
  #wrapper article#planen .texte {
    left: 0;
    width: 96%;
    padding: 0 2%; }
  #wrapper article#planen #haus3 {
    width: 200%;
    max-width: 780px;
    top: 250px;
    left: -320px; }
  #wrapper article#planen #haus3-1 {
    width: 200%;
    max-width: 780px;
    top: 250px;
    left: -320px; }
  #wrapper article#loslegen section {
    height: 1070px; }
  #wrapper article#loslegen #weg3 {
    display: none; }
  #wrapper article#loslegen .texte {
    left: 0;
    width: 96%;
    padding: 0 2%; }
  #wrapper article#loslegen #haus4 {
    left: -111px;
    top: 320px;
    width: 600px; }
  #wrapper article#loslegen #haus4-1 {
    left: 190px;
    top: 150px;
    width: 169px; }
  #wrapper article#loslegen #haus4-2 {
    left: 192px;
    top: 359px;
    width: 167px; }
  #wrapper article#footer {
    font-size: 12px;
    padding: 0 2%; }
    #wrapper article#footer section .col2 {
      margin: 0;
      padding-bottom: 30px; }
      #wrapper article#footer section .col2 li {
        margin: 0 0 20px 0;
        float: none;
        width: 100%; }
    #wrapper article#footer section .col3 {
      column-count: 1; }
    #wrapper article#footer section .col2-3 li {
      margin: 0 0 20px 0;
      width: 100%;
      float: none; }
      #wrapper article#footer section .col2-3 li.small {
        width: 100%; }
    #wrapper article#footer section .col2 .abstand,
    #wrapper article#footer section .col3 .abstand {
      display: none; }

  #hidden-kontakt {
    padding: 23px;
    width: 100%;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    #hidden-kontakt .head {
      font-size: 12px; } }
/* -------------------------------  small phone */

/*# sourceMappingURL=responsive.css.map */