/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


html {background-image:url(../img/beton.png);}

body {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #333;
  font-family: 'Quicksand', sans-serif;
  width: 100%;
  position: relative;
   top: -140px !important;
  text-shadow: 0 1px 1px #ccc;
  position:relative;
  left:100px;
  margin-left:80px;
  font-weight:400 !important;
  background-image:url(../img/beton.png);

 
}

.margin-top{
	
	margin-top:200px;
	
	}



.tapete_start{
 font-size:10px;
position:relative;
  left:10px;
    top:160px;
	
}
  

 
.tapete{
 font-size:1rem;
letter-spacing:0.5px;

}
  
.breite{
	padding-left:170px;
	
	}

#display_kontakt {
  display: none;
}

.nachoben {
  font-size: 1em;
  float: left;
  color: red;
  position: relative;
  top:0px;
  left: 250px;
  z-index: 11000;
  text-shadow: none;
}

.fa-arrow-up {
  color: red;
  font-size: 1em !important;
}

.claim-start{
position:relative;
left: 160px;
top:40px;
font-size:1.2rem;
line-height:15px;
}


.claims{

position:relative;
left:10px;
top:0px;
font-size:1.2rem;
text-align:left;
line-height:15px;
max-width:500px;
}

.claim-start{
	position:relative;
	left: -530px;
	top:40px;
	font-size:1.2rem;
	line-height:15px;
        float:right


	}


.claims{

position:relative;
left:-10px;
top:0px;
font-size:1.2rem;
text-align:left;
line-height:15px;
max-width:500px;
float:right
}


.form{ 

position:relative;
left:800px;
top:-200px;
color:#666;
z-index:1000;


}

.start-section {
  position: relative;
}

input, select, textarea {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px!important;
  border-radius: 3px!important;
  border: 1px solid #666!important;
  max-width: 150px!important;
  color:#f00;
}

ul {
  list-style-type: square;
/*list-style-image: url(../img/square.png);*/;
}

.fa {
}

.fa-play {
  color: red;
  font-size: 10px !important;
}

.nav>li>a {
  padding: 28px 33px 30px 18px !important;
  font-size: 1.2em;
}

.nav>li {
  
  margin-left:-36px;
}

.nav {
  margin-left: 180px;
  letter-spacing:1px;
}

.navlist .fa {
  font-size: 20px !important;
}

.navbar-collapse {
  max-height: 200px !important;
}

.img {
  width: 50%;
  max-width: 250px;
  border: 1px solid #fff;
  margin-right: 10px;
  margin-top: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.row div {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

p {
  text-align: justify!important;
}

.eck {
  position: absolute;
  left: 880px;
  top: -140px;
  z-index: 5;
   width:14%;
}

#logolayer_u{
  position: relative;
  left: 170px;
  top: 166px;
  z-index: 5;
  max-width:96px;
  width:100%;
   
}

#logolayer_7{
  position: relative;
  left:600px;
  top: 166px;
  z-index: 5;
  max-width:96px;
  width:100%;
 }



.kontakt_start {
  position: relative;
   left: 305px;
  top: 50px;
  z-index: 10000;
}


.kontakt {
  position: relative;
  left:-380px;
  top: 50px;
  z-index: 100 !important;
}

#adresse {
  font-size:10px;
  position:relative;
  left:160px;
  top:0px;
}



html {
  width: 100%;
  height: 100%;
}

h1,
h2,
h3,

h5,
h6 {
  margin: 0 0 35px;
  
 
  letter-spacing: 1px;
}

h3 {
   font-size: 16px;
  	font-weight:700;
  	font-family:Arial, Helvetica, sans-serif;
  	color:#000;
}

#text1 h3, #kontakt h3  {
  font-size: 12px;
  	font-weight:bold;
	letter-spacing:4px;
	margin-left:-20px;
}

.number{
	font-size: 57px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold !important;
	color:#000;
	}
	
	.point{
	font-size: 102px;
	font-weight:700;
	font-family: 'Quicksand', sans-serif;
	letter-spacing:-7px;
    color:#000;
	
	}

#text1,
#text2,
#text3,
#text4,
#text5,
#text6,
#vita,
#log,
#faq,
#kontakt
 {
  margin-bottom: 80px;
  margin-top: 20px;
  max-width: 1400px;
  width: 100%;
  height: 790px;

 
  
}

