body {
      background: #fff;
      color: #000;
      margin: 0;
	  font-family: 'cdr', sans-serif;
  }
  a:link {
      color: #000000;
      text-decoration: none;
  }
  a:visited {
      color: #000000;
      text-decoration: none;
  }
  .outer_container {
      min-height: 100vh;
	  min-width: 100vw;
      position: relative;
	  width:100%;
  }
  .navi {
      top: 0;
      width: 100%;
      height: 116px;
      position: relative;
      background-image: url(../navi_bg.jpg);
      background-repeat: repeat-x;
	  margin:auto;
  }
  .logo {
      width: 459px;
      height: 116px;
      background-image: url(../logo.jpg);
      background-repeat: no-repeat;
      position: relative;
	  margin:left;
  }
    .logo_m {
      width: 459px;
      height: 110px;
      background-image: url(../logo_m.jpg);
      background-repeat: no-repeat;
      position: relative;
	  margin:left;
	  left:110px;
  }
  .home {
      width: 150px;
      height: 80px;
      text-align: center;
      position: relative;
      top: 25px;
      background-color: #cc48cc;
	  float: left;
  }
  .home_t {
      width: 150px;
      height: 80px;
      text-align: center;
      top: 10px;
      color: #ffffff;
      font-family: 'cdr_b', sans-serif;
      font-size: 50px;
      z-index: 999;
      position: relative;
  }
  .leistungen {
      width: 280px;
      height: 80px;
      text-align: center;
      position: relative;
      top: 25px;
      background-color: #ffffff;
	  float: left;
  }
  .leistungen_t {
      width: 280px;
      height: 80px;
      text-align: center;
      top: 10px;
      color: #000000;
      font-family: 'cdr', sans-serif;
      font-size: 50px;
      position: relative;
  }
    .unternehmen {
      width: 360px;
      height: 80px;
      text-align: center;
      position: relative;
      top: 25px;
      background-color: #ffffff;
	  float:left;
  }
  .unternehmen_t {
      width: 360px;
      height: 40px;
      text-align: center;
      position: relative;
      top: 10px;
      color: #000000;
      font-family: 'cdr', sans-serif;
      font-size: 50px;
      z-index: 999;
      position: relative;
  }
  
  .leistungen_dd {
      width: 280px;
      text-align: center;
      position: absolute;
      right: 330px;
      top: 90px;
      z-index: 998;
      font-family: 'cdr_b', sans-serif;
      font-size: 14px;
  }
  .leistungen_dd_0 {
      z-index: 999;
      height: 25px;
      margin-top: 1px;
  }
  .leistungen_dd_1 {
      background-image: url(../bg_30.png);
      z-index: 998;
      height: 25px;
      margin-top: 1px;
  }
  .leistungen_dd_2 {
      background-image: url(../bg_30.png);
      z-index: 998;
      height: 25px;
      margin-top: 1px;
  }
  .leistungen_dd_3 {
      background-image: url(../bg_30.png);
      z-index: 998;
      height: 25px;
      margin-top: 1px;
  }
  .leistungen_dd_4 {
      background-image: url(../bg_30.png);
      z-index: 998;
      height: 25px;
      margin-top: 1px;
  }
  .leistungen_dd_5 {
      background-image: url(../bg_30.png);
      z-index: 998;
      height: 25px;
      margin-top: 1px;
  }
    .leistungen3_bilder {
      width: 980px;
      height: 210px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
	  margin-top:50px;
	  text-align:center;
	  	  color:#000000;
	  font-size:20px;
  }
  .leistungen4_bilder {
      width: 980px;
      height: 210px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
	  margin-top:50px;
	  text-align:center;
	  	  font-size:20px;
	  color:#000000;
  }
    .leistungen5_bilder {
      width: 980px;
      height: 210px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
	  margin-top:50px;
	  text-align:center;
	  	  font-size:20px;
	  color:#000000;
  }
      .leistungen1_bilder {
      width: 980px;
      height: 210px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
	  margin-top:50px;
	  text-align:center;
	  font-size:20px;
	  color:#000000;
  }
        .leistungen2_bilder {
       width: 980px;
      height: 210px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
	  margin-top:10px;
	  text-align:center;
	  color:#000000;
	  font-size:20px;
  }
	.leistungen5_bild_1 {width: 450px; height: 315px; float: left;  }
	.leistungen5_bild_2 {width: 450px; height: 315px; float: left; margin-left: 40px; }
	.leistungen5_bild_3 {width: 450px; height: 315px; float: left; margin-top: 60px;}
	.leistungen5_bild_4 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px;}
	
	.leistungen4_bild_1 {width: 450px; height: 315px; float: left;  }
	.leistungen4_bild_2 {width: 450px; height: 315px; float: left; margin-left: 40px;  }
	
	.leistungen3_bild_1 {width: 450px; height: 315px; float: left;  }
	.leistungen3_bild_2 {width: 450px; height: 315px; float: left; margin-left: 40px; }
	.leistungen3_bild_3 {width: 450px; height: 315px; float: left; margin-top: 60px;}
	.leistungen3_bild_4 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px;}
	.leistungen3_bild_5 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	.leistungen3_bild_6 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	.leistungen3_bild_7 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	
	.leistungen1_bild_1 {width: 450px; height: 315px; float: left;  }
	.leistungen1_bild_2 {width: 450px; height: 315px; float: left; margin-left: 40px; }
	.leistungen1_bild_3 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	.leistungen1_bild_4 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px;}
	.leistungen1_bild_5 {width: 450px; height: 315px; float: left; float: left; margin-top: 60px; }
	.leistungen1_bild_6 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	.leistungen1_bild_7 {width: 450px; height: 315px; float: left; float: left; margin-top: 60px; }
	.leistungen1_bild_8 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	.leistungen1_bild_9 {width: 450px; height: 315px; float: left; float: left; margin-top: 60px; }
	.leistungen1_bild_10 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	
	.leistungen2_bild_1 {width: 450px; height: 315px; float: left;  }
	.leistungen2_bild_2 {width: 450px; height: 315px; float: left; margin-left: 40px; }
	.leistungen2_bild_3 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	.leistungen2_bild_4 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	.leistungen2_bild_5 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px;}
	.leistungen2_bild_6 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	.leistungen2_bild_7 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px; }
	.leistungen2_bild_8 {width: 450px; height: 315px; float: left; margin-top: 60px;  }
	.leistungen2_bild_9 {width: 450px; height: 315px; float: left; margin-top: 60px; margin-left: 40px;}
	.leistungen2_bild_10 {width: 450px; height: 315px; float: left;  margin-top: 60px;}
	.leistungen2_bild_11 {width: 450px; height: 315px; float: left; margin-top: 60px;  margin-left: 40px; }
	.leistungen2_bild_12 {width: 450px; height: 315px; float: left; margin-top: 60px; }
	

  .referenz {
      width: 140px;
      height: 80px;
      text-align: center;
      position: relative;
      top: 25px;
      background-color: #ffffff;
	  float:left;
  }
  .referenz_t {
      width: 140px;
      height: 40px;
      text-align: center;
      position: relative;
      top: 10px;
      color: #000000;
      font-family: 'cdr', sans-serif;
      font-size: 50px;
      z-index: 999;
      position: relative;
  }
  .kontakt {
      width: 110px;
      height: 40px;
      text-align: center;
      position: absolute;
      right: 30px;
      top: 65px;
      background-color: #ffffff;
  }
  .kontakt_t {
      width: 110px;
      height: 40px;
      text-align: center;
      position: absolute;
      top: 10px;
      color: #000000;
      font-family: 'cdr', sans-serif;
      font-size: 19px;
      z-index: 999;
      position: relative;
  }
  .tile {
      position: relative;
      float: left;
      width: 100%;
      height: 400px;
      overflow: hidden;
	  background-image:url(../head.jpg);
	  background-size:cover;
  }
  .photo {
      position: relative;
      top: 200;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      transition: transform .9s ease-out;
  }
  .content_bg {
      width: 100%;
      height: 10px;
      background-image: url(../content_bg_top.jpg);
      background-repeat: repeat-x;
      position: relative;
      margin-top: 400px;
  }
  .content {
      margin-top: 0px;
	  margin-bottom: 150px;
      margin-left: auto;
      margin-right: auto;
      width: 80%;
	  min-height:100%;
	  
  }
  .content_unternehmen {
      margin-top: 0px;
      margin: auto;
      width: 90%;
      position: relative;
      height: 2800px;
  }
  .content_referenzen {
      margin-top: 0px;
      margin:auto;
      width: 820px;
      position: relative;
      height: 3200px;
  }
  .content_kontakt {
      margin-top: 0px;
      margin: auto;
      width: 85%;
      position: relative;
      height: 950px;
  }
  .content_impressum {
      margin-top: 0px;
      margin:auto;
      width: 95%;
      position: relative;
      height: 2300px;
	  
  }
    .content_impressum_2 {
      margin-top: 0px;
      margin:auto;
      width: 70%;
      position: relative;
      height: 500px;
  }
  .content_leistungen_1 {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 98%;
      position: relative;
      height: 2800px;
  }
  .content_leistungen_2 {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 98%;
      position: relative;
      height: 3100px;
  }
  .content_leistungen_3 {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 98%;
      position: relative;
      height: 3000px;
  }
  .content_leistungen_4 {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 98%;
      position: relative;
      height: 1300px;
  }
  .content_leistungen_5 {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 98%;
      position: relative;
      height: 1200px;
  }
  .content_philosophie {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 70%;
      position: relative;
      height: 600px;
  }
  .text_willkommen {
      width: 100%;
      height: 50px;
      text-align: center;
      position: relative;
      margin-top: 50px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 38px;
	  
  }
  .text_willkommen_1 {
      width: 100%;
      height: 450px;
      position: relative;
      margin-top: 100px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
  }
    .text_willkommen_3 {
      width: 100%;
      height: 50px;
      margin-top: 300px;
      text-align: center;
      position: relative;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
  }
  .home_bild {
      width: 450px;
      height: 299px;
      position: absolute;
      z-index: 998;
      background-image: url(../home_1.png);
      background-repeat: no-repeat;
      margin-top: 150px;
      right: 0%;
  }
  .text_bilder {
      width: 1030px;
      height: 145px;
      position: relative;
      z-index: 999;
      margin-left: auto;
      margin-right: auto;
  }
  .text_bild_1 {
      width: 145px;
      height: 145px;
      float: left;
  }
  .text_bild_2 {
      width: 145px;
      height: 145px;
      float: left;
      margin-left: 30px;
  }
  .text_bild_3 {
      width: 145px;
      height: 145px;
      float: left;
      margin-left: 30px;
  }
  .text_bild_4 {
      width: 145px;
      height: 145px;
      float: left;
      margin-left: 30px;
  }
  .text_bild_5 {
      width: 145px;
      height: 145px;
      float: left;
      margin-left: 30px;
  }
    .text_bild_6 {
      width: 145px;
      height: 145px;
      float: left;
      margin-left: 30px;
  }

  .footer {
      height: 100px;
      background-image: url(../bg_footer.jpg);
      background-repeat: no-repeat;
	  background-size:cover;
      width: 100%;
      position: fixed !important;
      bottom:0px !important;
	  margin-bottom:0px;
	  z-index:9999;
	  
  }
  .footer_text {
      color: #000;
      font-family: "cdr";
      font-size: 32px;
      margin-left: 20px;
      top: 0px;
      position: relative;
      float: left;
      line-height: 1.5;
  }
  .footer_text_r {
      color: #000;
      font-family: "cdr";
      font-size: 32px;
      margin-right: 20px;
      top: 0px;
      position: relative;
      float: right;
      line-height: 1.5;
  }
  .unternehmen_schwerpunkte {
      width: 100%;
      position: relative;
      margin:auto;
  }
  .unternehmen_schwerpunkte_1 {
      width: 49%;
      height: 550px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .unternehmen_schwerpunkte_2 {
      width: 49%;
      height: 550px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .unternehmen_schwerpunkte_3 {
      width: 49%;
      height: 350px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .unternehmen_schwerpunkte_4 {
      width: 49%;
      height: 550px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .unternehmen_schwerpunkte_5 {
      width: 49%;
      height: 550px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .unternehmen_schwerpunkte_6 {
      width: 49%;
      height: 350px;
      float: left;
      font-family: "cdr";
      font-size: 27px;
      text-align: center;
      background-color: #f4f4f4;
      margin: 2px;
  }
  .referenzen_1 {
      width: 400px;
      position: relative;
      float: left;
  }
  .referenzen_2 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
  }
  .referenzen_3 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_4 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_5 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_6 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_7 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_8 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_9 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_10 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_11 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_12 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_13 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_14 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_15 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_16 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .referenzen_17 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 0px;
	  margin-top: 15px;
  }
  .referenzen_18 {
      width: 400px;
      position: relative;
      float: left;
      margin-left: 20px;
	  margin-top: 15px;
  }
  .text_referenzen_1 {
      width: 860px;
      height: 250px;
      position: relative;
      top: 100px;
      margin-left: auto;
      margin-right: auto;
  }
  .text_referenzen_2 {
      width: 860px;
      height: 150px;
      position: relative;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
  }
  .text_referenzen_3 {
      width: 860px;
      height: 150px;
      position: relative;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
  }
  .text_referenzen_4 {
      width: 860px;
      height: 150px;
      position: relative;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
  }
  .text_referenzen_5 {
      width: 860px;
      height: 150px;
      position: relative;
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
  }
    .text_small {
      color: #000000;
      font-family: "pt_sans";
      font-size: 12px;
  }
  .text_kontakt_0 {
      width: 100%;
      height: 450px;
      position: relative;
      top: 100px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 18px;
	  margin:auto;
  }
    .text_kontakt_1 {
      width: 50%;
      height: 500px;
      position: relative;
      margin-top: 0px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
	  float:left;
	  margin:auto;
	  
  }
  .text_kontakt_2 {
      width: 50%;
      height: 500px;
      position: relative;
	  float: left;
	  margin-top: 0px;
	  margin:auto;
  }
  .kontaktformular_felder {
      text-align: left;
      margin-left: 0px;
      margin-top: 0px;
  }
  .kontaktformular_eingabe {
      height: 35px;
      width: 90%;
      font-family: "pt_sans";
      font-size: 20px;
      border: 1px solid #386884;
      border-radius: 3px;
      background-color: #eff4f6;
      color: #000;
      margin-top: 7px;
  }
  .kontaktformular_eingabe_gross {
      height: 200px;
      width: 90%;
      font-family: "pt_sans";
      font-size: 20px;
      border: 1px solid #386884;
      border-radius: 3px;
      background-color: #eff4f6;
	  background-image:url(../bg_contact.jpg);
	  background-position:center;
	  background-repeat:no-repeat;
      color: #000;
      margin-top: 5px;
      resize: none;
  }
  .kontaktformular_eingabe:focus{
	     background-color: #e6ebee;
	  }
  .kontaktformular_eingabe_gross:focus {
      background-color: #e6ebee;
	  background-image:url(../bg_contact_a.jpg);
	  background-position:center;
	  background-repeat:no-repeat;
  }
  .kontaktformular_buttons {
      float: left;
      margin-left: 0px;
      margin-top: 20px;
  }
  .kontaktformular_buttons_style {
      height: 32px;
      font-family: "pt_sans";
      font-size: 24px;
      border: 1px solid #a3a3a3;
      border-radius: 3px;
      background-color: #eff4f6;
      color: #000000;
      margin-top: 5px;
  }
  *::-webkit-input-placeholder {
      color: #929292;
  }
  *:-moz-placeholder {
      /* FF 4-18 */
      
      color: #929292;
  }
  *::-moz-placeholder {
      /* FF 19+ */
      
      color: #929292;
  }
  *:-ms-input-placeholder {
      /* IE 10+ */
      
      color: #929292;
  }
  #status {
      font-family: "pt_sans";
      font-size: 14px;
      color: #9de71f;
  }
  .pfeil {
      width: 43px;
      height: 43px;
      background-image: url(../pfeil.png);
      right: 10px;
      bottom: 50px;
      position: fixed;
      z-index: 999;
  }
   .text_impressum_1 {
      width: 500px;
      height: 400px;
      position: relative;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
	  float: left;
  }
     .text_impressum_2 {
      width: 900px;
      height: 700px;
      position: relative;
      top: 100px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
	  float: left;
  }
  
   .text_leistungen_1 {
      width: 100%;
      height: 630px;
      position: relative;
      top: 100px;
      color: #000000;
      font-family: "pt_sans";
      font-size: 28px;
  }
#googleMap
{
	width: 100%;
	height: 600px;
	position: relative;
	margin-top:0px;
	z-index:999;
	margin:auto;
}
   .karte {
 width:95%;
 height:700px;
top:50px;
margin:auto;
position:relative;
  }
  /* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block }
    #nav { display: none }
}