@font-face{
font-family:"AvenirNextLTW02-Condens 724398";
src:url("../fonts/724398/8f3da8dd-7d06-4904-89f6-c5bc40b27fde.eot?#iefix");
src:url("../fonts/724398/8f3da8dd-7d06-4904-89f6-c5bc40b27fde.eot?#iefix") format("eot"),
url("../fonts/724398/05b4d603-a34e-410b-8b5a-04827924884b.woff") format("woff"),
url("../fonts/724398/d130a260-44b5-4cf5-8d84-fb22e0819f3c.ttf") format("truetype"),
url("../fonts/724398/93ab1907-c135-48b9-81f1-88c052c16b34.svg#93ab1907-c135-48b9-81f1-88c052c16b34") format("svg");
}
@font-face{
font-family:"AvenirNextLTW02-DemiCn";
src:url("../fonts/724404/4e64a596-e6f3-4505-99a2-7b420fd4bb6e.eot?#iefix");
src:url("../fonts/724404/4e64a596-e6f3-4505-99a2-7b420fd4bb6e.eot?#iefix") format("eot"),
url("../fonts/724404/0f53cf18-d64f-473f-a83b-5e288b577243.woff") format("woff"),
url("../fonts/724404/7db12efd-4757-4214-bead-13225550e76a.ttf") format("truetype"),
url("../fonts/724404/78c1a4b3-4f3c-4a9f-9204-78b90c3b6ce0.svg#78c1a4b3-4f3c-4a9f-9204-78b90c3b6ce0") format("svg");
}



	html, body { height: 100%; margin: 0; padding: 0; }

	body {
		color:#000;
		font-size: 1.6rem;
/*		font-size: calc(112.5% + 0.25vw);*/
		font-family:"AvenirNextLTW02-Condens 724398", Arial, Geneva, sans-serif;
                overflow-x: hidden;
                background: rgba(0, 0, 0, 1);
	}
        #rahmen{
            overflow: hidden;
            width: 100%;
        }
        p,a{
           font-size: 1.3em;
            line-height: 1.5em;
            color:#333;
            margin-bottom: 10px;
        }
        h1,h2,h3,h4,h5{
            font-size:  calc(112.5% + 0.25vw);
        }



        a{    font-size:1.3em; /* 2020_02_10  me*/
            color: #000;
        }
        a:hover,a:focus {
              color: #65B719;
              text-decoration: none;
              outline: none;
            }
            a:focus {
              color: #227C0F;}
            .container{
                width:85%;
                position: relative;
            }
a.mail{    font-size:0.95em; /* 2020_02_10  me*/
            color: #000;
    font-weight:bolder;
        }
a.mail-2{    font-size:1em; /* 2020_02_10  me*/
            color: #000;
    font-weight:normal;
        }
.text_groesser{
	font-size:2.1em;
}
.novemberbluete {
    width: 50%;
}
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
        .me {
    font-size: 9px;
    }
      p.blume {
    font-size: 1.35em;
    }
h4.hellgrau {
    font-color:#666;
}
    
section{
   width: 100%;
 }
 #home{
    height: 100vh;
   overflow: hidden;
 }
 .mobil{
     display: none;
 }
.story {
	font-size: 0.8em; color:#CAD15F;
}
/*	############## ##################################################
	2. Header 
	################################################################# */
	
	.header {		
		top:0;
		z-index:0;
		width:100%;
		z-index:999;
		position:absolute;
/*		padding-top:30px;*/
		z-index: 999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
        background: rgba(0,0,0,1);
	}
	
	.header.affix {
		width:100%;
		top:0px;;
		right:0;
		padding:0;
		margin:0;
		position: fixed;
		z-index: 9999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
        	.navbar-default {
		background:none;
		border:none;
		margin-top:20px;
                max-width: 100% !important;
	}
	.navbar-default .navbar-nav > li > a {
		color:#C2C2C2;
		font-weight: 100;
        margin-left: 40px;
	}
	.da{display: block;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a.active {
		color:#f5f5f5;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background:none;
	}
	

	.img-responsive {
		margin:auto;
        width: 100%;
        border: 1px solid #e4e4e4;
        box-shadow: 0px 0px 6px #d4d4d4;
	}


        .img-responsive_klein{
            width: 50%;
        }
        .kontakt .img-responsive{
            border: none;
            box-shadow: none;
        }
.section_1 .img-responsive{
            border: none;
            box-shadow: none;
        }
.section_2 .img-responsive{
            border: none;
            box-shadow: none;
        }
.section_3 .img-responsive{
            border: none;
            box-shadow: none;
        }
.navbar-collapse{
            width: 0px !important;
            height: 0px !important;
            border: none !important;
        }
	.title hr {
		width:40%;
		border-color:#dddddd;
	}
	
	
	.title h2 {
		font-size: 24px;
	}
	.title p {
		
	}
#logo{
            width: 100%;
            position: relative;
        }	
        .header.affix  .navbar-header{
           top: 25px;
           width: 150px;
           position: relative;
        }
        .header.affix .navbar-toggle{
            top: 0px;
            border: none;
        }
        .navbar-header{
            margin: 0;
            float: right;
        }
        .navbar-toggle{
            border: none;
        }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
            background-color: transparent;
        }
        .header.affix .hauptmenu{
            top: 27px;
        }
