@media only screen and (min-width: 300px){
	.topslider-text { font-size: 1em; bottom: 14%; }
}
@media only screen and (min-width: 480px){
	.topslider-text { font-size: 1.2em; bottom: 18%; }
}
@media only screen and (min-width: 768px){
	.fix-left{ padding-right: 5px; }
	.fix-right{ padding-left: 5px; }
	#chart1{ margin-left: -10px !important; }
	#piechart-3d{ margin-left: -85px; }
	.blockquote-slider .prev{ left: 5px; }
	.blockquote-slider .next{ right: 5px; }
	.topslider-text { bottom: 18%; }
}

@media only screen and (min-width: 940px){
	/* .topslider-text */
	.topslider-text {
		font-size: 1.5em;
	}
	#map-canvas-lg{
		display: block !important;
	}
}

@media only screen and (min-width: 992px){
	/* -- carousel nav -- */
	.list-carousel .prev{ left: -45px; }
	.list-carousel .next{ right: -45px; }
	.carusel-4 .prev{ left: -30px; }
	.carusel-4 .next{ right: -30px; }
	.carusel-6 .prev{ left: -40px; }
	.carusel-6 .next{ right: -40px; }
	.carusel-5 .prev{ left: -40px; }
	.carusel-5 .next{ right: -40px; }
	.post-slider .prev{ left: 775px; top: -60px !important; }
	.post-slider .next{ right: 60px; top: -60px !important; }
	.slider-foo-8 .next, .slider-foo-2 .next{ right: -40px; }
	.slider-foo-8 .prev, .slider-foo-2 .prev{ left: -40px; }
	.blockquote-slider .prev{ left: -30px; }
	.blockquote-slider .next{ right: -30px; }

	/* diagrams */
	#chart1{ margin-left: -20px !important; }
	#piechart-3d{ margin-left: -100px;}
}

@media only screen and (min-width: 1170px){
	#piechart-3d{ margin-top: -10px; }
	/*.post-slider .prev{ left: 770px; top: -60px !important; }*/
	.post-slider .prev{
		top: -60px !important;
		right: 140px !important;
		left: auto !important;
	}
}

/* ---- wp-caption alignleft -----*/
@media only screen and (max-width: 410px){
		div.alignleft, div.alignright, div.aligncenter {
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto 25px;
		width: 226px;
	}
	.page-tpg-blockquotes{ font-size: 2.5em; }

	/* portfolio */
	.album-sliders-container .owl-controls .owl-prev,
	.album-sliders-container .owl-controls .owl-next{ top: 40%; }
}

/* ---- wp-caption alignleft -----*/
@media only screen and (max-width: 768px){
	table td, table th{ padding: 16px 5px 15px 5px; }
	#logo-mini{ text-align: center; }
	/* foo-1 */
	.slider-foo-1 .next { right: -10px; }
	.slider-foo-1 .prev { left: -10px; }

	/* comments */
	#comments ul.children{ padding-left: 40px; }
	#foo2 .img-block{ text-align: center; }
	
	/* green background */
	.green-background > .container{ padding-right: 0; padding-left: 0; }

	/* list-carousel */
	.slider-foo-3 .next{ right: 0px; }
	.slider-foo-3 .prev{ left: 0px; }

	.front.white #info-topslider .topslider-link a,
	.red-style #info-topslider .topslider-link a{ font-size: 1em; }
	/**/
	.inpost-slider .prev { left: 20px; }
	.inpost-slider .next { right: 20px; }
	.video-block{ padding: 55px 0 !important; }
	
	input[type="text"] { width: 100%; }
}

/**/
@media only screen and (max-width: 767px){
	#newsletters-submit{ width: 100%; margin-top: 10px !important; }
}

@media only screen and (max-width: 992px){
	.post-slider{ margin-top: 40px; }
	.post-slider .next{ top: -50px !important; right: 25px !important; }
	.post-slider .prev{ top: -50px !important; right: 80px !important; left: auto !important; }
	.footer_kat_ul li { width: 30%; margin-right: 3% }
	.footer_kat_ul li:nth-child(3n+1) { clear: both; }
	.footer_skat_ul li { width: 100%; }
}