#text1 p,
#text2 p,
#text3 p,
#text4 p,
#text5 p,
#text6 p,
#vita p,
#log p,
#faq p,
#termine p,
#kontakt p ,
#download p{

  position:relative;
  left:-25px;
   top:-130px;
font-size:1rem;
 
}



#kontakt p{
 margin-left:30px
}

#kontakt h3{
  margin-left:-30px
}

p {
  font-size: 12px;
  max-width: 500px;
}

.play{
	margin-left:70px; 
	margin-top:-70px;
	
	}


.bglink1 {
  background-image: url(../img/btn_1.png);
  background-repeat: no-repeat;
}

.bglink2 {
  background-image: url(../img/btn_2.png);
  background-repeat: no-repeat;
}

.bglink3 {
  background-image: url(../img/btn_3.png);
  background-repeat: no-repeat;
background-position:2px 0px;
 
}

.bglink4 {
  background-image: url(../img/btn_4.png);
  background-repeat: no-repeat;
  background-position:6px 0px;
}

.bglink5 {
  background-image: url(../img/btn_4.png);
  background-repeat: no-repeat;
}

.navbar-custom a:focus {
  background-color: transparent !important;
}

#text1 {
  background-image: url(../img/bg_start.png);
  background-repeat: no-repeat;
  background-position: center;
   background-position: fixed;
    background-size:1550px 970px;
}

#text2 {
  background-image: url(../img/bg_1.png);
  background-repeat: no-repeat;
   background-position:-70px -90px;
    background-size:1550px 970px;
	
}

#text3 {
  background-image: url(../img/bg_2.png);
  background-repeat: no-repeat;
  background-position:-70px -90px;
    background-size:1550px 970px;
}

#text4 {
  background-image: url(../img/bg_3.png);
  background-repeat: no-repeat;
   background-position:-70px -90px;
    background-size:1550px 970px;
}

#text5 {
  background-image: url(../img/bg_4.png);
  background-repeat: no-repeat;
   background-position:-70px -90px;
    background-size:1550px 970px;
}

#kontakt {
  background-image: url(../img/bg_start.png);
  background-repeat: no-repeat;
  background-position: center;
   background-size:1550px 970px;
}

.videobutton{

background-image:url(../img/button.png); 
padding:10px 20px; 
background-repeat:no_repeat; 
background-color:transparent; 
border:none; color:#fff; 
position:absolute; 
top:-76px; 
left:245px;



}


#Video1{
	 margin-left: 160px;
	
	}

.video {
   max-width: 500px;
  width:50%;
  margin-left: 150px;
  margin-top: -34px;
  position: relative;
  z-index: 900;
  min-width:500px;
  min-height:300px;
}
.logo {
  max-width: 500px;
  width: 100%;
  margin-left: -20px;
  margin-top: 156px;
  position: relative;
  z-index: 1900;
}

#kontakt .logo {
  max-width: 500px;
  width: 100%;
  /*margin-left: 30px;*/
  margin-top: 156px;
  position: relative;
  z-index: 900;
}

p {
  margin: 0 0 15px;
}

a {
  color: #666;
  font-size: 1.4rem;
  font-weight: bold;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #900;
}

.light {
  font-weight: 400;
}

.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  background-color: rgba(119, 115, 133, 0.7);
  padding-left: 7px;
  white-space: nowrap;
  color: #fff;
  position:fixed;
  z-index:100000;
}

.navbar-custom .navbar-brand {
  font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
  outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
  padding: 4px 6px;
  font-size: 16px;
  color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
  outline: 0;
}

.navbar-custom a {
  color: #fff;
}

.navbar-custom .nav li a {
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
    /*border:1px dotted #000;*/;
}

.navbar-custom .nav li {
  margin-right: 15px;
}

.navbar-custom .nav  {
  margin-right: -50px;
}




.navbar-custom .nav li a:hover {
    /*border:1px dotted #000;*/
  color: f00;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    /*border:1px dotted #000;*/;
}

.navbar-custom .nav li.active {
}

.navbar-custom .nav li.active a {
   /*border:1px dotted #000;*/;
}

