.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 0px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; } 
    .jcarousel.container .four.column{width: 280px !important; margin-right: 20px !important;}/*for flexslider*/
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }
    .container .twelve.alt.columns              { width: 860px; margin-right: 30px; }
    .container .twelve.alt2.columns             { width: 860px; margin-left: 30px; }
    .container .eleven.alt.columns              { width: 775px; margin-right: 30px; }
    .container .five.alt.columns                { width: 320px; margin-right: 15px; }
    
    body.boxed,
    body.boxed #header                          { width: 1280px; }


/*	### Bildschirmbreite 1200px bis 1300px	###	*/
    @media only screen and (min-width: 1200px) and (max-width: 1300px) {
        body.boxed,
        body.boxed #header                          { width: 100%; }
    }

	
/*	### Bildschirmbreite 960px bis 1199px	###	*/
    @media only screen and (min-width: 960px) and (max-width: 1199px) {

		/*	header	*/
		header {width: 100%;}

		/*	Header - Logo	*/	
		#logo {}	
		.logo_img {height: 100%; width: auto;}

		/*	Header - Slogan	*/
		#home-slogan {}
		.slogan_img {height: 100%; width: auto;}

		/*	Header - Title	*/
		#home-title {}
		.titel_img {height: 100%; width: auto;}

		#search{}
		#search-form .search-box:focus{width: 16rem !important;
		}

		/*	Header - Menue	*/
		#main-nav {}
		
		/*	Header - Responsive Menu	*/		
    	.responsive_navi{ display: block; /*	margin-top: 1rem;	*/}

/*		#simple-menu {
			display:none;
			background: url("images/responsiv_nav_icon.png") no-repeat;
			width: 2.25rem;
			height: 2.25rem;
			float: left !important;
			margin: 3rem 0 0 0.6rem;
		}	*/

		/*	content - wrapper	*/
		#content-wrapper {width:100%; margin-top:10.25rem;}

		/*	content - Images	*/
		.content_img { max-width: 90%;}
		
		/*	Slider	*/
		#slider {max-width:100% !important;}

		#slide1 .slide_text{	}
		#slide1 .slide_text h4{ font-size: 200% !important;}
		#slide1 .slide_text p{font-size: 100% !important;}
		.slide_img {	max-height: 95%; width:auto;}

		h1 {font-size: 160%;}
		h2 {font-size: 140%;}

		/*	Container	*/
        .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
        .container .column,
        .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
        .row                                        { margin-bottom: 20px; }

        .column.alpha, .columns.alpha               { margin-left: 0; }
        .column.omega, .columns.omega               { margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 40px;  }
        .container .two.columns                     { width: 100px; }
        .container .three.columns                   { width: 160px; }
        .container .four.columns                    { width: 220px; }

        .jcarousel.container .four.column{width: 220px !important; margin-right: 20px !important;}
		
		/*for flexslider*/        
        .container .five.columns                    { width: 280px; }
        .container .six.columns                     { width: 340px; }
        .container .seven.columns                   { width: 400px; }
        .container .eight.columns                   { width: 460px; }
        .container .nine.columns                    { width: 520px; }
        .container .ten.columns                     { width: 580px; }
        .container .eleven.columns                  { width: 640px; }
        .container .twelve.columns                  { width: 700px; }
        .container .thirteen.columns                { width: 760px; }
        .container .fourteen.columns                { width: 820px; }

        #client-logo .jcarousel {width: 820px !important;}
		#client-logo ul li{width: 175px !important;}

		/*Client logos*/
        .container .fifteen.columns                 { width: 880px; }
        .container .sixteen.columns                 { width: 940px; }

        .container .one-third.column                { width: 300px; }
        .container .two-thirds.column               { width: 620px; }
        .container .twelve.alt.columns              { width: 680px; margin-right: 30px; }
        .container .twelve.alt2.columns             { width: 680px; margin-left: 30px; }
        .container .eleven.alt.columns              { width: 610px; margin-right: 30px; }
        .container .five.alt.columns                { width: 245px; margin-right: 15px; }
        
        body.boxed,
        body.boxed #header                          { width: 1020px; }
        .hovercover{min-height: 158px !important;}
        .hovericon_zoom{margin: 50px 0 0 75px !important; }
		
		#video {width: 640px; height: 100%;}

    }

	
