/*		--RESET
----------------------------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{	
		background:transparent;border:0;outline:0;padding:0;margin:0;}
html,body{font-family: 'Open Sans', sans-serif;font-size:12px;min-height:100%;width:100%;color:#999999;background:#f5f5f5;}
body{overflow-x:hidden}

h1{font-size: 36px;letter-spacing: 3px;color: #222222;text-transform: uppercase;margin-bottom: 15px;}
h2{text-transform: uppercase;color: #222222;margin-top: 10px;
	transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;letter-spacing: 2px;}
h3{text-transform: uppercase;color: #222;}

a{color:#000;text-decoration: none; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
a:hover{color:#9f1438;}
p{margin-bottom: 15px;font-size:15px;line-height:1.5;}
.center{text-align: center;}
.black{color: #000 !important;}
.separator{width:100%;}
/* =============================================================================
 * columns for better content separation -responsive
 * ========================================================================== */

.full       		{overflow: hidden; margin-left: 0; width:100%; float:left;	position:relative;}
.one_half			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.one_third			{overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third			{overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} 
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative;}
.two_fourth			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.three_fourth		{overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative;}
.one_fifth			{overflow: hidden; margin-left: 5%; width:16%; float:left;	position:relative;}
.two_fifth			{overflow: hidden; margin-left: 4%; width:37%; float:left;	position:relative;}
.three_fifth		{overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative;}
.four_fifth			{overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative;}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;}


/*		--VIDEO
----------------------------------------------------------------------------*/
#home{height: 100%;position: relative;width: 100%;}
#wrapper {background:url(../files/gui/pattern.png) repeat;width:100%;height:100%;}