/**/
@media (max-width: 1070px){
	.vertical-parallax,
	.bg-box.parallax{
		background-position: 50% 50% !important;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.parallax-stellar{
	  background-position: 50% 50% !important;
	  background-size: cover;
	}
}

/* -------------- max height --------------------- */
@media only screen and (max-height: 880px){
	#info-topslider .topslider-link{ top: 40px; }
	#info-topslider .topslider-link a i{ top: 75px; }
}

@media only screen and (max-height: 600px){
	.topslider-text { bottom: 9%; }
}

@media only screen and (max-height: 480px){
	.topslider-text { bottom: 14%; }
}

@media only screen and (max-height: 360px){
	#info-topslider .topslider-link{ top: 5px; }
	#info-topslider .topslider-link a i{ top: 5px; }
	.front.white #info-topslider .topslider-link a span{ font-size: 0.75em; }
}
@media only screen and (max-height: 320px){
	#info-topslider .topslider-link{ top: 5px; }
	.front.white #info-topslider .topslider-link a{ line-height: 0.1; }
	.front.white #info-topslider .topslider-link a span{ font-size: 0.75em; }
	#info-topslider .topslider-link a i{ top: 0px; }
	.topslider-text { bottom: 8%; }
}
/* ------------------------------- TopSlider -------------------------------- */

@media only screen and (min-width:961px) and (max-width:1024px){
	#info-topslider h1 span.title{ font-size: 10em; }
}

@media only screen and (min-width:220px) and (max-width:960px){
	#info-topslider{ /*height: 300px;*/ }
	#info-topslider h1 span.title{ font-size: 6em; }
	.page-blog #info-topslider h1 span.title{ font-size: 12em; }
	#info-topslider .topslider-link{ top: 35px }
}

/*-----------------------------------------------------------------*/
/*------------------------- 1171px - 1280px -----------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width:1170px) and (max-width:1279px){
	.element-item { width: 25%; } 
}/* --- / 1171px - 1280px  --- */

/*-----------------------------------------------------------------*/
/*------------------------- 993px - 1170px ------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width:992px) and (max-width:1169px){
	.element-item { width: 33.333%; } 
	#newsletterabg { font-size: 0.8em; }
}/* --- / 993px - 1170px  --- */

/* --------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:939px){
	.foo5 > div{ min-width: 233px; }
	#newsletterabg { font-size: 0.7em; }
	#cdusubnav { max-height: 45px; }
}
@media only screen and (min-width:1351px) {
	ul.shortmenu3 { padding: 0px; }
}


/*-----------------------------------------------------------------*/
/*------------------------- 992px - 1330px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width:992px) and (max-width:1350px){
	#verband_tag { padding-left: 10px; padding-right: 4px; }
	.verband_tag-big { font-size: 2em; margin-left: 20px;}
	#cdulogo { float: right; padding: 0px; padding-bottom: 0px; }
	#menubutton2 { width: 11% !important; padding: 20px; }
	ul.shortmenu2 { margin-left: 0; padding-left: 0; }
	ul.shortmenu2 li { margin: 0 0.1em 0 0; }
	ul.shortmenu3 li { float: left; padding-top: 24px; font-size: 0.9em; margin: 0 1em 0 0; }
	ul.shortmenu3 { padding-top: 5px; }
	#bund_startslider { margin-top: 237px; }
	#sliderline { height: 615px !important; margin-left: 0px; }
	#sliderline_freiflaeche { height: 615px !important; margin-left: 0px; padding-left: 0px; }
	#bund_startslider { height: 615px !important; }
	#example { height: 574px !important; margin-top: 15px; }
	
	#bannerstart { padding: 0 0 0 26px; }
	#bannerstart a > img { margin: 14px 0 0 0; }
	#bannerstart a:first-child > img { margin: 15px 0 0 0; }
	section#last-posts.cont-box { padding-top: 30px; padding-bottom: 0px; }
	.cont-kampagne { width: 48%; padding-bottom : 20px; float:left; min-height : 440px !important; }
	.cont-kampagne:nth-child(2n) { margin-left: 0px !important; float:right; }
	.cont-kampagne:nth-child(2n+1) { margin-left: 0px !important; float:left; }
	/*.cont-kampagne:nth-child(5n+1) { margin-left: 2.04% !important;}*/
	.cont-kampagne:first-child { margin-left: 0px !important; }
	.cont-kampagne_text { font-size: 1.3em; }
	/*
	.cont-kampagne2 { width: 47%; padding-bottom : 20px; }
	.cont-kampagne2:nth-child(2n+1) { margin-left: 0px !important; } */
	.footer_kat_ul { display: block; }
	.list-carousel .text-post { font-size: 1em; }
	.list-carousel .data-site1 .data-post { font-size: 0.9em; }
	.list-carousel .data-bu { font-size: 0.8em; line-height: 1.2em; }
	.caroufredsel_wrapper { height: 400px !important; }
	/* { width: 8.33333333% !important; }*/
	#pre_submenu { width: 8.33333333% !important; }
	
	#pre_submenu1 { padding-left: 0px; margin-left: 0px; }
	.shortmenu3 { padding-left: 10px; }
	#cdusubnav3 { margin-left:0; padding-left: 0; background: #FFFFFF; height: 88px; }
	#pre_submenu2 { width: 25%; margin-left: 0; padding-left: 0; }
	
	ul.shortmenu2 li:last-child { margin-right: 0; padding-right: 0; }
	ul.shortmenu2 li img { margin: 0 0.5em 0 0; }
	#newsbildcontainer { width: 305px; height: 166px; }
	.slider-foo-1 { margin-bottom: 0px !important; }
	.list-carousel .data-padding { height: 135px; }
	.list-carousel .carousel-box .img-block { height: 210px; }
	#cdusubnav31 { padding-left: 0px; }
}