/*slider*/
#slider{
    position: absolute;
    top: 30vh;
    left: 0;
    height: 40vh;
    width: 100%;
}
#slider div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
#slide1{
     background-image: url('../images/hintergrund/gross/slide-1.jpg');
/*     animation: slide_1 0.05s linear 5s 1;*/
}
/*@keyframes slide_1 {
  0%   {transform: scaleX(0);}
  100% {transform: scaleX(1);}
}*/
#slide2{
     background-image: url('../images/hintergrund/gross/slide-2.jpg');
}
#slide3{
     background-image: url('../images/hintergrund/gross/slide-3.jpg');
}
#slide4{
     background-image: url('../images/hintergrund/gross/slide-4.jpg');
}
#slide5{
     background-image: url('../images/hintergrund/gross/slide-5.jpg');
}

/*me -------- ------- -------- */
.text{
    width: 750px;
    margin:  0 auto;
    padding: 20px 0 20px 0;
}
.text_klein{
    font-size: 1.1em;
	padding-right:20px;
}
.text_kleiner{
    font-size: 0.7em;
	padding-right:20px;
}
.tab-content{
    
}
.web-link{
	font-size: 0.6em;
	font-weight: 100;
	font-style: italic;
}
.claim { 	font-size: 2.9em;
			color: #555;
			position: absolute;
			top: 20%;
                        text-align: center;
			width: 100%;
			z-index: 11;
}
.claim-2 { 	font-size: 1.5em;
			color:#999;
            bottom: 2vh;
			position: absolute;
			z-index: 10;
            width: 100%;
         text-align: center;
    letter-spacing: -0.01em;
           /*   font-weight: bolder;*/
}
.claim-2b { 	
            bottom: 2.5vh;
			position: absolute;
			z-index: 100;
			right: 3vw;
}
.claim-2b img { 	
            width: 20px;
}
.untertitel_01 {
    font-size: 0.95em;
    font-weight: 300;
    margin-top: 15px;
    color:#666;
}
.agentur {      color: #999;
                font-size: 1.3em;
                font-weight: bold;
}
.blitz{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 32vh;
    width: 100%;
    height: 35vh;
    background: #000;
    z-index: 55;
    opacity: 1;
    animation: weg 0.1s linear 5s 1;
    animation-fill-mode: forwards;
}
@keyframes weg {
  0%   {opacity: 1;}
  100% {opacity: 0;}
}
.blitz img{
    width: 100%;
    height: 15px;
    transform: scaleX(0);
    transform-origin:left;
    animation: blitz 0.2s linear 1.5s 1;
    animation-fill-mode: forwards;
}
@keyframes blitz {
  0%   {transform: scaleX(0);}
  100% {transform: scaleX(1);}
}
.footer_pfeil{
    width: 100%;
}
/*me -------- ------- -------- */


	.parallax {
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size:cover;
                -moz-background-size:112%;
                -o-background-size: 112%;
                background-size: cover;
                position: relative;
                height: 130vh;
	}
        .text_center{
            text-align: center;
        }
	.home-wrapper {
	   height: 100vh;
		position:relative;
	}
        .row{
            margin: 0;
        }

	.form-control {
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		font-weight: 700 !important;
	}
	
	.nav-tabs > li > a {
		border: none !important;
		background: none !important;
		font-weight: 500 !important;
		font-size: 15px !important;
		border: 1px dashed #FFF;
		text-transform: uppercase;
		padding: 0 !important;
		letter-spacing: 3px !important;
		color: #666 !important;
                margin: 0;
	}
	
	.nav-tabs {
		border: 0 !important;
	}
	
	.btn-contact {
		border-radius:0 !important;
		margin-bottom: 75px;
		}
			
	.btn-contact:hover {
		background:none  !important;
		margin-bottom: 75px;
		}
			
	.nav-tabs > li {
		float:none;
		margin:0 !important;
		display:inline-block;
                width: 25%;
		}
                
                #map_container{
                    height:450px;
		width:100%;
		margin: 0 auto 80px;
                }	
	#map{
		height:100%;
		width:100%;
	}
	