/*	### Bildschirmbreite 769x bis 1040px	###	*/
    @media only screen and (min-width: 769px) and (max-width: 1040px) {
        body.boxed,
        body.boxed #header { width: 100%; }

		.slide_img {max-height: 85%; width:auto;}
		h1 {font-size: 150%;}
		h2 {font-size: 130%;}
		
    }

	
	/*	### Bildschirmbreite 768x bis 959px	###	*/
    @media only screen and (min-width: 768px) and (max-width: 959px) {

		/*	header	*/
		header {width: 100%;}

		/*	Header - Logo	*/			
		#logo, .logo_img {height: 96px; width: 132px; }	/*	80%	*/

		/*	Header - Slogan	*/
		#home-slogan, .slogan_img {height: 36px; width: 120px;}	/*	60%	*/

		/*	Header - Title	*/
		#home-title, .titel_img {height: 60px; width: 138px;}	/*	80%	*/

		/*	Header - Menue	*/
		#main-nav {display:none;}
			
		/*	Header - Responsive Menu	*/
    	.responsive_navi{
		    display: block;
			margin: 6rem 0 0 -13rem;
		}

		#search{display:none; margin: 0.75rem 0 0 0.75rem;}
		#search-form .search-box:focus{width: 16rem !important;}

		#simple-menu {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 1rem 0 0 0;
			background: url("images/responsive_nav_icon.png") no-repeat;

		}		

		#search2 {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 1.3rem 0 0 0.5rem;
			background: url("images/responsive_search_icon.png") no-repeat;
		}		

		/*	content - wrapper	*/
		#content-wrapper {margin-top: 9.5rem !important; width: 100%;}
		
		/*	content - Images	*/
		.content_img { max-width: 90%;}

		/*	Slider	*/
		#slider {max-width:100% !important;}

		#slide1 .slide_text{	}
		#slide1 .slide_text h4{ font-size: 190% !important;}
		#slide1 .slide_text p{font-size: 95% !important;}
		.slide_img {	max-width: 90%; height:auto;}

		h1 {font-size: 150%;}
		h2 {font-size: 130%;}
		
		/*	Container	*/
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }

        .jcarousel.container .four.column{width: 236px !important; margin-right: 20px !important;}
		
		/*for flexslider*/
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }

        #client-logo .jcarousel {width: 652px !important;}
   		#client-logo ul li{width: 191px !important;}		

		/*Client logos*/
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        .container .twelve.alt.columns              { width: 546px; margin-right: 20px; }
        .container .twelve.alt2.columns             { width: 546px; margin-left: 20px; }
        .container .eleven.alt.columns              { width: 488px; margin-right: 20px; }
        .container .five.alt.columns                { width: 185px; margin-right: 15px; }

        body.boxed,
        body.boxed #header                          { width: 100% }
        .hovercover{min-height: 169px !important;}
        .hovericon_zoom{margin: 60px 0 0 82px !important; }
		
		/*#sidebar {display:none;}	*/
		
		#video {width: 520px; height: 100%;}
		
 
	}