@media only screen and (min-width:992px) and (max-width:1250px){
	#sliderline { height: 503px !important; margin-left: 0px; padding-left: 0px; }
	#bund_startslider { height: 503px !important; }
	#example { height: 457px !important; margin-top: 15px; }
	#bund_startslider_freiflaeche { height: 505px !important; }
	#freiflaeche { height: 455px !important; margin-top: 15px; }
	#bannerstart a > img { margin: 26px 0 0 0; width:281px; height: auto; }
	#bannerstart a:first-child > img { margin: 15px 0 0 0; }
}

/*-----------------------------------------------------------------*/
/*------------------------- 769px - 992px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:991px){
	#verband_tag { padding-left: 10px; padding-right: 4px; }
	.verband_tag-big { font-size: 1.2em; margin-left: 20px;}
	#cdulogo { float: right; padding: 0px; padding-bottom: 0px; }
	#menubutton2 { width: 10% !important; padding: 20px; }
	#cdusubnav31 { /*width: 80% !important;*/ padding-left: 0px; }
	#under_cdu-logo { width: 10% !important; }
	ul.shortmenu2 { margin-left: 0; padding-left: 0; }
	ul.shortmenu2 li { margin: 0 0.1em 0 0; }
	ul.shortmenu3 li { float: left; padding-top: 24px; font-size: 0.9em; margin: 0 0.7em 0 0; }
	#bund_startslider { margin-top: 215px; }
	#sliderline { height: 492px !important; margin-left: 0px; padding-left: 0px; }
	#bund_startslider { height: 492px !important; }
	#bund_startslider_freiflaeche { height: 408px !important; }
	#example { height: 452px !important; margin-top: 10px; }
	#freiflaeche { height: 357px !important; margin-top: 15px; }
	#bannerstart a > img { margin: 26px 0 0 0; width: 214px; height: auto; }
	#bannerstart a:first-child > img { margin: 15px 0 0 0; }
	section#last-posts.cont-box { padding-top: 30px; padding-bottom: 0px; }
	.cont-kampagne { width: 47%; padding-bottom : 20px; margin-left: 6%; }
	.cont-kampagne:nth-child(2n+1) { margin-left: 0px !important; }
	.cont-kampagne:nth-child(5n+1) { margin-left: 2.04% !important;}
	.cont-kampagne:first-child { margin-left: 0px !important; }
	.cont-kampagne_text { font-size: 1.3em; }
	.cont-kampagne2 { width: 47%; padding-bottom : 20px; }
	.cont-kampagne2:nth-child(2n+1) { margin-left: 0px !important; }
	.footer_kat_ul { display: block; }
	.list-carousel .text-post { font-size: 1em; width: 100%; min-height: 90px; }
	.list-carousel .data-site1 { width: 100%; }
	.list-carousel .data-site1 .data-post { font-size: 0.7em; }
	.list-carousel .data-bu { font-size: 0.7em; line-height: 1em; margin: 7px 0px 0px 0px; }
	.list-carousel .data-padding { max-height: 193px; }
	#newsbildcontainer { height: 130px; width: 236px; }
	.caroufredsel_wrapper { height: 400px !important; }
	#pre_submenu { display: none; }
	#pre_submenu1 { /*width: 75%; */ padding-left: 10px; margin: 0; }
	.shortmenu3 { padding-left: 0px; }
	#pre_submenu2 { width: 25%; margin-left: 0; padding-left: 0; }
	#cdusubnav3 { height: 79px; }
	ul.shortmenu1 li { margin: 0 0.2em 0 0; }
	ul.shortmenu2 li:last-child { margin-right: 0; padding-right: 0; }
	ul.shortmenu2 li img { margin: 0 0.5em 0 0; }
	
	.titres .titrePartie span.l1, .titres .titrePartie span.l2 { left: -20px !important; }
	.titres .sousTitre { left: -20px !important; }
	.headline { font: bold 9em sans-serif; }
	#block-slider svg { width: 670px; }

	.elements #info-topslider h1 span.title{ font-size: 7em; }

	#portfolio h1.title-portfolio,
	#our-team h1.title-our-team,
	#about-as h1.title-about-as,
	.cont-box h1,
	.cont-box .box-title{ font-size: 2em; }
	#blockquote .box-title{ font-size: 2em; }
	#contacts{ height: 620px; }
  	#cont-info{ width: 415px; height: auto; }
	#contacts .title-contacts{ font-size: 3.6em; margin: 15px 0 25px 0; }
	#portfolio{ padding: 85px 0; }
	.element-item { width: 50%; }
	
	/* slider Foo2, Foo8 */
	.slider-foo-8,
	.slider-foo-2 {
		margin-top: 40px;
	}
	.list-carousel.slider-foo-8 .next,
	.slider-foo-2 .next2 {
		position: static;
		margin-left: 10px;
	}
	.list-carousel.slider-foo-8 .prev,
	.slider-foo-2 .prev2 {
		position: static;
	}
	.slider-foo-8 .slider-nav,
	.slider-foo-2 .slider-nav{
		position: absolute;
		top: -35px;
		left: 41.66666667%;
		margin-left: 10px;
		width: 60px;
		height: 40px;
	}
	.slider-foo-8 .slider-nav{
		position: absolute;
		left: 33.33333333%;
	}
	.slider-foo-8 a,
	.slider-foo-2 a{ display: inline-block !important; }
	.post-slider .next { right: 20px; }
	.post-slider .prev { left: 20px; }
	.slider-foo-6 .foo6 .col-xs-12.col-sm-4.col-md-3 ,
	.slider-foo-4 .foo4 .col-xs-12.col-sm-4.col-md-3 {
		min-width: 240px;
	}
	.blockquote-slider .prev { left: 10px !important; }
	.blockquote-slider .next { right: 10px !important; }
	#map-canvas-sm{ display: block !important; }
	.img-responsive-design{ margin-bottom: -10%; }
	#footerdiv-left, #footerdiv-right { display: none; }
	#footerdiv-middle { width: 100% !important; }
 }/* --- and 769px - 992px --- */