/*		--HEADER
----------------------------------------------------------------------------*/
#header, #header .inside, #header .inside #home{height: 100%;position: relative;}
#header .home-container{position: absolute;bottom: 20%;width: 100%;}
.home-center, .text-slide-vertical li, .div-align-center{text-align: center;}
.div-align-center h1{text-transform: uppercase;color: #fff;font-weight:300px;}
.whatwedo, .whatwedo a{color: #fff;text-transform: uppercase;}
.bullet{margin: 0 10px;opacity: 0.9;color: #fff;}
.icon-down-open.flickering{position: relative;bottom: -50px;color: #fff;font-size: 30px;display: block;width: 50px;margin: 0px auto;}
.icon-down-open.black.flickering{bottom:-10px;}
.flickering{/*-moz-animation: swing 1s 1s ease-in-out infinite;
    -moz-transform-origin: center top;
    -webkit-animation:swing 1s 1s ease-in-out infinite;
    -webkit-transform-origin:top;*/
    -webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}

.flickering:hover{-moz-animation: swing 1s 1s ease-in-out infinite;
    -moz-transform-origin: center top;
    -webkit-animation:swing 1s 1s ease-in-out infinite
    -webkit-transform-origin:top;}

@keyframes swing{
		0%{transform:translate(0,-10px)}
		50%{transform:translate(0,10px)}
		100%{transform:translate(0,-10px)}
}

@-webkit-keyframes swing{
	0%{-webkit-transform:translate(0,-10px)}
	50%{-webkit-transform:translate(0,10px)}
	100%{-webkit-transform:translate(0,-10px)}
}

@-moz-keyframes swing{
	0%{-moz-transform:translate(0,-10px)}
	50%{-moz-transform:translate(0,10px)}
	100%{-moz-transform:translate(0,-10px)}
}

@-o-keyframes swing{
	0%{-o-transform:translate(0,-10px)}
	50%{-o-transform:translate(0,10px)}
	100%{-o-transform:translate(0,-10px)}
}

@-ms-keyframes swing{
	0%{-ms-transform:translate(0,-10px)}
	50%{-ms-transform:translate(0,10px)}
	100%{-ms-transform:translate(0,-10px)}
}

	/*		--PRELOADER
	----------------------------------------------------------------------------*/
	/*.mask {background-color:#FFF;width:100%;height:100%;position:fixed;z-index:9999999999999999;}	
	#loader {background:url(../files/gui/loader.png) center center no-repeat;height: 50px;width: 50px;left: 50%;top: 50%;position: absolute;
		margin: -25px 0 0 -25px;}*/

	/*		--ELEMENT FADING
	----------------------------------------------------------------------------*/
	.element_from_top{top: -50px;padding-right: 0px;opacity: 0;position: relative;}
	.element_from_bottom {bottom: -50px;padding-left: 0px;opacity: 0;position: relative;}
	.element_from_left {left: -80px;padding-right: 0px;opacity: 0;position: relative;}
	.element_from_right {right: -80px;padding-left: 0px;opacity: 0;position: relative;}
	.element_fade_in {opacity: 0;position: relative;padding-left: 0px;right: 0px;}

/*
	.mobile .element_from_top, .mobile .element_from_bottom, .mobile .element_from_left,
	.mobile .element_from_right, .mobile .element_fade_in{position: static; opacity: 1; top:0px;}
*/

/*		--NAVIGATION
	----------------------------------------------------------------------------*/
	#navigation-sticky-wrapper{z-index:500;position: relative;}
	#navigation{background-color: #fff;box-shadow:0 10px 10px -10px #c3c3c3;}
	#navigation_inner{max-width: 1200px; margin: 0px auto;min-height: 75px;}
	#navigation .mod_navigation.standardnav ul li{float:left;text-transform: uppercase;margin-right: 60px;padding: 5px;}
	#navigationwrapper #navigation{max-width:1200px;margin: 0px auto;padding-top: 30px;}

	#navigation .mod_navigation{margin-left: 240px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 400;font-size: 14px;padding-top:30px;}
	#navigation .mod_navigation.standardnav ul{list-style-type: none;}
	
	#navigation .mod_navigation a{color: #999999;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
	#navigation .mod_navigation span, #navigation .mod_navigation a:hover, #navigation .mod_navigation a.trail{color: #000;}

	#navigation.is-sticky{margin: 0px auto;width:100%;}
	
		/*-- mobile navigation --*/
	#navigation_inner .show-menu{float: right;width: 30px;margin: 20px 0px 7px 10px;height: 31px;padding: 2px;
		background: url(../files/gui/responsive-menu.png) no-repeat 2px 2px;background-size: 30px 30px;cursor: pointer;border-radius: 3px;
		opacity: 0.7;display: none;}
	.mod_navigation.nav-collapse.collapse{display: none;}
		.collapse{position: relative;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;-moz-transition: height 0.35s ease;
			-o-transition: height 0.35s ease;transition: height 0.35s ease;}



/*		--MAIN
----------------------------------------------------------------------------*/
/*.startseite #container{background-color: #f6f6f6;}*/
#main .inside{margin: 0px auto;}
#main .mod_article .innerwrapper{width:90%;max-width:1240px;margin:0px auto;}
#main .mod_article.headerimage .innerwrapper,#main .mod_article.map .innerwrapper{width:100%;}
#main .mod_article{width:100%;padding:100px 0px;}
#main .mod_article.gray{background-color: #f5f5f5;}
#main .mod_article.white{background-color: #fff;}
#main .mod_article.transparent{background-color: rgba(0,0,0,0.4);color:#fff;}
#main .mod_article.transparent h1{color:#fff;}
blockquote{font-weight: 400;font-family: 'Montserrat', sans-serif;text-align: center;}
blockquote p{font-size:16px;}
blockquote p.small{font-size:12px;}

	/*Slider*/
	#main .mod_article.startslider{padding: 0px;margin: 0px;}
	#main .mod_article.startslider .innerwrapper{width: 100%;max-width:100% !important;}
	.rsts-prev{position: absolute;left: 20px;z-index: 999;}
	.rsts-next{position: absolute;right: 20px;z-index: 999;}
	.rsts-skin-default .rsts-nav{left: 0px !important; width: 100%;}
	.rsts-skin-default .rsts-nav ul{text-align: center;}
	.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop
	{top:50%; margin-top:15px;}
	.rsts-text{position: absolute;top: 40%;max-width: 900px;left: 50%;margin-left: -450px;font-size: 60px;color: #fff;font-weight: 700;
		text-transform: uppercase;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);text-align: center;font-family: 'Open Sans', sans-serif; letter-spacing: 3px;
		line-height:1.2;}
	.rsts-skin-default .rsts-video-play{top: 65% !important;}
	#logo{width: 147px; height: auto;float: left;padding-top: 10px;}

	/*Section title*/
	.section_title{text-align: center;max-width: 700px;margin: 0 auto;margin-bottom: 60px;}
	.border{background: none repeat scroll 0 0 #999999;display: block;height: 2px;margin: 0 auto;width: 100px;margin-bottom: 40px;}	

	/*Leistungen Start*/
	.aerzte, .unternehmen, .soziales, .kultur
	{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding:10px;
		background-color: #eeeeee;height:460px;}

	.aerzte p.fixed_height, .unternehmen p.fixed_height, .soziales p.fixed_height, .kultur p.fixed_height{height:120px;}

	.aerzte img, .unternehmen img, .soziales img, .kultur img
	{width:50%;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}

	.aerzte:hover img, .unternehmen:hover img, .soziales:hover img, .kultur:hover img{width:55%;}

	.aerzte:hover, .unternehmen:hover, .soziales:hover, .kultur:hover
	{background-color: #e5e5e5;}

	.aerzte a, .unternehmen a, .soziales a, .kultur a
	{text-transform: uppercase;font-weight: 400;font-family: 'Montserrat', sans-serif;}

	.aerzte a.see_more, .unternehmen a.see_more, .soziales a.see_more, .kultur a.see_more
	{display: block;position: absolute;bottom: 40px;width: 93%;text-align: center;box-sizing: border-box;}

	/*Icons Leistungsspektrum*/
	.icon_element_wrapper{text-align: right;}
	.icon_element_wrapper:hover .icon-fire:before,
	.icon_element_wrapper:hover .icon-lightbulb:before,
	.icon_element_wrapper:hover .icon-rocket:before,
	.icon_element_wrapper:hover .icon-camera:before,
	.icon_element_wrapper:hover .icon-feather:before,
	.icon_element_wrapper:hover .icon-laptop:before,
	.icon_element_wrapper:hover .icon-docs:before,
	.icon_element_wrapper:hover .icon-heart:before,
	.servicewrapper .one_half .three_fourth.full_service:hover:before,
		.servicewrapper .one_half .three_fourth.print:hover:before,
		.servicewrapper .one_half .three_fourth.web:hover:before,
		.servicewrapper .one_half .three_fourth.illustration:hover:before,
		.servicewrapper .one_half .three_fourth.fotografie:hover:before,
		.servicewrapper .one_half .three_fourth.dreid:hover:before,
		.servicewrapper .one_half .three_fourth.corporate_design:hover:before,
		.servicewrapper .one_half .three_fourth.branding:hover:before{background-color: #9f1438;color: #fff;}

	.icon_element_wrapper.element_from_right{text-align: left;}
	.icon_element_wrapper .three_fourth{height: 130px;}
	
	.icon-heart,.icon-docs,.icon-laptop,.icon-feather{text-align: left;}
	.icon-camera, .icon-rocket, .icon-lightbulb, .icon-fire {text-align: right;}
	.icon-heart:before,
	.icon-docs:before,
	.icon-laptop:before,
	.icon-feather:before,
	.icon-camera:before,
	.icon-rocket:before,
	.icon-lightbulb:before,
	.icon-fire:before{transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;text-align:left;width: 70px !important;height: 47px;background: #ccc;text-align: center;border-radius: 270px;padding-top: 22px;
		margin-top: 11px;font-size: 29px;}

	.servicewrapper .one_half{margin-left: 25px !important;}

	.kontaktdaten.icon-mail:before, .kontaktdaten.icon-location:before{font-size:20px;width:100%;text-align: center;margin-bottom: 10px; margin-top:20px;}
	.kontaktdaten.icon-mail a,
	.kontaktdaten.icon-location a{font-size:15px; color: #fff;}
	.kontaktdaten.icon-mobile:before{font-size:50px;width:100%; text-align: center;margin-bottom: 40px;}
	.kontaktdaten.icon-mobile a{color: #fff;font-size: 72px;
		line-height: 72px;font-family: 'Montserrat', sans-serif;}
	.kontaktdaten.icon-mobile a:hover,
	.kontaktdaten.icon-email a:hover,
	.kontaktdaten.icon-location a:hover{color: #9f1438;}

	/*MAP*/
	#main .mod_article.map .innerwrapper{max-width: 100% !important;}
	#main .mod_article.map{padding:0px !important;margin:0px !important;}
	#map_canvas{width:100%;height:600px;z-index:0;position: relative;}
	#map_canvas img, .google-maps img{max-width: none;}
	#bodyContent p{font-size:12px !important;}

	/*FORM*/
	.ce_form .input-wrapper{text-align:center;}
	.ce_form .input-wrapper label,
	.ce_form .input-wrapper span.captcha_text{display: block;width:100%;text-transform: uppercase;}
	.ce_form .input-wrapper .text,.ce_form .select,
	.ce_form .input-wrapper .textarea,
	.ce_form .input-wrapper .captcha{margin-bottom: 20px;background-color: #f5f5f5;border:solid 1px #ccc;padding:5px;width:96%;max-width:700px;
			font-family: 'Open Sans', sans-serif;margin-top: 3px;}
	.ce_form .input-wrapper .captcha{margin-bottom: 3px;}
	.ce_form .input-wrapper .textarea{background-color: #f5f5f5;border:solid 1px #ccc;padding:5px;width:96%;max-width:700px;height:200px;}
	.submit_container,.submit	{width:200px; margin: 0px auto;}
	.submit{margin-top: 25px;padding: 10px 15px;background-color: #9F1437; color: #fff;text-transform: uppercase;cursor: pointer;
		transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
	.submit:hover{background-color: #ccc;color: #999;}

	.ce_form.anmeldeformular .input-wrapper .textarea{height: 60px;}

	.datenschutz_form_box {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		border: none;
		border: solid 1px #ccc;
		padding:15px;
	}
	
	.checkbox_container {
		border:none;
		padding: 0;
		margin: 0;
	}
	
	#lbl_32_0 {display:none;}
	
	/*ISOTOPE*/
	#isotope{background:#f6f6f6;overflow:visible;}
	#isotope .innerwrapper{width:96%;overflow: visible;}
	#isotope .ce_p_objeckt_ausgabe{position: relative;top: -190px;margin-bottom: -50px;padding:20px;background-color: rgba(255,255,255,0.4);margin-bottom: -190px;}
	.isotope_button{background-color:#fff;border:none; padding: 5px 10px;font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;font-weight: 400;font-size: 14px;text-transform: uppercase;cursor: pointer;
		color:#565656;outline: none !important;}
		.isotope_button:hover, .isotope_button.active{background-color: #9F1437;color: #fff;}
		#iso_01_isotope_filters{margin-bottom: 10px;}

		.item{background-color: #fff;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);}
		.item h1{font-size:18px;line-height:1.2;padding: 5px 10px;}
		.item a{color: #999;}
		.item a:hover{color: #000;}
		.item a:hover .ce_isotope_text{background-color: #e2e2e2;}
		.item p{padding-left:10px; padding-right: 10px;}
		.item .image_container{overflow: hidden;}
		.item .item_date{font-size:11px;margin-top: 20px;margin-left:10px;}
		.item img{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;}
		.item:hover img{-webkit-transform:rotate(2deg) scale(1.5);-moz-transform:rotate(2deg) scale(1.5);
			-o-transform:rotate(2deg) scale(1.5);}

			/*ISOTOPE REFERENZEN*/
			#isotope-referenzen, .isotope_text{
				background-color: #f6f6f6;}
			#main .mod_article.isotope_text{padding-bottom: 0px;}
			#referenzen-isotope_isotope_filters{margin-bottom: 10px;}

	/*TEAM STARTSEITE*/
	.our-team {text-align:center;}	
	.our-team li {display:inline-block;margin:0 50px;height:330px;overflow:hidden;border-radius:3px;position:relative;
		width:260px;}
	.our-team li img {display:block;border-radius:3px;position:relative;z-index:0;	float:left;}
	.team-profile {height:260px;padding:40px 20px 20px 20px;margin-top:235px;z-index:11;position:absolute;
		border-radius:3px;transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;
    	-o-transition:all 0.4s ease 0s;}
	.our-team li:hover > .team-profile {margin-top:0px;background-color:#FFF;box-shadow: 0px 1px 3px rgba(0,0,0,0.1);}
	.team-profile h5 {color:#222222;text-transform:uppercase;}
	p.about-team {margin:20px 0 30px 0;font-size:13px;}
	ul.socials-icons {text-align:center;}
	ul.socials-icons li {width:35px;height:35px;margin:5px;display:inline-block}
	ul.socials-icons li a {opacity:0.5;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;
	  	-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;}
	ul.socials-icons li a:hover {opacity:1;}
	.team-profile h5 {color: #222222;text-transform: uppercase;font-weight: 400;font-family: 'Montserrat', sans-serif;font-size:14px;}

	.mod_article.last{margin-bottom: -20px;}

	/*TEAM DARSTELLUNG*/
	.team .image_container{margin: 0px; padding: 0px;}
	.team .image_container img{width:100%;height:auto;}

	.team .image_container img
		{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;}
	.team .image_container img:hover
		{-webkit-transform:rotate(2deg) scale(1.2);-moz-transform:rotate(2deg) scale(1.2);
			-o-transform:rotate(2deg) scale(1.2);}

	.team .one_third{text-align: center;margin-bottom: 70px;}
	.team .one_third h2::after { content: " "; border: solid 2px #9F1437; display: block; width: 35px; margin: 25px auto; }
	.team img { margin-bottom: 40px; }
	ul.social-buttons { list-style: none; margin: 0; padding: 0; }
	ul.social-buttons li { display: inline-block; margin-right: 10px; }
	ul.social-buttons li:last-child { margin-right: 0; }
	.social-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: #242830; display: inline-block; color: #fff; font-size: 17px; line-height: 40px; text-align: center; }
	.social-btn:hover, .social-btn:focus { background: #9F1437; color: #fff; }
	.social { margin-top: 25px }

	.team .image-wrapper{position: relative;display: block;overflow: hidden;outline: none;}
	.team .hover-image{position: absolute;top: auto;bottom: -100%;left: 0;-webkit-transition: bottom 0.2s ease-out;
		-moz-transition: bottom 0.2s ease-out;-o-transition: bottom 0.2s ease-out;transition: bottom 0.2s ease-out;}
	.teambox:hover .hover-image{bottom: 0;}
	.team .teambox img{margin-bottom:0px;}
	.teambox h2{margin-top:40px;}

	.nextArticle{float: right;}
	.nextArticle, .prevArticle{margin-bottom: 10px;}
	.nextArticle img{margin-left: 10px;position: relative;top: 3px;}
	.prevArticle img{margin-right: 10px;position: relative;top: 3px;}

	/*Waypoints
	========================================================================== */
	.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
	.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
	.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

/*		--FOOTER
----------------------------------------------------------------------------*/
	#footer{text-align: center;padding-bottom: 20px;height: 550px;background-color: #222;color: rgba(255,255,255,0.5);}
	.startseite .footer_inside{padding-top: 20px;}
	#footer a{color: rgba(255,255,255,0.5);}
	#menu_top_inside{text-transform: uppercase; color: #fff;margin-bottom: 20px;}
	.footer_top_inside_wrapper{height:390px;background-color: #e5e5e5;padding-top: 30px;color: #222;}
	.footer_top_inside_wrapper h2{border-bottom: solid 1px #222;padding-bottom: 5px; margin-bottom: 20px;}
	.footer_top_inside{max-width:1200px;margin: 0 auto;width:96%;padding-bottom: 20px;}
	.footer_top_inside p{font-size: 13px;}
	.footer_top_inside .one_third.first{text-align: left;}
	.footer_top_inside .one_third.first h2{text-align: center;}
	.footer_top_inside .partner_logo{max-width: 160px;/* width: 96%; */margin: 0 auto;float: left;margin-right: 15px;}


	#footer .links{margin-top:15px;}
	#footer .links a{color: #fff;text-transform: uppercase;}

	.likeboxwrapper{overflow: hidden;/*height: 210px;*/height:27px;width: 280px;margin: 0px auto;}
	.likeboxwrapper iframe{margin-top: 0px;margin-left: -6px;}

	.social-wrapper{width: 280px; margin: 0px auto;padding-top: 30px;}
	.social-wrapper a img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);
		transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;
		width: 100%; height: auto;}
	.social-wrapper a img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);}
	.social-wrapper .socialicon{display: block; float: left;margin-right: 10px;width: 50px; height: 50px;}

	.keywordswrapper{width: 100%;background: #fff;padding: 10px 0;border: solid 1px #ccc;}
	.keywordswrapper .text{width: 90%;margin: 0px auto;}
	.mod_search .submitwrapper .submit{margin-top: 5px;width:100%;}
	.submit a{color:#fff;}
	.submit:hover a{color: #999;}

	#main .keywordswrapper{max-width:300px;padding: 10px;}
	#main .mod_search .submitwrapper .submit{max-width:300px;}
	#main .mod_search .header{margin-top: 10px;font-size:13px;}
	#main .mod_search h3{text-transform: uppercase;color: #222222;margin-top: 10px;transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;letter-spacing: 2px;
		font-size:18px;}

		#main .mod_search .even, #main .mod_search .odd{padding: 15px;} 
		#main .mod_search .even:hover, #main .mod_search .odd:hover{background-color: #9F1437; color: #fff;}
		#main .mod_search .even:hover h3, #main .mod_search .odd:hover h3,
		#main .mod_search .even:hover h3 a, #main .mod_search .odd:hover h3 a{color: #fff;transition}
		#main .mod_search .even{background-color: #f6f6f6;}

		
	.clear {
		clear:both;
	}	
		
/* =============================================================================
 * media-queries
 * ========================================================================== */

/*     --1200 PX
------------------------------------------------- */
@media only screen and (max-width: 1308px) {
	#isotope .innerwrapper, #isotope-referenzen .innerwrapper{max-width:936px !important; margin: 0px auto;}
}

@media only screen and (max-width: 1240px) {
	#footer{height: 640px;}
	.footer_top_inside_wrapper{height: 490px;}
}

/*     --1200 PX
------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	#main .mod_article{width:100%; /*padding:100px 2%;*/}
	#main .mod_article.map{width:100%;}
	#navigation_inner{width:96%;padding: 0px 2%;}
	#navigation .mod_navigation.standardnav ul li{margin-right:30px;}
}

/*     --1070 PX
------------------------------------------------- */
@media only screen and (max-width: 1070px) {
	.aerzte, .unternehmen, .soziales, .kultur{height:550px;}
	.aerzte p.fixed_height, .unternehmen p.fixed_height, .soziales p.fixed_height, .kultur p.fixed_height{height: 120px;}
	.rsts-text{font-size: 40px;max-width:700px;margin-left: -350px;}
}

@media only screen and (max-width: 990px) {
	#footer .footer_top_inside .one_third{float: none;width: 100%;margin: 0px 0px 50px 0px !important;text-align: center;}
	#footer .footer_top_inside .one_third img{float:none !important;}
	.footer_top_inside_wrapper{height:1000px;}
	#footer{height: 1150px;}
	.social-wrapper{width:180px;}
}

/*     --860 PX
------------------------------------------------- */
@media only screen and (max-width: 960px) {
	/*		--NAVIGATION
	----------------------------------------------------------------------------*/
	.standardnav{display:none;}
	.mod_navigation.nav-collapse.collapse{display: block;background-color: #fefefe;
		width:100%;position: fixed;z-index:999;/*border-bottom: solid 1px #ccc;*/top:75px;}
	.mod_navigation.nav-collapse.collapse ul{width:96%;margin:2%;list-style-type: none;text-transform: uppercase;
		font-weight: 400;font-family: 'Montserrat', sans-serif;text-align: center;font-size:14px;}
	.mod_navigation.nav-collapse.collapse ul li{padding-top: 10px;padding-bottom: 10px;border-bottom: solid 1px #f5f5f5;}
	.mod_navigation.nav-collapse.collapse ul li.last{border:none;}
	#navigation_inner .show-menu{display: block;}
}

/*     --950 PX
------------------------------------------------- */
@media only screen and (max-width: 990px) {
	#isotope .innerwrapper, #isotope-referenzen .innerwrapper{max-width:630px !important; margin: 0px auto;}
}


/*     --880 PX
------------------------------------------------- */
@media only screen and (max-width: 880px) {
	.servicewrapper .one_half{width:100%;margin: 0px !important;}
	.servicewrapper .one_half .three_fourth{float: none;margin: 0px auto !important;clear:both;}
	.servicewrapper .one_half .three_fourth:before{
		font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;
		text-align: center;opacity: .8;font-variant: normal;text-transform: none;width: 70px !important;height: 47px;background: #ccc;text-align: center;
		border-radius: 270px;padding-top: 22px;margin-top: 11px;font-size: 29px;}

		.servicewrapper .one_half .three_fourth.full_service:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e802';}
		.servicewrapper .one_half .three_fourth.print:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e801';}
		.servicewrapper .one_half .three_fourth.web:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e804';}
		.servicewrapper .one_half .three_fourth.illustration:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e803';}
		.servicewrapper .one_half .three_fourth.fotografie:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e800';}
		.servicewrapper .one_half .three_fourth.dreid:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e805';}
		.servicewrapper .one_half .three_fourth.corporate_design:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e806';}
		.servicewrapper .one_half .three_fourth.branding:before{transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
			content: '\e807';}

	.servicewrapper .one_half .one_fourth{display: none;}
	.icon_element_wrapper.element_from_right, .icon_element_wrapper{text-align: center;}
	.icon_element_wrapper .three_fourth {height: 250px;}
}

/*     --860 PX
------------------------------------------------- */
@media only screen and (max-width: 860px) {
	.one_fourth{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
	.one_fourth.first, .one_fourth.secondrow{margin-left: 0!important; clear: left;}

	.one_fourth.leistungsimage{width:100%;float:none;text-align:center;}
	.three_fourth{width:100%;float:none;margin:0px !important;text-align:center;}

	.aerzte, .unternehmen, 
	.soziales, .kultur{margin-bottom: 50px;}

	.aerzte p.fixed_height, .unternehmen p.fixed_height, 
	.soziales p.fixed_height, .kultur p.fixed_height{height:190px;}

	#main .one_third{width: 100%; float: none; margin-left: 0 !important;margin-bottom: 100px;}
	.team .hover-image{position: absolute;top: auto;bottom: -100%;left: 50%;-webkit-transition: bottom 0.2s ease-out;
		-moz-transition: bottom 0.2s ease-out;-o-transition: bottom 0.2s ease-out;transition: bottom 0.2s ease-out;margin-left: -225px;}
}

@media only screen and (max-width: 800px){
	.rsts-text{display: none;}
}

/*     --700 PX
------------------------------------------------- */
@media only screen and (max-width: 700px) {
	.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-prev{display: none;}
	.categorywrapper, .archivewrapper, .tagswrapper{width:100% !important;margin-left:0px !important;text-align: center;margin-bottom: 10px;}
	.mod_news4wardTags{width: 96%;margin:0px auto;}
	#main .mod_article .innerwrapper{width:90%;}
	.mod_news4wardCategories, .mod_news4wardArchiveMenu{margin-bottom: 10px !important;}

	.categorywrapper li, .archivewrapper li{background-color: #f6f6f6;padding: 10px;margin: 4px 10px;background:#fff;}
	#left .tags a{display: block;background-color: #f6f6f6;padding: 10px;margin: 4px 10px;background:#fff;float: none !important; width:100%;font-size:14px !important;}

}

@media only screen and (max-width: 673px) {
	#isotope .innerwrapper, #isotope-referenzen .innerwrapper{max-width:300px !important; margin: 0px auto;}
	 #isotope-referenzen .isotope_button{width: 260px;max-width: 100%;}
	 #isotope-referenzen .ce_p_objeckt_ausgabe {max-width:264px;margin: 0px auto;}
}
/*     --635 PX
------------------------------------------------- */
@media only screen and (max-width: 635px) {
	.mod_rocksolid_slider{display:none;}
	.startseite #isotope .ce_p_objeckt_ausgabe{top: -50px;margin-bottom: -50px;}
	#isotope .isotope_button{width: 260px;max-width: 100%;}
	.item{width:260px !important;}
}

/*     --620 PX
------------------------------------------------- */
@media only screen and (max-width: 620px) {
	.aerzte, .unternehmen, .soziales, .kultur{height:560px;}
	.aerzte p.fixed_height, .unternehmen p.fixed_height, .soziales p.fixed_height, .kultur p.fixed_height{height: 240px;}
}

/*     --530 PX
------------------------------------------------- */
@media only screen and (max-width: 530px) {
	h1{font-size:25px;}
}

/*     --500 PX
------------------------------------------------- */
@media only screen and (max-width: 500px) {
	.one_fourth{width:100%;margin-left: 0!important; clear: left;}
}

/*     --400 PX
------------------------------------------------- */
@media only screen and (max-width: 500px) {
	.aerzte p.fixed_height, .unternehmen p.fixed_height, .soziales p.fixed_height, .kultur p.fixed_height{height: 200px;}
}

@media only screen and (max-width: 430px) {
	.footer_top_inside_wrapper{height:1150px;}
	#footer{height: 1400px;}
}