/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid_wrapper.no_gutter_left {margin-left: 0;}
.autogrid_wrapper.no_gutter_right {margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}
.autogrid.no_gutter_left {padding-left: 0;}
.autogrid.no_gutter_right {padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
	.ce_autogridSpacer {margin: 0!important; line-height: 0!important;}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
body { font-family: 'Montserrat' !important; }

.disabled { pointer-events: stroke; cursor: default; text-decoration: none; }

.pad-t-60 { padding-top: 120px !important; }
.white-box { background: #FFF; padding: 20px; box-shadow:1px 2px 7.28px 0.72px rgba(0, 0, 0, 0.08); }
.white-box p:last-child { margin: 0; }
.white-box a:hover { text-decoration: underline; }

.graybackground { background: rgb(249,249,249); padding: 5vh 5vw; min-height:320px; }
.whitebackground { background: #fff; padding: 5vh 5vw; min-height:320px; }
.bluebackground { background: #009fe3; padding: 5vh 5vw; color: #efefef; min-height:320px; }

.header { box-shadow:1px 2px 7.28px 0.72px rgba(0, 0, 0, 0.08); border-top: 1px solid #eee; position: fixed; top:0; }
.header .inside { max-width: 100%; }
.header .inside .logo a { background-size: 75%; }
.header .inside .social,
.header .inside .mod_changelanguage { float: right; }
.header .inside .social { margin: 0 5px 0 2vw; vertical-align: top; }
.header .inside .social a { margin-right: 5px; }
.header .inside .social a:hover, #bottom .inside .right a:hover { text-decoration: none !important; border-bottom: none; }
.header .inside .mod_changelanguage a { }
.header .inside .mod_changelanguage a span { display: none; }
.header .inside .mod_changelanguage a:hover { text-decoration: none; border: 0; }

.mainmenu ul li ol li::after { content: "//"; position: absolute; top: 0; margin-left: -35px; }
.mainmenu ul li ol li.first::after, .mainmenu ul li ol li ul li::after { display: none; }

.tp-bullets { padding-bottom: 0px; }
.tp-bullets.simplebullets.round .bullet { background: transparent; }
.tp-bullets.simplebullets.round .bullet::before { content: "\f111"; font-family: FontAwesome; font-size: 12px; color: #DDD; }
.tp-bullets.simplebullets.round .selected::before { color: #009fe3 !important; }

body.home #main { padding: 0 0 47px 0; }
body #main { padding: 120px 0 47px 0; }

#newprojekts-start h4 { text-align: center; margin: 0; padding: 40px 0; }
#unsere-identitaet { padding-top: 100px; padding-bottom: 60px !important; }
#unsere-identitaet .ce_image figure img { margin: 0 auto 20px auto; }
#unsere-identitaet h4, #unsere-identitaet p { text-align: center; }
#unsere-mission { background: #f9f9f9; padding-top: 60px !important; padding-bottom: 60px !important; text-align: center; }
#unsere-mission .ce_image figure img { margin: 0 auto; max-height: 100px; width: auto; }
#unsere-mission h5 { font-size: 18px; text-align: center; margin: 20px 0; }
#unsere-mission p { text-align: center; margin: 0; }
#unsere-mission .rsts-skin-default .rsts-nav { text-align: center !important; left: 0; right: 0; bottom: -10px; }
#unsere-mission .rsts-skin-default.rsts-main { padding: 0 0 40px 0; }
.rsts-skin-default .rsts-nav-bullets a { background-color: #DDD !important; border: 0; }
.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color: #009fe3 !important; box-shadow: none; border: 0; }
#unsere-identitaet .ce_image figure img { margin: 0 auto 20px auto; }
#unsere-identitaet h4 { text-align: center; }
#unser-team { padding-top: 100px !important; padding-bottom: 80px !important; }
#unser-team .white-box { text-align: center; }
#unser-team .white-box img { width: 100%; height: auto; }
#unser-team .ce_image figure img { margin: 0 auto 10px auto; }
#unser-team h4 { text-align: center; }
#kompetenzen .ce_text { text-align: center; }
#kompetenzen.pad-t-60 { padding-top: 30px !important; }

#container #newprojekts-start h3 { text-align: center; margin-top: 25px; }
body.fixed-header #top_link { bottom: 60px !important; }
.ce_revolutionslider #linkToContent { bottom: 100px; }
#die-agentur { background: url(/files/cto_layout/img/bg-weich.jpg) no-repeat; background-size: cover; background-position: center center; }
.mod_portfoliolist_v5 { margin: 0; }
.mod_portfoliolist_v5 .item { height: 300px; border: 0; }
.mod_portfoliolist_v5 .item .info { width: 100%; text-align: center; bottom: calc(50% - 52px); }
.mod_portfoliolist_v5 .item .image::after { background: rgba(0, 159, 227, .8); }

#article-49.pad-t-60 { padding-top: 0px !important; }
#article-50.pad-t-60 { padding-top: 0px !important; }
#article-51.pad-t-60 { padding-top: 0px !important; }
#article-52.pad-t-60 { padding-top: 0px !important; }

#details .one_fourth, #details .three_fourth { padding: 0; }
#details .one_fourth .inside { background: #f9f9f9 !important; position: fixed; top: 120px; bottom: 0; height: 100%; padding: 40px 30px; }
#details .one_fourth .inside img { width: auto; max-height: 60px; }
#details .one_fourth .inside p { margin: 0; }
#details .one_fourth .inside .ce_text p:first-child { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }
#details .one_fourth .inside .backlink { text-align: right; margin-top: 20px; }
#details .one_fourth .inside .backlink a { color: #009fe3; font-size: 12px; position: relative; }
#details .one_fourth .inside .backlink a:hover { text-decoration: underline; }
#details .one_fourth .inside .backlink a::before { content: "»"; position: absolute; left: -10px; top: -7px; }
#details .one_fourth .inside .ce_sibling_navigation_news { margin: 30px 0 0 0; }
#details .one_fourth .inside .box_left { display: inline-block; width: 19%; margin: 0; }
#details .one_fourth .inside .box_right { display: inline-block; width: 79%; margin: 0; text-align: right; }
#details .one_fourth .inside .box_right a { display: inline-block; }
#details .one_fourth .inside .box_right a.s-next { margin-left: 10px; position: relative; }
#details .one_fourth .inside .box_right a.s-next::before { position: absolute; content: "|"; left: -10px; }
#details p.back { display: none; }

.ce_gallery .content { background: rgba(0, 159, 227, .8); }

.flexible-gallery-2 { column-count: 2; column-gap: 0px; display: block; line-height: 0; }
.flexible-gallery-3 { column-count: 3; column-gap: 0px; display: block; line-height: 0; }
.flexible-gallery-4 { column-count: 4; column-gap: 0px; display: block; line-height: 0; }

#bottom { width: 100%; position: fixed !important; bottom: 0; z-index: 1000; }
#bottom { box-shadow:1px 2px 7.28px 0.72px rgba(0, 0, 0, 0.08); border-top: 1px dotted #efefef; }
#bottom .inside { max-width: 100%; padding: 10px 40px; }
#bottom .inside .left { vertical-align: top; }
#bottom .inside .left .copy { display: inline-block; vertical-align: top; }
#bottom .inside .left .copy p { margin: 0; }
#bottom .inside .right a:first-child { margin: 0; }

/*Max Screen Size 600px*/

@media only screen and (max-width: 600px) {

	.header.cloned .logo a { background-size: 60%; }
	body #main { padding: 0 0 47px 0; }
	#unsere-identitaet .identiteat { margin-bottom: 25px; }
	#unsere-identitaet .ce_autogridWrapperStart p:last-child { margin-bottom: 0; }
	#unsere-mission img { width: 100%; height: auto; }
	#unsere-mission ce_revolutionslider_text:first-child { font-size: 18px !important; }
	#unser-team { padding: 60px 0 60px 0 !important; }
	#unser-team .thorsten { margin-bottom: 25px; }
	#kompetenzen .ce_autogridWrapperStart { margin-bottom: 25px; }
	#kompetenzen .ce_autogridWrapperStart:nth-child(3) { margin-bottom: 0; }
	.pad-t-60 { padding-top: 70px !important; }
    .header .inside .social,
	.header .inside .mod_changelanguage { display: none; }
	a#linkToContent { bottom: 4vh !important; width: 26px !important; height: 38px !important; }
	#newprojekts-start h4 { padding: 4vh 0; }
	#newprojekts-start .mod_portfoliolist_v5 .item { margin-bottom: 0; }
	.mod_portfoliolist_v5 .item { margin-bottom: 0; }
	#bottom .inside { padding: 10px; }
	#bottom .inside p { line-height: 20px; }
	#bottom .inside .left .copy { display: block; text-align: center; font-size: 0.8725em; }
	#bottom .inside .right { text-align: center; font-size: 0.8725em; }
	.mm-menu .mm-listview { border: 0; }
	.mm-listview > li:not(.mm-divider)::after { display: none; }
	.onepage_page .mm-hasnavbar-top-1 .mm-panels { border-bottom: 1px solid #ddd; }
	body .mm-menu .mod_changelanguage li { padding: 10px 0; background: #eee; }
	body .mm-menu .mod_changelanguage li span.pagetitle { display: none; }
	body .mm-menu .mod_changelanguage li a:hover { background: transparent; }
	.mm-listview > li { border-bottom: 1px solid #ddd; }
	.mm-listview > li > span.active { background: #009fe3; color: #FFF; }
	.mm-listview .mm-next::before { border-color: #ddd !important; }
	#article-41.pad-t-60 { padding-top: 160px !important; }
	#article-41.pad-t-60 .ce_text p:nth-child(3) { margin-bottom: 0; }
	#kompetenzen.pad-t-60 { padding-top: 30px !important; }
	#article-31.pad-t-60 { padding-top: 177px !important; }
	#article-31.pad-t-60 .mb-m { margin-bottom: 0 !important; }
	#article-31.pad-t-60 .ce_autogridWrapperStart:nth-child(2) { margin-bottom: 0; }
	#article-31.pad-t-60 .widget-submit { margin-bottom: 0; }
	#unsere-identitaet.pad-t-60 { padding-top: 110px !important; padding-bottom: 0 !important; }
	#details { padding-top: 70px !important; }
	#details .entry { width: 100% !important; }
	#details .one_fourth .inside { position: relative; top: auto; }
	.flexible-gallery-2 { column-count: 1; column-gap: 0px; display: block; line-height: 0; }
	.flexible-gallery-3 { column-count: 1; column-gap: 0px; display: block; line-height: 0; }
	.flexible-gallery-4 { column-count: 1; column-gap: 0px; display: block; line-height: 0; }
	#article-49.pad-t-60 { padding-top: 70px !important; }
	#article-50.pad-t-60 { padding-top: 70px !important; }
	#article-51.pad-t-60 { padding-top: 70px !important; }
	#article-52.pad-t-60 { padding-top: 70px !important; }
	#article-54.pad-t-60 { padding-top: 160px !important; }
	#article-54.pad-t-60 .ce_autogridWrapperStart { margin-bottom: 25px; }
	#article-54.pad-t-60 .ce_autogridWrapperStart:nth-child(2) { margin-bottom: 0; }
	#article-54.pad-t-60 .ce_text p:last-child { margin-bottom: 0; }
	#article-53.pad-t-60 { padding-top: 160px !important; }
	#article-53.pad-t-60 .ce_autogridWrapperStart { margin-bottom: 25px; }
	#article-53.pad-t-60 .ce_autogridWrapperStart:nth-child(2) { margin-bottom: 0; }
	#article-53.pad-t-60 .ce_text p:last-child { margin-bottom: 0; }
	
	#bottom .inside .right a:first-child { margin-right: 15px; }
	#bottom .inside .right a:last-child { margin: 0; }
	
}