/*-----------------------------------------------------------------*/
/*------------------------- 769px - 992px -------------------------*/
/*-----------------------------------------------------------------*/

@media only screen and (min-width:768px) and (max-width:979px){
	#sliderline { height: 392px !important; margin-left: 0px; padding-left: 0px; }
	#bund_startslider { height: 392px !important; }
	#example { height: 356px !important; margin-top: 10px; }
	#cdusubnav31 { padding-left: 0px; width: 90%; }
	ul.shortmenu1 li a { font-size: 14px; }
	#pre_submenu1 { padding-left: 0px; }
}

/*-----------------------------------------------------------------*/
/*------------------------- 481px - 768px -------------------------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width:480px) and (max-width:767px){
	/* Headlines */
	#verband_tag { padding-left: 10px; padding-right: 4px; width: 60%; }
	.verband_tag-big { font-size: 1em; margin-left: 20px;}
	#menubutton { padding-left:10px; }
	#cdulogo { float: right; padding: 0px; padding-bottom: 10px; }
	ul.shortmenu2 li { margin: 0 0.3em 0 0; }
	#bund_startslider { margin-top: 160px; }
	#sliderline { height: 372px !important; margin-left: 0px !important; padding-left: 0px; }
	#sliderline_freiflaeche { margin-left: 0px !important; padding-left: 0px; height: 372px !important; }
	#bund_startslider { height: 372px !important; }
	#example { height: 351px !important; margin-top: 0px; }
	
	#bund_startslider_freiflaeche { padding: 10px 0px 20px 0px; margin-top: 130px; }
	#freiflaeche { height: 555px; margin-top: 15px; }
	#bannerstart a > img { margin: 20px 0 0 1%; width: 32%; height: auto; }
	#bannerstart a:first-child > img { margin: 20px 0 0 0; width: 32%; }
	#bannerstart { display: none !important; margin-top: 562px; width: 100%; padding: 0 0 0 0 !important; position: relative; float: left; }
	
	section#last-posts.cont-box { padding-top: 30px; padding-bottom: 0px; }
	.cont-kampagne { width: 47%; padding-bottom : 20px; margin-left : 6%; }
	.cont-kampagne:nth-child(2n+1) { margin-left: 0px !important; }
	.cont-kampagne:nth-child(5n+1) { margin-left: 2.04% !important;}
	.cont-kampagne:first-child { margin-left: 0px !important; }
	.cont-kampagne_text { font-size: 1em; }
	.cont-kampagne2 { width: 47%; padding-bottom : 20px; }
	.cont-kampagne2:nth-child(2n+1) { margin-left: 0px !important; }
	.footer_kat_ul { display: none; }
	.list-carousel .text-post { font-size: 1em; min-height: 90px; }
	.list-carousel .data-site1 .data-post { font-size: 0.8em; }
	.caroufredsel_wrapper { height: 400px !important; }
	
	/* Top slider */
	.elements #info-topslider h1 span.title{ font-size: 5em; }
	/* page title*/
	#portfolio h1.title-portfolio,
	#our-team h1.title-our-team,
	#about-as h1.title-about-as,
	.cont-box h1,
	.cont-box .box-title{ font-size: 2.4em; margin-bottom: 47px; letter-spacing: 0.007em !important; }
	.item { width: 100%; }
	#blockquote .box-title{ font-size: 2em; }
	#about-as{ padding: 84px 0 100px 0; }
	#about-as .carusel-4 { margin-top: 0px; }
	#our-team{ padding: 88px 0 88px 0; }
	.title-skills { margin: 58px 0 35px 0; }
	/* -- PORTFOLIO -- */
	#portfolio { padding: 88px 0 80px 0; }
	#portfolio h1.title-portfolio{ margin-bottom: 34px; }
	/*isotop*/
	.isotop-filters{ padding-bottom: 29px; }
	.element-item { width: 50%; }
	#newsbildcontainer { height: 130px; width: 236px; }


	/* -- CONTACTS -- */
	#contacts{ height: auto; }
  	#cont-info{ height: auto; padding-bottom: 20px; }
	#contacts .title-contacts{
		font-size: 2.8em;
		margin: 14px 0 27px 0;
		letter-spacing: 0.03em;
	}
	#contacts #text-contact{
		margin-bottom: 36px;
	}
	#contacts #info-cotact {
		margin-bottom: 11px;
	}
	#contacts #text-contact p{
		margin-bottom: 21px;
		line-height: 1.62em;
	}
	#contacts #info-cotact p.tel-contact{
		/*margin-bottom: 25px;*/
	}
	.go-up{
		margin: 70px auto 0;
	}


	/* -- Portfolio project -- */

	#wrapper-portfolio-project.open-project{
		height: 1100px;
	}
	#view-portfolio-project .first-slider > .caroufredsel-wrapper {
		height: 880px !important;
	}
	#view-portfolio-project .second-slider > .caroufredsel-wrapper {
		height: 400px !important;
	}


	/* TOP SLIDER */
	#info-topslider h1 span.title{
		font-size: 5em;
	}
	.page-blog #info-topslider h1 span.title{
		font-size: 10em;
	}

	/* slider Foo8 */
		.list-carousel.slider-foo-8 .prev{
		left: 5px;
	}
	.list-carousel.slider-foo-8 .next{
		right: 5px;
	}
	/* slider Foo2 */
	.slider-foo-2 .next2 {
		right: 5px;
	}
	.slider-foo-2 .prev2 {
		left: 5px;
	}
	/* slider Foo1 */
	.post-slider .next {
		right: 15px;
	}
	.post-slider .prev {
		left: 15px;
	}
	/* Slider foo7*/
	.blockquote-slider .prev{
		left: 5px;
	}
	.blockquote-slider .next{
		right: 5px;
	}
	/* -- Comments -- */
	#comments ul.children {
		padding-left: 30px !important;
	}
	/* maps */
	#map-canvas-sm{
		display: block !important;
	}

	/* cont-pricing */
	.cont-pricing{
		margin-bottom: 60px !important;
	}

	/* isotop */
	.button-group.isotop-filters button{ margin: 0; height: 25px; }
	/* responsive-design */
	.img-responsive-design{ margin-bottom: -10%; }
	.start_cdu_film_liste { width: 100%; margin-right: 0; }
}/* --- and 481px - 768px --- */