/* close button*/
.close {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  right: 5vh;
  top: 2vh;
  z-index: 1000;
  opacity: 1;
}
.close:hover::before, .close:hover::after {
  background: #1ebcc5;
}
.close::before, .close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #000;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close.warp::before, .close.warp::after {
  border-radius: 120% 0;
}	
/*	################################################################
	14. FOOTER SECTION
	################################################################# */

	article {
		padding-bottom: 50px;
		margin-bottom: 40px;
		
	}
	
	article h4 {
		font-size: 22px;
		color: #3C3B3B;
		font-weight: 400;
	}
	
	article h4 a {
		color: #3C3B3B;
	}
	
	article h4 a:hover {
		color: #F7C221;
	}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 2.95vw;
    display:none;
    z-index: 2;
}
.back-to-top img{
    width:20px;
}
/*.back-to-top:hover,.back-to-top:focus,.back-to-top:active{
    background: #333;
}*/
.navbar-nav {
    float: left;
    margin: 0;
    position: absolute;
    top: -6px;
    left: 90px;
    width: auto;
    padding: 15px;
    background: rgba(0,0,0,0.85);
  }
  .navbar-nav > li {
    float: left;
    width: auto;
  }
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }

.unter{
    margin-left: 20px;
}
.overlay{
    position: absolute;
    z-index: 2;
    width: 100vw;
    bottom: 1vh;
}

.link{
    position: absolute;
    top: 20vh;
    width: 10px;
    background: #000;
}
#contact_link{
    top: 5vh;
}
/*#section_1_link{
    top: 60vh;
}
#section_2_link,#section_3_link,#section_4_link,#section_5_link{
    top: 35vw;
}*/
/*.bgweiss{
    background: #fff;
}*/
.bgsw{
    background: rgba(255,255,255,0.9);
    padding: 10px 0 20px 0; /* me 2020_02_10 */
    width: 100%;
    position: relative;
}
.welle{
    position: absolute;
    height: 60px;
    width: 200vw;
    left: 0;
	    opacity: 0.9;
    -webkit-animation: mymove 15s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 15s infinite;
}
@-webkit-keyframes mymove {
    0% {left: 0px;}
    50% {left: -95vw;}
    100% {left: 0px;}
}

@keyframes mymove {
    0% {left: 0px;}
    50% {left: -95vw;}
    100% {left: 0px;}
}
.welle_top{
    top: -60px;
    opacity: 0.95;
}
.welle_bottom{
    bottom: -60px;
    z-index: 2;
    opacity: 0.9;
     background-image: url('../images/elemente/hg-weisse-welle-unten.png');
     background-size: 100% 100%;
}
.start{
/*    transition: all 2.8s;*/
}
.hauptinhalt{
    display: none;
/*    transition: all 2.8s;*/
}
.dreiviertel{
    position: relative;
}
.inhalt_aktiv{
    color: red;
}
.hauptueberschrift {
    padding: 30vh 0 5vh 0;
    position: absolute;
    top: 7vh;
    width: 100%;
}

.h2-plus {
	font-size: 0.85em;
	font-weight: bold;
	
}
.hauptueberschrift h1{
    font-size: 3vw;
    color: #fff;
    font-weight: lighter;
    text-shadow: 3px 3px 18px #666;
}
#section_1{
    background-image: url('../images/hintergrund/gross/01-bluete1.jpg');
 }
#section_2.bild{
    background-image:url('../images/hintergrund/gross/02-blatt1.jpg') 
   }
#section_3.bild{
    background-image: url('../images/hintergrund/gross/03-blatt-braun.jpg') 
}
#section_4.bild{
    background-image:  url('../images/hintergrund/gross/04-bluete2.jpg') 
}
#section_5.bild{
    background-image:  url('../images/hintergrund/gross/05-blatt-dunkel.jpg')
}
#contact.bild{
    background-image:  url('../images/hintergrund/gross/06-bluete3.jpg')
}
#section_6.bild{
    background-image:  url('../images/hintergrund/gross/07-blumentopf.jpg');
    height: 130vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.section_1,.section_2,.section_3,.section_4,.section_5,.section_6{
    padding-top:50vh ;
}