.navbar-custom .nav li.active a:hover {
  color: #f00;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.navbar-custom a:hover {
  color: #f00;
  background-color: transparent !important;
}

.intro {
  display: table;
  width: 100%;
  height: 100px;
  padding: 50px 0;
  text-align: center;
  color: #000;
  background-color: #FFF;
  background-size: cover;
  background-repeat: norepeat;
}

.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}

.intro .intro-body .brand-heading {
  font-size: 40px;
}

.intro .intro-body .intro-text {
  font-size: 18px;
}

footer {
  padding: 50px 0;
   margin-left: 190px;
}

footer  {
   
}

::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, .2);
}

::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, .2);
}

img::selection {
  background: 0 0;
}

img::-moz-selection {
  background: 0 0;
}

body {
  webkit-tap-highlight-color: rgba(255, 255, 255, .2);
}

#kontakt .text {
  position: relative;
  left: 60px;
}

#kontakt .container h3 {
  position: relative;
  left: 60px;
   max-width:570px;
  text-shadow:1px 1px 0px #fff;
}

/*****LOGO Anpassung*******************************************************/

@media screen and (min-width: 980px) and (max-width: 1150px) {


   .video {

  
  margin-top:-40px
 
}

}

/*******************************************************************/




/*****LOGO Anpassung*******************************************************/

@media screen and (min-width: 1150px) and (max-width: 1200px) {



#logolayer_u{
  position: relative;
  left: 70px;
top:}

#logolayer_7{
  position: relative;
  left:490px;
  }
    }

/*******************************************************************/


/*****LOGO Anpassung*******************************************************/

@media screen and (min-width: 1080px) and (max-width: 1150px) {


#logolayer_u{
  position: relative;
  left: 70px;}

#logolayer_7{
  position: relative;
  left:460px;}

}

/*******************************************************************/


/*****LOGO Anpassung*******************************************************/

@media screen and (min-width: 980px) and (max-width: 1080px) {



#logolayer_u{
  position: relative;
  left: 70px;}

#logolayer_7{
  position: relative;
  left:480px;
  }
}

/*******************************************************************/


/*****LOGO Anpassung*******************************************************/

@media screen and (min-width: 980px) and (max-width: 992px) {


.video {


margin-left:  -356px !important;
  
 
}
}

/*******************************************************************/
  


/*****min-width: 1200px) and (max-width: 1350px*******************************************************/
@media screen and (min-width: 1200px) and (max-width: 1350px) {
.navbar-custom .nav  {
   margin-right:-90px;
}}



/*****min-width: 1100px) and (max-width: 1350px*******************************************************/
@media screen and (min-width: 1100px) and (max-width: 1350px) {
#adresse {
  font-size:10px;
  position:relative;
  left:100px;
  top:40px;
}

}

/*****min-width: 980px) and (max-width: 1100px*******************************************************/
@media screen and (min-width: 980px) and (max-width: 1100px) {
#adresse {
  font-size:10px;
  position:relative;
  left:10px;
  top:40px;
}

}




/*****max-width: 1200px*******************************************************************************/
@media (max-width: 1200px) {
	
	html {background-image:none;}
	 
  body {
    background-color: #fff;
	background-image:none;
	margin-left:20px;
  }
  
   #Video1{
	 margin-left: 56px;
	
	}


#text1,
#text2,
#text3,
#text4,
#text5
 {
  background-image: none;
  
	
}

.nav {
    position: relative;
    left:60px;
  }
  
   .video {

  margin-left:  56px;
 
}

.video_compl {

 left:-20px;
 
}

.videobutton {
   
    left: 160px;

}

#logolayer_u{
  position: relative;
  left: 70px;
  
 
   
}




 .container p {
    position: relative;
    left: 60px;
  }

  .container h3 {
    position: relative;
   
  }

 /*number*/
#text2 .numb_comp,
#text3 .numb_comp,
#text4 .numb_comp,
#text5 .numb_comp
{
	
	position:relative;
	top:-100px;
	left:-200px;


	
	}
  
 #text1 p,
#text2 p,
#text3 p,
#text4 p,
#text5 p,
#text6 p,
#vita p,
#log p,
#faq p,
#termine p,
#kontakt p ,
#download p{

  position:relative;
  left:15px;
 
}