/*	### Bildschirmbreite 480px bis 767px	###	*/
    @media only screen and (min-width: 480px) and (max-width: 767px) {

		/*	header	*/
		header {width: 100%;}

		/*	Header - Logo	*/			
		#logo, .logo_img {height: 84px; width: 115px; } /*	70%	*/

		/*	Header - Slogan	*/
		#home-slogan, .slogan_img {height: 36px; width: 120px;} /*	60%	*/

		/*	Header - Title	*/
		#home-title, .titel_img {height: 52px; width: 122px;}	/*	70%	*/

		/*	Header - Menue	*/
		#main-nav {display:none;}
			
		/*	Header - Responsive Menu	*/
    	.responsive_navi{
		    display: block;
			margin: 5.85rem 0 0 -13rem;
		}

		#search{display:none; margin: 0.75rem 0 0 0.75rem;}
		#search-form .search-box:focus{width: 12rem !important;}

		#simple-menu {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 0.5rem 0 0 0;
			background: url("images/responsive_nav_icon.png") no-repeat;

		}
		
		#search2 {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 0.5rem 0 0 0.5rem;
			background: url("images/responsive_search_icon.png") no-repeat;
		}
		
		/*	content - wrapper	*/
		#content-wrapper {margin-top: 8.779rem !important; width: 100%;}
		
		/*	content - Images	*/
		.content_img { max-width: 27%; height: auto;}

		/*	Slider	*/
		#slider {max-width:100% !important; max-height: 18rem !important;}
		#slide1 {max-height: 16rem !important;}
		#slide1 .slide_text{}
		#slide1 .slide_text h4{ font-size: 140% !important;}
		#slide1 .slide_text p{font-size: 70% !important;}
		.slide_img {	max-width: 35%; height:auto;}
		#eyecatcher {min-height: 18rem;}
		#eyecatcher #cycle-wrapper > div#cycle {min-height: 16rem;}
		#cycle-wrapper {min-height: 16rem;}
		#cycle div.container{min-height: 16rem;}
		#cycle div.container{min-height: 16rem;}

		h1 {font-size: 140%;}
		h2 {font-size: 125%;}

		/*	container	*/
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .twelve.alt.columns,
        .container .twelve.alt2.columns,
        .container .five.alt.columns,
        .container .eleven.alt.columns { width: 420px; }
        .jcarousel.container .four.column{width: 420px !important; margin-right: 20px !important;}/*for flexslider*/        
        #client-logo .jcarousel {width: 340px !important;}
   		#client-logo ul li{width: 340px !important;}		
		
		/*Client logos*/
        .container .twelve.alt2.columns { margin-left: 0; }
        .container .fourteen.carousel.columns  { width: 340px; }
        .container .one.carousel.column  { width: 40px; }
        
        body.boxed,
        body.boxed #header                          { width: 100% }
        #jPanelMenu-menu{z-index: 3 !important;}
        .hovercover{min-height: 300px !important;}
        .hovericon_zoom{margin: 115px 0 0 168px !important; }
		
		/*#sidebar {display:none;}	*/

		.my-breadcrumb{
			float: left !important;
			margin-top: 0px !important;
			padding: 0 0 24px !important;
		}
		.current h2{
			margin-top: 0.95rem;
		}

		#video {width: 360px; height: 100%;}
		
 
        .footer-right.horizontal-list.no-bg {
			float: left !important;
		}

		form p{
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 6px !important;
		}
		form label{width: 100% !important;}    
		form p label{
		    margin: 0 0 5px 0 !important;
		}
		#login form p label.remember_me{
		    width: auto !important;
		    margin-top: 7px !important;
		}
		#page input[type="text"], #page select, #page textarea,
		#page input[type="password"], #page input[type="email"],
		#page input[type="number"]{
		    width: 100% !important;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    min-height: 30px;
		}
		#checkout .left, #checkout .right{float: left; width: 100% !important;}	
			.container .client-arrows.one.column{width: 40px !important;}	
    }