.kontakt{
    padding-top:65vh;
}

#contact .hauptueberschrift h1 {
   top: 15vh;
position: relative; 
}


.section{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 100;
}
.section i{
    font-size: 50px;
    color: #999;
}
.flex{
    display: flex;
    align-items: flex-start;
}
.space_between{
    justify-content: space-between;
}
#video{
    min-width: 100vw;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    min-height: 95vh;
}.contact-wrapper h2{
    color: #999;
}
.team img{
    width: 100%;
}
.kontaktdaten{
    width: 100%; /*war 250 - me auf 100% hb*/
    text-align: left;
    color: #999;
}
.kontaktdaten-impressum{
    width: 100%; /*war 250 - me auf 100% hb*/
    text-align: left;
    color: #999;
	font-size:11px;
	line-height: 15px;
}
.downloadbereich {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    width: 100%;
	margin: 20px 0 20px 0;
}
#tab3{
    margin-bottom: 80px;
}
.error{
    color: red;
}
.weg{
    display: none;
}
/*Bilderwechsel*/
.feature-img{
    height: 18vw;
}
.bild_wechsel{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.wechsel_2,.wechsel_3, .wechsel_4,.schonda{
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
 
}
.schonda{
    opacity: 1;
}
@media only screen	
and (min-width :740px){
.testen > .schonda{
    animation: weg 5s ;
    animation-fill-mode: forwards;
}
@keyframes weg{
    60% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-15vw);
    opacity: 0;
  }
}
.testen > .wechsel_3{
     animation: display_3 15s infinite;
}
@keyframes display_3 {
  0% {
    transform: translateY(12vw);
    opacity: 0;
  }
  10% {
    transform: translateY(10vw);
    opacity: 0;
  }
  20% {
    transform: translateY(10vw);
    opacity: 0;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  65% {
    transform: translateY(-18vw);
    opacity: 1;
  }
  80% {
    transform: translateY(-18vw);
    opacity: 0;
  }
  90% {
    transform: translateY(-18vw);
    opacity: 0;
  }
  100% {
    transform: translateY(-15vw);
    opacity: 0;
  }
}
.testen > .wechsel_4{
     animation: display_4 20s infinite;
}
@keyframes display_4 {
  0% {
    transform: translateY(12vw);
    opacity: 0;
  }
  10% {
    transform: translateY(10vw);
    opacity: 0;
  }
  /*20% {
    transform: translateY(10vw);
    opacity: 0;
  }*/
  25% {
    transform: translateY(0);
    opacity: 1;
  }
  35% {
    transform: translateY(0);
    opacity: 1;
  }
  45% {
    transform: translateY(-18vw);
    opacity: 1;
  }
  80% {
    transform: translateY(-18vw);
    opacity: 0;
  }
  90% {
    transform: translateY(-18vw);
    opacity: 0;
  }
  100% {
    transform: translateY(-15vw);
    opacity: 0;
  }
}
.testen > .wechsel_2{
  animation: display_2 10s infinite;
}
@keyframes display_2 {
  0% {
    transform: translateY(20vw);
    opacity: 0;
  }
  30% {
    transform: translateY(10vw);
    opacity: 0;
  }
  45% {
    transform: translateY(0);
    opacity: 1;
  }
  75% {
    transform: translateY(0);
    opacity: 1;
  }
  
  100% {
    transform: translateY(-15vw);
    opacity: 0;
  }
}
.testen >.zwei{
     animation-delay: 5s ;
}
.testen >.drei{
     animation-delay: 10s;
}
.testen >.vier{
     animation-delay: 15s;
}
.ease_in > .wechsel_5,.ease_in > .wechsel_4,.ease_in > .wechsel_3,.ease_in > .wechsel_2,.ease_in > .schonda{
  animation-timing-function: ease-in;  
}
.ease_in_out > .wechsel_5,.ease_in_out > .wechsel_4,.ease_in_out > .wechsel_3,.ease_in_out > .wechsel_2,.ease_in_out > .schonda{
     animation-timing-function: ease-in-out;
}
.linear > .wechsel_3,.linear > .wechsel_2,.linear > .schonda{
     animation-timing-function: linear;
}
}