.logo {
 
  margin-left: -380px;
  
}

.kontakt_start {
  position: relative;
  left: -240px;
  top: 160px;
  z-index: 10000;
}


.kontakt {
  position: relative;
  left: -270px;
  top: 50px;
  z-index: 10000;
}


.claims{

position:relative;
left: -90px;
top:10px;
font-size:11px;
text-align:left;
line-height:15px;
max-width:500px;
}
 }

/*****min-width: 1200px)*******************************************************/
@media (min-width: 1200px) {

  body {
    position: relative;
    left: -80px;
  }

  .col-lg-offset-2 {
    margin-left: 50px !important;
    width: 70%;
  }

  #text1 .container {
    position: relative;
    top: 110px;
    left: -100px;
    width: 900px;
  }

  #text2 .container {
    position: relative;
    top: 280px;
    left: -100px;
    width: 900px;
  }

  #text3 .container {
    position: relative;
    top: 280px;
    left: -100px;
    width: 900px;
  }

  #text4 .container {
    position: relative;
    top: 280px;
    left: -100px;
    width: 900px;
  }

  #text5 .container {
    position: relative;
    top: 280px;
    left: -100px;
    width: 900px;
  }



  .col-lg-8 .col-lg-offset-2 p {
    padding-right:  0px !important;
  }

  .intro {
    background-size: contain;
    background-repeat: repeat-x;
    background-size: 1500px auto;
  }

  .nav {
    position: relative;
    left:-120px;
  }
  
  
#text1 .container h3
{
    position: relative;
  
    top:  0px;
  }
  
 
#kontakt .container h3{
    position: relative;
    
    top:  0px;
  }

.form{position:relative;left: -15px;top:130px;}

  
  }


/*****max-width: 1150px***********************************************************************/
@media screen and (max-width: 1150px) {
 
  
  body {
    background-color: #fff;
	background-image:none;
	margin-left:-20px;
  }


  .eck {
    position: absolute;
    left: 770px;
    top: -130px;
    z-index: 5;
  }
  
.form{position:relative;left: -15px;top:160px;}


}


/*****min-width: 980px) and (max-width: 992px*******************************************************/
@media screen and (min-width: 980px) and (max-width: 992px) {
	
.nav{display:none;}

.claims{

position:relative;
left:-260px;
top:10px;
font-size:11px;
text-align:left;
line-height:15px;
max-width:600px;
}
.kontakt {
 display:none;
}
	
}


@media screen and (max-width: 980px) {
 
 #adresse {
  font-size:10px;
  position:relative;
  left:10px;
  top:40px;
}
 
 
 
  .claims{

position:relative;
left:0px;
top:10px;
font-size:11px;
text-align:left;
line-height:15px;
max-width:600px;
}
.video {
  max-width: 450px;
  margin-left: 150px;
  margin-top: -54px;
  position: relative;
  z-index: 900;
  min-width:400px;
  min-height:200px;
}

.bglink1 {height:40px;}
.bglink2 {height:40px;}
.bglink3 {height:40px;}
.bglink4 {height:40px;}
.bglink5 {height:40px;}

#kontakt .col-md-8{ max-width:600px;}
#kontakt .col-md-2{ width:200px;}
#kontakt .col-md-6{ max-width:400px; text-align:left;}


.claim-start{
position:relative;
left:  0px;
top: 0px;}

.claims{



padding-right:160px;
}

}


/******************min-width: 980px*******************************************************/
@media screen and (min-width: 980px) {
   


 

  #text1 .container {
    position: relative;
    top: 0px;
    left: -100px;
  }

  #text2 .container {
    position: relative;
    top: 0px;
    left: -100px;
  }

  #text3 .container {
    position: relative;
    top: 0px;
    left: -100px;
  }

  #text4 .container {
    position: relative;
    top: 0px;
    left: -100px;
  }

  #text5 .container {
    position: relative;
    top: 0px;
    left: -100px;
  }

  h1 {
    font-size: 52px;
  }

  .claim {
    font-size: 66px;
  }

  .titel {
    width: 900px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
  }

  .titel {
    width: 900px;
  }

  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 32px;
  }

  .claim {
    font-size: 66px;
  }
}





