@charset "utf-8";
/* CSS Document */


@media (max-width: 1180px) {
    nav#navigation-main ul li {
        font-size: 12px;
        /*padding: 15px 9px;*/
		margin: 0 0 0 12px;
    }

	nav#navigation-main ul li a{
		padding: 15px 16px 12px 28px;
	}
	nav#navigation-main ul li ul{
		top: 47px;
	}

    #content-top .csc-default.grey {
        margin: 0;
    }

	.news .article.list.col-2.articletype-0 .teaser-text{
		clear: left;
		width: 100%;
		padding: 0px;
	}

	.news .article.list.col-2.articletype-0 .news-img-wrap,
		.news .article.list.col-2.articletype-0 .news-img-wrap img{
		width: 100%;
		height: auto;
	}

	.news.news-single{
		margin: 0px;
	}

	#content-bottom .row.columns-2 .col-1.c2{
		margin-bottom: 0px;
		margin-top: 25px;
	}

	#start #content-bottom .row.columns-2 .col-1.c2{
		margin-top: 25px;
	}

	#content-bottom .row.columns-2 .col-1.c1,
	#content-bottom .row.columns-2 .col-1.c2{
		width: 100%;
		float: none;
		clear: both;
	}


	#content-bottom .row.columns-2 .col-1.c1 .news-img-wrap{
		margin: 20px 0px 20px 0px;
	}

	#start #content-bottom .row.columns-2 .col-1.c2 .news-img-wrap{
		display: none;
	}

	#start .news .news-list-view.teaser .teaser-text{
		padding-left: 0px;
	}

	.news .news-list-view.teaser .news-img-wrap{
		width: 26%;
	}

	.news .news-list-view.teaser .teaser-text{
		width: 74%;
	}

	#start .news .news-list-view.teaser .teaser-text{
		width: 100%;
	}

}


@media (max-width: 1180px) {
    .tx-mbabc .abc-list .list-entry {
        width: 33.3%;
    }
}

@media (max-width: 980px) {
    nav#navigation-main ul li{
        margin: 0 0 0 0px;
	}


    .tx-cgslider .slide .claim span.title {
        font-size: 16px;
        line-height: 25px;
    }

    .tx-cgslider .slide .claim span.description {
        font-size: 30px;
        line-height: 45px;
    }
.brosh {
	padding-top: 0px; margin-left: 0px !important;
	
}
    #content-top {
        margin:25px 0 0 0;
    }

    .cin-teaser-list .teaser-box {
        width: 50%;
    }


    .tx-products .product {
        float: left;
        padding: 7px;
        width: 16.65%;
    }


    #content-bottom .csc-textpic .csc-textpic-imagewrap {
        display: none;
    }

    #content-bottom .csc-textpic .csc-textpic-text {
        margin:0;
    }

    .news-list-view.teaser .news-img-wrap {
       margin: 0px !important;
		width: 50% !important; 
    }

    .news .news-list-view.teaser .teaser-text {
        width: 43%;
		padding: 10px 0px 56px 15px;
    }



	.tx-cgprojects .category.ui-accordion .product-list .project{
		width: 50%;
	}

    footer .row.columns-5 .col-1.c4 {
        clear: both;
        display: none;
    }

    footer .row.columns-5 .col-1.c1,footer .row.columns-5 .col-1.c2,footer .row.columns-5 .col-1.c5 {
        width: 33%;
        margin-bottom: 30px;
    }

    footer .row.columns-5 .col-1.c1 {
        width: 23%;
    }

    footer .row.columns-5 .col-1.c2 {
        text-align: center;
    }

    footer .row.columns-5 .col-1.c3 {
        width: 34%;
        text-align: right;
        display: none;
    }

    footer .row.columns-5 .col-1.c5 {
        width: 43%;
    }
}

@media(max-width: 880px){



	.container .user-status{
		right: 243px;
	}

    #search {
        margin: 0 63px 0 0;
    }

    #nav-toggle {
        display: block;
        position: absolute;
        width: 32px;
        height: 32px;
        z-index: 1099;
        background: url(../images/icons/nav-toggle.png) 70% 70% no-repeat;
        right: 15px;
        top: 1px;
        border: 1px solid #CCC;
        border-radius: 3px;
        cursor: pointer;
    }

    nav#navigation-main {
        position: absolute;
        display: none;
        background: #e7e7e7;
        z-index: 1099;
        float: none;
        width: inherit;
        clear: none;
        top: 50px;
        left: 0;