/*------------------------- 321px - 480px -------------------------*/
@media only screen and (min-width:321px) and (max-width:479px){
	/* Headlines */
	.verband_tag { padding-left: 10px; padding-right: 4px; }
	.verband_tag-big { font-size: 1em; margin-left: 0px;}
	#menubutton { padding-left:10px; min-width:60px; }
	#cdulogo { float: right; padding: 0px; padding-bottom: 10px; }
	ul.shortmenu2 li { margin: 0 0.3em 0 0; }
	#bund_startslider { margin-top: 160px; }
	#sliderline { height: 218px !important; margin-left: 0px; padding-left: 0px; }
	#sliderline_freiflaeche { margin-left: 0px !important; padding-left: 0px; height: auto !important; }
	#bund_startslider { height: 218px !important; margin-top: 143px !important; }
	#bund_startslider_freiflaeche { padding: 10px 0 30px 0; margin-top: 143px !important; }
	#example { height: 196px !important; margin-top: 0px; }
	.titres .sousTitre { display: none !important; }
	section#last-posts.cont-box { padding-top: 30px; padding-bottom: 0px; }
	.cont-kampagne { width: 47%; padding-bottom : 20px; }
	.cont-kampagne_text { font-size: 1em; }
	.cont-kampagne2 { width: 100%; padding-bottom : 20px; }
	.footer_kat_ul { display: none; }
	.list-carousel .text-post { font-size: 0.8em; }
	.list-carousel .data-site1 .data-post { font-size: 0.5em; }
	.caroufredsel_wrapper { height: 367px !important; }
	
	.headline { font: bold 3.25em sans-serif; }
	#block-slider svg { width: 270px; }
	#languages, #menu{ margin-left: 0; }
	.elements #info-topslider h1 span.title{ font-size: 3.5em; }
	#portfolio h1.title-portfolio,
	#our-team h1.title-our-team,
	#about-as h1.title-about-as,
	.cont-box h1,
	.cont-box .box-title{ font-size: 2em; }
	#blockquote .box-title{ font-size: 2.5em; }
	/* -- PORTFOLIO -- */
	#portfolio{ padding: 65px 0; }
	/*isotop*/
	.button-group.isotop-filters button{ margin: 0; height: 25px; }
	.isotope{ margin: 0; }
	.element-item { width: 100%; }
	.item { width: 100%; }
	/* -- CONTACTS -- */
	#contacts{ height: auto; }
	.cont-kampagne { width: 100%; margin:0px !important; }
	.form-group { font-size: 0.8em; }
  	#cont-info{ height: auto; width: 100%; margin:10px 0px; max-width:none; }
	#contacts .title-contacts{ font-size: 1.8em; margin: 17px 0 20px 0; }
	#contacts #text-contact{ margin-bottom: 15px; }
	#contacts #text-contact p{ margin-bottom: 21px; }
	#contacts #info-cotact p.tel-contact{ /*margin-bottom: 25px;*/ }

	/* -- Portfolio project -- */
	#wrapper-portfolio-project.open-project{ height: 980px; }
	#view-portfolio-project .first-slider > .caroufredsel-wrapper { height: 765px !important; }
	#view-portfolio-project .second-slider > .caroufredsel-wrapper { height: 250px !important; }

	/* TOP SLIDER */
	#info-topslider h1 span.title{ font-size: 2.98em; }
	.page-blog #info-topslider h1 span.title{ font-size: 7em; }

	/* top slider link Down */
	.front.white #info-topslider .topslider-link a span{ font-size: 0.9em; }

	/* slider Foo8 */
	.list-carousel.slider-foo-8 .prev{ left: 0px; }
	.list-carousel.slider-foo-8 .next{ right: 0px; }
	/* slider Foo2 */
	.slider-foo-2 .next2 { right: 5px; }
	.slider-foo-2 .prev2 { left: 5px; }
	.post-slider .next { right: 15px; }
	.post-slider .prev { left: 15px; }
	.blockquote-slider .prev{ left: 5px; }
	.blockquote-slider .next{ right: 5px; }
	/* -- Comments -- */
	#comments ul.children { padding-left: 30px !important; }
	#map-canvas-xs{ display: block !important; }

	.cont-pricing{ margin-bottom: 60px !important; }
	#newsletters h3{ font-size: 2.5em; }
	.img-responsive-design{ margin-bottom: -12%; }
	#banner h1,
	#responsive-design h1{ font-size: 2.3em; }
	.start_cdu_film_liste { width: 100%; margin-right: 0; }
}/* --- and 321px - 480px --- */