/*****max-width: 980px*******************************************************/
@media screen and (max-width: 980px) {
 
  body {
    background-color: #fff;
	background-image:none;
	margin-left:-70px;
  }
  
.breite{
	padding-left:0px;
	
	}
	
	.logo {
 
 margin-top:-30px;

}
	
	#kontakt .logo {
 
 
 
  margin-bottom: 40px;
  position: relative;
  left:30px;
 
}
	
  /*number*/
#text2 .numb_comp,
#text3 .numb_comp,
#text4 .numb_comp,
#text5 .numb_comp
{
	
	position:relative;
	top:-50px;
	left:-170px;


	
	}


   .logo {
 
  margin-left: -10px;
  
}

.nachoben {
 
  left: -50px;
  top:100px;
 
}


#text2 .videobutton {
   left:20px;
  
 
}

.videobutton {
   
    left: 20px;
    top:100px;

}
.video {
   
    margin-left: 50px;

}

#logolayer_u{
 display:none;
   
}

#logolayer_7{
 display:none;
 
}




  .form{position:relative;left: -15px;top:110px;}

 #text1,
  #text2,
  #text3,
  #text4,
  #text5,
  #text6,
#kontakt {
    background-image: none;
  }
  
  #text2 .tapete {
    display: none;
  }

  #text3 .tapete {
    display: none;
  }

  #text4 .tapete {
    display: none;
  }

  #text5 .tapete {
    display: none;
  }

  .kontakt_start {
    position: fixed;
    left:  70px;
    top:-60px;
    z-index: 11000;
  }

  .kontakt {
    display: none;
  }

  .eck {
    position: absolute;
    left: 500px;
    top: -300px;
    z-index: 5;
  }

  .nav {
    margin-right: 0px;
    min-width: 800px;
  }

  #text1 .container {
    position: relative;
    top: 160px;
  }

  #text2 .container {
    position: relative;
    top: 160px;
  }

  #text3 .container {
    position: relative;
    top: 160px;
  }

  #text4 .container {
    position: relative;
    top: 160px;
  }

  #text5 .container {
    position: relative;
    top: 160px;
  }

  h1 {
    font-size: 52px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 22px;
  }

  .claim {
    font-size: 42px;
  }
  
  
    #text1 h3  {

  margin-left: -80px;
}

.bglink1 {
  background-image: none;
  width:200px;
  
}

.bglink2 {
  background-image: none;
  width:200px;
}

.bglink3 {
  background-image: none;
  width:200px;
 
}

.bglink4 {
  background-image: none;
  width:200px;

}

.bglink5 {
  background-image: none;
  width:200px;

}

.nav {
  
margin-left:-116px;
margin-top:200px;
}

 /*number*/
#text2 .numb_comp,
#text3 .numb_comp,
#text4 .numb_comp,
#text5 .numb_comp
{
	
	position:relative;
	

	
	}
	
	#adresse {
  font-size:10px;
  position:relative;
  left:20px;
  top:-40px;
}


 .tapete{
  display:none;
}

}


/*****min-width: 980px*******************************************************/
@media(min-width:980px) {

    
  .navbar-right {
    margin-right: 22px;
  }

 
  .navbar-custom {
position:relativ;
  	z-index:100;
    padding: 320px 0;
    background-color: transparent;
    border: none;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
  }

  .navbar-custom.top-nav-collapse {
    padding: 0;
  }

  .nav {
    color: #333;
  }

  .intro {
  }

  .intro .intro-body .brand-heading {
    font-size: 100px;
  }

  .intro .intro-body .intro-text {
    font-size: 16px;
  }

  .blog-section {
    width: 100%;
    margin-left: auto;
    margin-rigth: auto;
    padding: 10px 0;
    height: 700px;
    background-: #900;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
}

.content-section {
      /*  padding-top: 120px;*/
  padding-top: 150px;
  margin-top: 70px;
}


@media(max-width:760px) {
body{margin-left:-40px;}

  .eck {
    position: absolute;
    left: 170px;
    top: -170px;
    z-index: 5;
    opacity: 0.4;
  }

  .kontakt {
    display: none;
  }

  .navbar-custom .nav li a {
    background: transparent !important;
    border: none !important;
  }

  .nav>li>a {
    padding: 14px 22px !important;
    font-size: 1.2em;
  }

  .navbar-custom .nav li {
    background: transparent !important;
  }

  #text1,
  #text2,
  #text3,
  #text4,
  #text5,
  #text6 {
    background-image: none;
  }

  .nav {
    position: relative;
    left: 300px;
  }
  
 /*number*/
#text2 .numb_comp,
#text3 .numb_comp,
#text4 .numb_comp,
#text5 .numb_comp
{
	
	position:relative;
	top:-50px;
	left:-170px;


	
	}
}