margin:0;
        padding: 0 0px 0px 0px;
        /*box-shadow: 0 0 3px 3px rgba(0,0,0,.1);*/
    }


    nav#navigation-main > ul {
        margin-bottom: 0;
        background-color: #fff;
    }

    nav#navigation-main ul li:hover, nav#navigation-main ul li.active,nav#navigation-main ul li.open {
        background-color: #ccc;
    }

    nav#navigation-main ul li ul li a {
        background: none !important;
    }

    nav#navigation-main ul li ul li:hover, nav#navigation-main ul li ul li.active, nav#navigation-main ul li ul li.open {
        background-color: #eee;
    }

    nav#navigation-main ul li ul li:hover a {
        color:#333;
    }

    nav#navigation-main ul li ul li ul li:hover , nav#navigation-main ul li ul li ul li.active, nav#navigation-main ul li ul li ul li.open  {
        background-color: #ccc;
    }

    nav#navigation-main ul li {
        position: relative;
        float: none;
        display: block;
        line-height: 35px;
        clear: both;
        margin: 0;
        border-bottom: 1px solid #CCC;
        padding: 0 10px 0px 10px;
    }

    nav#navigation-main > ul > li:last-child {
        border-bottom: none;
    }


    nav#navigation-main ul li .more-nav {
        position: absolute;
        top: 2px;
        right: 2px;
        display: block;
        height: 31px;
        width: 31px;
        line-height: 31px;
        color: #FFF;
        text-align: center;
        font-size: 0;
        background: url(../images/icons/submenu-open.png) no-repeat center center;
    }
    nav#navigation-main ul li .more-nav.close {
        background: url(../images/icons/submenu-close.png) no-repeat center center;
    }


    nav#navigation-main ul li ul {
        position:  static;
        padding: 0 30px 0 0;
        margin:0 0 10px 0;
        width: 95%;
    }

    nav#navigation-main ul li ul li a {
        border-bottom:0px;
        padding:0;
    }

    nav#navigation-main ul li ul li.active a,
    nav#navigation-main ul li ul li:hover a,
        nav#navigation-main ul li ul li.last a {
        border-bottom: 0px;
        padding: 0 0 0px 0;
        color:#000;
    }



    nav#navigation-main ul li ul li {
        position: relative;
        float: none;
        display: block;
        line-height: 35px;
        clear: both;
        margin: 0;
        border-bottom: 1px solid #CCC;
        padding: 0 30px;
    }
    nav#navigation-main ul li ul li:last-child {
        border-bottom:0;
    }

    nav#navigation-main ul li ul li.has-sub ul li {
        line-height:28px !important;
    }

    nav#navigation-main ul li ul li.has-sub ul li:hover a, nav#navigation-main ul li ul li ul li.active a,
    nav#navigation-main ul li ul li.has-sub ul li a{
        padding:0 !important;
        border: 0px !important;
        font-weight: normal;
        color:#000;
    }


    nav#navigation-main ul li.active ul {
        /*display: block;*/
    }



    .tx-products .product {
        float: left;
padding: 7px;
        width: 20%;
    }





    .tx-products .project,.cin-teaser-list.subpage .teaser-box {
        float: left;
        padding:7px;
        width:50%;
    }

    .cin-teaser-list.subpage .teaser-box .more{
        padding: 7px;
        bottom:0px;
    }


    .cin-teaser-list.subpage {
        margin: 0 -7px;
    }



    .tx-mbgallery-pi1 .row .mb-gallery-item {
        float: left;
        margin: 0 1.754% 13px 0;
        width:49.12%;
    }

    .tx-mbgallery-pi1 .row .mb-gallery-item.even {
        margin: 0 0 15px 0;
    }

}

@media(max-width: 750px){
	footer{
		position: inherit;
		bottom: auto;
		
	}
	
	footer #footer-main{
		height:auto;
		overflow: auto;
		position: static;
	}
	
	footer #footer-header,
	footer #footer-line{
		display: none;
	}
	
}