@media only screen	
and (max-width :1440px){
    .feature-img{
        height: 18vw;
    }
    .container{
        max-width: 100%;
    }    
}
@media only screen	
    and (max-width :1366px)
  and (-webkit-min-device-pixel-ratio: 2){
      .parallax{
/*          overflow: hidden;*/
      }
}

@media only screen	
and (max-width :1366px){
    .hauptueberschrift h1{
        font-size: 40px;
    }
    .orbit-wrapper h2 {
       font-size: 3.9vw; 
       top: 33%;
    }
}
@media only screen	
and (max-width :1024px){
    .overlay{
        bottom: -8vh
    }
    .navbar-default .navbar-nav > li > a{
        margin-left: 1.5vw
    }
    #myTab{
        width: 100%;
    }
    .nav-tabs > li{
        width: auto;
    }
}
@media only screen	
and (max-width :1024px)	
and (orientation: portrait){
    .welle{
        width: 400vw;
    }
    
    .hauptueberschrift h1{
        font-size: 6vw;
    }
}
@media only screen	
and (max-width : 850px){
 .orbit-wrapper h2 {
       font-size: 40px; 
    }
.container-fluid > .navbar-header {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}
}
@media only screen	
and (max-width :850px)	
and (orientation: portrait){
    .feature-img{
        height: 40vw;
    }
        @keyframes display_3 {
  0% {
    transform: translateY(10vw);
    opacity: 0;
  }
  10% {
    transform: translateY(10vw);
    opacity: 0;
  }
  20% {
    transform: translateY(10vw);
    opacity: 0;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  65% {
    transform: translateY(-35vw);
    opacity: 1;
  }
  80% {
    transform: translateY(-40vw);
    opacity: 0;
  }
  90% {
    transform: translateY(-40vw);
    opacity: 0;
  }
  100% {
    transform: translateY(-40vw);
    opacity: 0;
  }
}
}
@media only screen	
and (max-width :897px)	
and (orientation: landscape){
    .header.affix{
        top: -100px;
    }
    .navbar-default{
        margin: 10px 0 0 0;
    }
    .claim{
        font-size: 5vw;
        top: 15%;
    }
    .orbit-wrapper h2{
        font-size: 5vw;
        top: 18%;
    }
    .parallax{
        height: 250vh;
    }
    
#section_1.bild{
    background-image: url('../images/hintergrund/mittel/01-bluete1.jpg');
 }
#section_2.bild{
    background-image:url('../images/hintergrund/mittel/02-blatt1.jpg') 
   }
#section_3.bild{
    background-image: url('../images/hintergrund/mittel/03-blatt-braun.jpg') 
}
#section_4.bild{
    background-image:  url('../images/hintergrund/mittel/04-bluete2.jpg') 
}
#section_5.bild{
    background-image:  url('../images/hintergrund/mittel/05-blatt-dunkel.jpg')
}
#contact.bild{
    background-image:  url('../images/hintergrund/mittel/06-bluete3.jpg')
}
 #section_6.bild{
    background-image:  url('../images/hintergrund/mittel/07-blumentopf.jpg')
}
    .hauptueberschrift{
        top: -3vh;
    }
    .feature-img{
        height: 28vw;
        width: 70%;
        margin-left: 15%;
    }
    @keyframes display_3 {
  0% {
    transform: translateY(12vw);
    opacity: 0;
  }
  10% {
    transform: translateY(10vw);
    opacity: 0;
  }
  20% {
    transform: translateY(10vw);
    opacity: 0;
  }
  30% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  65% {
    transform: translateY(-25vw);
    opacity: 1;
  }
  80% {
    transform: translateY(-25vw);
    opacity: 0;
  }
  90% {
    transform: translateY(-25vw);
    opacity: 0;
  }
  100% {
    transform: translateY(-25vw);
    opacity: 0;
  }
}
}
@media only screen	
and (max-width : 768px){
    .header{
    margin: 0;
    padding: 0;
    right: 0;
    top: -20px;
}
.container{
    width: 100vw;
}
.text{
    width: 80%;
}
#slide1{
     background-image: url('../images/fotos/titel-1.jpg');
}
.navbar-toggle {
    top: 18px;
}