/*****min-width: 636px) and  max-width:980px*******************************************************/
@media screen and (min-width: 636px)  and (max-width: 980px) {


  #kontakt .text {
    position: relative;
    left: -24px;
  }

 #kontakt  h3 {
    position: relative;
    left: 55px;
  }
  #text1 h3 {
    position: relative;
    left:230px;
  }

  .nav {
    position: relative;
    left: 190px;
    top: -200px;
  }

  #eck {
    position: relative;
    left: -100px;
  }

  .row div {
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
}



/*****min-width: 636px and max-width: 1200px*******************************************************/
@media screen and (min-width: 636px)  and (max-width: 1200px) {



  #text1 h3, #kontakt h3  {
  font-size: 12px;
  font-weight:bold;
  letter-spacing:4px;
 /* margin-left:90px;*/
}

  
}



/*****min-width: 980px and max-width: 1200px*******************************************************/
@media screen and (min-width: 980px)  and (max-width: 1200px) {

.numb{
  	position:relative;
	left:-40px;
	margin-left:-50px;
	}
  
}



/*****min-width: 670px) and (max-width: 980px*******************************************************/
@media screen and (min-width: 670px)  and (max-width: 980px) {


.form{position:relative;left:22px;top:190px;}
	
}


/*****min-width: 670px*******************************************************/
@media screen and (max-width: 670px) {

#kontakt .col-md-8{ max-width:600px; }
#kontakt .col-md-2{width:200px; left:-20px;}
#kontakt .col-md-6{ max-width:600px; text-align:left; left:-20px;}

  #text2,
  #text3,
  #text4,
  #text5,
  #text6,
  #kontakt

{ position:relative;
  top:-500px;

  }

  #Video1 {
  position:relative;
left:-100px;
  background-color:#fff;
  }

 .numb{
  	position:relative;
	left:-640px;
	margin-left:-50px;
	}

.video {
  max-width: 450px;
  margin-left: 150px;
  margin-top: -54px;
  position: relative;
  z-index: 900;
  min-width:100px;
  min-height:100px;
}

.videobutton {
   left:  0px;
   top:-40px;
   background-size:60%;
   width:10px;
   background-repeat:no-repeat;
}
 /*number*/
#text2 .container h3,
#text3 .container h3,
#text4 .container h3,
#text5 .container h3
{
	
	position:relative;
	top:-20px;
	left:11px;

	
	}

	
	.container p {
    position: relative;
    left: 0px;
  }

   .container h3 {
    position: relative;
    left:  60px;
  }

   .form {
    margin-left: 60px;
  }
  
  #text1 .tapete {
    position:relative;
    top:-20px;
left:-10px;
  }

  #text2 .tapete {
    display: none;
  }

  #text3 .tapete {
    display: none;
  }

  #text4 .tapete {
    display: none;
  }

  #text5 .tapete {
    display: none;
  }


  #text1 .container {
    position: relative;
    top: -160px;
  }

  #text2 .container {
    position: relative;
    top: -100px;
  }

  #text3 .container {
    position: relative;
    top: -100px;
  }

  #text4 .container {
    position: relative;
    top: -100px;
  }

  #text5 .container {
    position: relative;
    top: -100px;
  }

 

  .kontakt_start {
   
  }

  .kontakt {
    display: none;
  }

  #display_kontakt {
    display: block;
  }

  .start-section {
    position: relative;
    top: -400px;
  }

  .design-section {
    position: relative;
    top: -400px;
  }

  .will-section {
    position: relative;
    top: -400px;
  }

  .gesehen-section {
    position: relative;
    top: -400px;
  }

  .werden-section {
    position: relative;
    top: -400px;
  }

  #kontakt .text {
    position: relative;
    left: -24px;
  }

  #kontakt .container h3 {
    position: relative;
    
  }

 .video {
    margin-left:-20px;
    margin-top:30px;
  }

   .eck {
    position: relative;
    left: 50px;
    top: 10px;
    z-index: 5;
    width:100%;
    max-width:200px;
  }

  .nav {
    position: relative;
    left: 0px;
	 top:50px;
  }