@media (max-width: 670px) {
    .container .user-status {
        right: 40px;
        top: 40px;
    }
	
}

@media (max-width: 640px) {




	.news.news-single .col-2{
		width: 100%;
		clear: both;
	}

		.news.news-single .col-2 .news-img-wrap{
		text-align: center;
		margin-top: 30px;
	}

	.tx-mbabc .abc-entry-description p{
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}


    .tx-cgslider .slide .claim {
        display: none;
    }
    .row.columns-2 .col-1 {
        width: 100%;
        float: none;
    }

    .tx-products .product {
        float: left;
        padding:7px;
        width: 25%;
    }



    .tx-products .category-inner .description {
        width: 100%;
        padding:0;
    }


    .tx-products .category-inner .inner-image{
        float: right;
        padding: 0 0px;
        width: 100%;
        margin: 15px 0 0 0;

    }

    .fancybox-inner {

    }

    .fancybox-inner .product-detail .product-image {
        width: 100%;
    /*    height: 80px;
        overflow: hidden;
        display: none;*/
    }

    .fancybox-inner .product-description {
        margin:0;
    }

	#content-bottom .row.columns-2 .col-1.c1 {
        float: none;
        width: 100%;
    }
}

@media (max-width: 510px) {
	
	footer{
		padding-bottom: 20px;
	}

    footer .row.columns-5 .col-1 {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
	
	  footer .row.columns-5 .col-1.c5 {
        padding-bottom:69px;
        background: url("../images/icons/rostfrei.png") center bottom no-repeat;
        margin: 0;
    }

	.tx-cgprojects .category.ui-accordion .product-list .project{
		width: 100%;
	}

    .tx-mbgallery-pi1 .row .mb-gallery-item {
        float: left;
        width: 100%;
        margin: 0 0 13px 0;
    }
	
	.news.news-single .col-2 .news-img-wrap img{
		width: 100%;
		height: auto;
	}
}


@media (max-width: 480px) {
.news .news-list-view.teaser .teaser-text {
    width: 43%;
    padding: 18px 0px 0px 10px !important;
}
    .tx-mbabc .abc-list .list-entry {
        width: 100%;
    }

	.container .user-status{
		right: 0px;
		top: 40px;
		padding: 0px;
	}

	.container .user-status li{
		float: none;
	}

	.tx-felogin-pi1 .submit,
	.tx-felogin-pi1 input{
		width: 100%;
	}

	.news .article.list.col-2.articletype-0{
		clear: left;
		text-align: center;
		width: 100%;
	}

	.news .news-list-view a.more{
		background: #222222;
		color: white;
		display: inline-block;
		width: 100%;
		padding: 3px;
		text-align: center;
	}

	.news a.last-more{
		width: 92%;
		padding-left: 15px;
		text-align: left;
	}

	.news .news-backlink-wrap{
		padding: 0 15px;
		margin: 15px 0px 0px 0px;
	}

	.news.news-single .news-backlink-wrap a{
		background: #222222;
		color: white;
		display: inline-block;
		width: 100%;
		padding: 3px;
		text-align: center;
	}

    #search {
        display: none;
    }

    #lang {
        margin: 0 60px 0 0;
    }

    .tx-cgslider .slider-prev, .tx-cgslider .slider-next {
       display: none;
   }
    #start #content-bottom .row .col-1 {
        float: none;
        width: 100%;
    }
    .cin-teaser-list .teaser-box {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }


    .tx-products .product {
        float: left;
        padding:7px;

    }
.row.columns-3 .col-1 {
    width: auto !important;
}


    .tx-products .project,.cin-teaser-list.subpage .teaser-box {
        float: left;
        margin: 0 0 13px 0;
        width:100%;
    }

    .tx-products .project.nth-child-4,.cin-teaser-list.subpage .teaser-box.nth-child-4{
        margin: 0 1.754% 13px 0;
    }

    .tx-products .project.nth-child-2,.cin-teaser-list.subpage .teaser-box.nth-child-2{
        margin: 0 0 13px 0;
    }
}