/*----------------------------- 320px ------------------------------*/
@media only screen and (max-width:320px){
	/* Headlines */
	#verband_tag { padding-left: 10px; padding-right: 4px; float: right !important; }
	.verband_tag-big { font-size: 1em; margin-left: 10px;}
	#menubutton { padding-left:10px; }
	#cdulogo { float: right; padding: 0px; padding-bottom: 10px; }
	ul.shortmenu2 li { margin: 0 0.3em 0 0; }
	#bund_startslider { margin-top: 160px; }
	#sliderline { height: 172px !important; margin-left: 0px; padding-left:0px; }
	#bund_startslider { height: 172px !important; }
	#bund_startslider_freiflaeche { padding: 10px 0px 20px 0px; margin-top: 146px; }
	#example { height: 149px !important; margin-top: 0px; width: 300px !important; }
	section#last-posts.cont-box { padding-top: 30px; padding-bottom: 0px; }
	.list-carousel .text-post { font-size : 0.9em; }
	.cont-kampagne { width: 100%; padding-bottom : 20px; margin-left: 0px !important; }
	.cont-kampagne_text { font-size: 1em; }
	.cont-kampagne2 { width: 100%; padding-bottom : 20px; }
	.footer_kat_ul { display: none; }

	.headline { font: bold 2.75em sans-serif; }
	#block-slider svg { width: 207px; }
	.elements #info-topslider h1 span.title{ font-size: 3.0em; }
	#portfolio h1.title-portfolio,
	#our-team h1.title-our-team,
	#about-as h1.title-about-as,
	.cont-box h1,
	.cont-box .box-title{ font-size: 1.8em; }
	#blockquote .box-title{ font-size: 1.5em; }

	#portfolio{ padding: 65px 0; }
	.button-group.isotop-filters button{ margin: 0; height: 25px; }
	.isotope{ margin: 0; }
	.element-item { width: 100%; }
	.item { width: 100%; }

	/* -- CONTACTS -- */
	#contacts{ height: auto; }
  	#cont-info{ width: 100%; height: auto; padding-bottom: 20px; max-width: 280px; margin:20px 10px;}
	#contacts .title-contacts{ font-size: 1.8em; margin: 17px 0 20px 0; }
	#contacts #text-contact{ margin-bottom: 15px; }
	#contacts #text-contact p{ margin-bottom: 21px; }
	#contacts #info-cotact p.tel-contact{ /*margin-bottom: 25px;*/ }

	/* -- Portfolio project -- */
	#wrapper-portfolio-project.open-project{ height: 980px; }
	#view-portfolio-project .first-slider > .caroufredsel-wrapper { height: 765px !important; }
	#view-portfolio-project .second-slider > .caroufredsel-wrapper { height: 180px !important; }
	#view-portfolio-project .list-carousel{ padding: 0; }
	#view-portfolio-project .container-fluid{ padding-left: 0; padding-right: 0; }
	#view-portfolio-project .second-slider .prev{ left:-15px; top: 43%; }
	#view-portfolio-project .second-slider .next{ right:-15px; top: 43%; }
	#view-portfolio-project .list-carousel li{ overflow: hidden; }

	.foo2 .img-block,
	.foo3 .img-block{ text-align: center; }
	#info-topslider h1 span.title{ font-size: 2.98em; }
	.page-blog #info-topslider h1 span.title { font-size: 5em; }
	.demo-circules{ text-align: center; }
	.demo-circules .circle{ margin: 0 0 10px 0; }
	.front.white #info-topslider .topslider-link a span{ font-size: 0.8em; }
	.list-carousel.slider-foo-8 .prev{ left: 5px; }
	.list-carousel.slider-foo-8 .next{ right: 5px; }
	.slider-foo-2 .next2 { right: 5px; }
	.slider-foo-2 .prev2 { left: 5px; }
	.post-slider .next { right: 15px; }
	.post-slider .prev { left: 15px; }
	.blockquote-slider .prev { left: 5px !important; }
	.blockquote-slider .next { right: 5px !important; }
	#comments ul.children { padding-left: 30px !important; }
	#map-canvas-xs{ display: block !important; }
	.cont-pricing{ margin-bottom: 60px !important; }
	#newsletters h3{ font-size: 2.5em; }
	.img-responsive-design{ margin-bottom: -13%; }
	#banner h1,
	#responsive-design h1{ font-size: 2.3em; }
	.post-slider { margin-top: 10px; }
}/* --- and 320 --- */

@media only screen and (max-width:760px){
	#newsbildcontainer { height: 207px; width: 320px; }
}

@media (max-width: 767px) {
	.text-left-xs { text-align: left; }
	.text-right-xs { text-align: right; }
	.text-center-xs { text-align: center; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.text-left-sm { text-align: left; }
	.text-right-sm { text-align: right; }
	.text-center-sm { text-align: center; }
}

@media (min-width: 992px) and (max-width: 939px) {
	.text-left-md { text-align: left; }
	.text-right-md { text-align: right; }
	.text-center-md { text-align: center; }
}

@media (min-width: 940px) {
	.text-left-lg { text-align: left; }
	.text-right-lg { text-align: right; }
	.text-center-lg { text-align: center; }
}

@media all and (max-width: 480px){
	.post-slider .next{ top: -75px !important; }
	.post-slider .prev{ top: -75px !important; }
	.post-slider { margin-top: 0px !important; }
	.list-carousel .data-bu { display: none; }
}