/*.navbar-custom {
 
  height:260px;
}*/



  .navbar-custom .nav li {
    background: transparent;
  }

  .navbar-custom .nav li a {
    border: none !important;
  }

  .nav {
    background-color: transparent;
    margin-left: 0px;
  }

  .navbar-right {
    margin-left: 1% !important;
  }

  .navlist {
    display: none;
  }

  .titel h1 {
    display: none;
  }

  .display {
    display: none;
  }

  h1 {
    font-size: 16px;
  }

  h2 {
    font-size: 12px;
  }

  h3 {
    font-size: 12px;
  }

  .img {
    width: 50%;
    max-width: 100px;
    border: 1px solid #fff;
    margin-right: 10px;
    margin-top: 10px;
  }

  .row div {
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }

  .navbar-right {
    clear: both !important;
    margin-left: 0% !important;
  }
   .form{position:relative;left: -75px;top:110px;}
}





/*****min-width: max-width: 636px*******************************************************/
@media screen and (max-width: 636px) {
	
body{margin-left:-90px;}

.nachoben {
 
left: -50px;
 
top:-50px;
}

#text1 h3, #kontakt h3 {
     -10px;
}

.nav {
  

margin-top:-100px;
}




.navbar-toggle {
    position: relative;
   
    z-index: 11111;
}


 #text1 p,
#text2 p,
#text3 p,
#text4 p,
#text5 p,
#text6 p,
#vita p,
#log p,
#faq p,
#termine p,
#kontakt p ,
#download p{position:relative;left:15px; top:30px;}

.bglink1 {height:50px;}
.bglink2 {height:50px;}
.bglink3 {height:50px;}
.bglink4 {height:50px;}
.bglink5 {height:550px;}

 /*number*/
#text2 .numb_comp,
#text3 .numb_comp,
#text4 .numb_comp,
#text5 .numb_comp
{
	
	position:relative;
	top:-50px;
	left:-70px;


	
	}
.form{position:relative;left: -35px;top:-40px;}


.claims{


display:none;
}

.numb{


display:none;
}

.margin-top{
	
	margin-top:0px;
	
	}


#kontakt .logo {
 
 
 
  margin-bottom: -10px;
  position: relative;
  left: 10px;
 
}



#text3,
#text4,
#text5,
#text6,
#vita,
#log,
#faq,
#kontakt
 {
  
  margin-top: -60px;
   height: 290px;

 
 
  
}


#text1


 {
  
  margin-top: 20px;
   height: 390px;

 
 
  
}

#text2

 {
  
  margin-top: 450px;
   height: 290px;

 
 
  
}
.nachoben {
 
  left: -20px;
  top: 300px;
display:none;
 
}

.video{
 
  min-width:400px;
  position:relative;
  left:-50px;
 
}


 .videobutton {
   left:  0px;
   top: 120px;
   background-size:60%;
   width:10px;
   background-repeat:no-repeat;
}

 #Video1{
	 margin-top: 100px;
	
	}

}






/*****max-width: 550px*******************************************************/
@media screen and (max-width: 550px) {


 .form{
 position:relative; 
 left: -35px;
 top:180px;}

 .videobutton {
   left:  0px;
   top:130px;
   background-size:60%;
   width:10px;
   background-repeat:no-repeat;
}

#text2 .videobutton {
   
  
  
}

 
 
}


/*****max-width: 400px*******************************************************/
@media  screen and (min-width: 400px) and (max-width:490px) {

#text2 .videobutton {
  top:-120px;
}
}





/*****max-width: 400px*******************************************************/
@media screen and (max-width:400px) {


 .form{
 position:relative; 
 left: -35px;
 top:180px;}

 .videobutton {
   left:  0px;
   top:-50px;
   background-size:60%;
   width:10px;
   background-repeat:no-repeat;
}


 
 
}