.produkte{
    padding: 0 15px;
}
.flex{
        padding: 0 15px;
        flex-wrap: wrap;
}
.navbar-header {
    position: relative;
    top: 25px;
    width: 150px;
}
.navbar-default .navbar-nav > li > a{
    margin: 0;
    font-size: 1.05em;
}
.hauptmenu{
      top: 15px;
}
.col-sm-6 {
    width: 48%;
}   
.container-fluid > .navbar-header {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}
.container > .navbar-header, .container-fluid > .navbar-header {
      width: 150px;
}
}
@media only screen	
and (max-width : 750px)	
and (orientation: landscape){
    .feature-img{
        height: 35vw;
        width: 90%;
        margin-left: 5%;
    }
    div.orbit-wrapper{
        height: 50vh;
    }
    .parallax{
        height: 300vh;
    }
}
@media only screen	
and (max-width : 740px){
    .wechsel_2,.wechsel_3,.wechsel_4{
        display: none;
    }
    .mobil{
        display: block;
    }
    .mobilweg{
        display: none;
    }
}
@media only screen	
and (max-width : 600px){
/* .welle_bottom{background-image: url('../images/hg-welle-unten3.png');}*/
.welle{
    width: 600vw;
}
}
@media only screen	
and (max-width : 420px){
    .claim{
        font-size: 8vw;
    }
    .orbit-wrapper h2{
        font-size: 7vw;
        width: 100%;
        left: 0;
    }
    .parallax{
        height: 180vh;
    }
    .hauptmenu{
        width: 250px;
    }
    .navbar-default .navbar-nav > li{
        width: 100%;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 1.3em;
    }
    .nav-tabs > li{
        width: 50%;
        margin-bottom: 2vh !important;
    }    
#section_1.bild{
    background-image: url('../images/hintergrund/klein/01-bluete1.jpg');
 }
#section_2.bild{
    background-image:url('../images/hintergrund/klein/02-blatt1.jpg') 
   }
#section_3.bild{
    background-image: url('../images/hintergrund/klein/03-blatt-braun.jpg') 
}
#section_4.bild{
    background-image:  url('../images/hintergrund/klein/04-bluete2.jpg') 
}
#section_5.bild{
    background-image:  url('../images/hintergrund/klein/05-blatt-dunkel.jpg')
}
#contact.bild{
    background-image:  url('../images/hintergrund/klein/06-bluete3.jpg')
}
 #section_6.bild{
    background-image:  url('../images/hintergrund/mittel/07-blumentopf.jpg');
    height: 100vh;
    background-position-x: 100%;
    background-position-y: 90%;
    background-size: 150%;
    background-repeat: no-repeat;
}
.feature-img{
    height: 60vw;
}
.col-sm-6{
    width: 100%;
}
.parallax{
    height: 280vh;
}
}

/*iPad*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
  .parallax {
    background-attachment: scroll !important;
    background-size:150%;
}
 #home{
     height: 100vh;
 }
 .col-md-3{
      width: 23%;
  }
  #section_6.bild{
    background-image:  url('../images/hintergrund/mittel/07-blumentopf.jpg');
    height: 100vh;
    background-position-x: 100%;
    background-position-y: 90%;
    background-size: 150%;
    background-repeat: no-repeat;
}
}
@media only screen
  and (max-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){
.parallax {
    background-attachment: scroll !important;
    background-size:150%;
}
#section_6.bild{
    background-image:  url('../images/hintergrund/mittel/07-blumentopf.jpg');
    height: 100vh;
    background-position-x: 100%;
    background-position-y: 90%;
    background-size: 150%;
    background-repeat: no-repeat;
}
}
/* iPhone 6Plus 6sPlus */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape){
  .parallax { 
      background-attachment: scroll !important;
  }
  
}
/* iPhone 6 6s iphone 7 */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 414px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .parallax { 
      background-attachment: scroll !important;
        background-size:100%;
  }
  header{
      width: 100%!important;
  }
  .nav-tabs > li{
      width: 100%;
      padding-left: 12%;
  }
  .nav-tabs > li > a{
      font-size: 15px !important;
  }
  #myTab{
      padding: 0  !important;
      margin-top: 5vh
  }
}
/*@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)
  {
  .parallax { 
      background-attachment: scroll !important;
        background-size:180%;
  }
 #section_1,#section_2,#section_3,#section_4,#section_5,#section_6,#section_7{
    margin-top: -65px;
 } 
 .hauptueberschrift {
       padding-top: 20vh;
       height: 63vh;
}
.anlagenbau, .fertigung, .baugruppen, .werkzeugbau, .objekt {
    padding-top: 63vh;
}
  }*/

/* iPhone 6Plus 6sPlus */
/*@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 558px)
  and (-webkit-min-device-pixel-ratio: 3) {
  .parallax { 
      background-attachment: scroll !important;
  
  }
}*/