/*	### Bildschirmbreite 280px bis 480px	###	*/
    @media only screen and (min-width: 280px) and (max-width: 480px) { 
	
		/*	header	*/
		header {width: 100%;}

		/*	Header - Logo	*/			
		#logo, .logo_img {height: 48px; width: 66px; }	/*	40%	*/

		/*	Header - Slogan	*/
		#home-slogan, .slogan_img {height: 18px; width: 60px;}	/*	40%	*/

		/*	Header - Title	*/
		#home-title, .titel_img {height: 30px; width: 70px;}	/*	50%	*/

		/*	Header - Menue	*/
		#main-nav {display:none !important;}
			
		/*	Header - Responsive Menu	*/
    	.responsive_navi{
		    display: inline;
			margin: 6rem 0 0 -13rem;
		}

		#search{display:none; margin: 0.75rem 0 0 0.75rem;}
		#search-form .search-box:focus{width: 9rem !important;}
		#search2 {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 1.3rem 0 0 0.5rem;
			background: url("images/responsive_search_icon.png") no-repeat;
		}		

		#simple-menu {
			display: block;
			float: left !important;
			width: 2.25rem;
			height: 2.25rem;
			margin: 1rem 0 0 0;
			background: url("images/responsive_nav_icon.png") no-repeat;
		}		

		/*	content - wrapper	*/
		#content-wrapper {margin-top: 8.75rem !important; width: 100%;}
		
		/*	content - Images	*/
		.content_img { max-width: 50%;}

		/*	Slider	*/
		#slider {max-width:100% !important; max-height: 14rem !important;}
		#slide1 {max-height: 14rem !important;}
		#slide1 .slide_text{}
		#slide1 .slide_text h4{ font-size: 100% !important;}
		#slide1 .slide_text p{font-size: 50% !important;}
		.slide_img {	max-width: 40%; height:auto;}
		#eyecatcher {min-height: 14rem;}
		#eyecatcher #cycle-wrapper > div#cycle {min-height: 14rem;}
		#cycle-wrapper {min-height: 14rem;}
		#cycle div.container{min-height: 14rem;}
		#cycle div.container{min-height: 14rem;}

		h1 {font-size: 120%;}
		h2 {font-size: 100%;}
		h3 {font-size: 100%;}

		/*	content - Images	*/
		.content_img { max-width: 30%; height: auto;}

		/*	container	*/
        .container { width: 240px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .twelve.alt.columns,
        .container .twelve.alt2.columns,
        .container .five.alt.columns,
        .container .eleven.alt.columns { width: 280px; }

        .jcarousel.container .four.column{width: 280px !important; margin-right: 5px !important;}
		
		/*for flexslider*/

		#client-logo .jcarousel {width: 192px !important;}
   		#client-logo ul li{width: 192px !important;}
		
		/*Client logos*/
        .container .twelve.alt2.columns { margin-left: 0; }
        .container .fourteen.carousel.columns  { width: 192px; }
        .container .one.carousel.column  { width: 30px; }
        
        body.boxed,
        body.boxed #header                          { width: 100% }

        #jPanelMenu-menu{z-index: 3 !important;}
        .hovercover{min-height: 190px !important;}
        .hovericon_zoom{margin: 70px 0 0 120px !important; }

		/*#sidebar {display:none;}	*/

		.my-breadcrumb{
			float: left !important;
			margin-top: 0px !important;
			padding: 0 0 24px !important;
		}

		#video {width: 240px; height: 100%;}
		
        .footer-right.horizontal-list.no-bg {float: left !important;}
        #footer-left{padding-bottom: 10px;}
        #footer-right {padding-bottom: 15px;}
		
		#back-top {
			bottom: 10px;
			float: left;
			position: fixed;
			right: 10px;
			transition: all 0.21s ease 0s;
		}

		form p{
			width: 100% !important;
			padding: 0 !important;
			margin-bottom: 6px !important;
		}
		form label{width: 100% !important;}    
		form p label{margin: 0 0 5px 0 !important;}
		#login form p label.remember_me{
		    width: auto !important;
		    margin-top: 7px !important;
		}
		#page input[type="text"], #page select, #page textarea,
		#page input[type="password"], #page input[type="email"],
		#page input[type="number"]{
		    width: 100% !important;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    min-height: 30px;
		}
		#checkout .left, #checkout .right{float: left; width: 100% !important;}
		.container .client-arrows.one.column{width: 30px !important;}
    }


    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }