





/* 
----------------------
media querie 1050
-----------------------
*/
@media screen and (max-width: 1050px) {
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description {
		font-size: 28px;
	}
	.textblock_Main_Alternative .textblock_ImageRight,
	.textblock_Main_Alternative .textblock_ImageLeft {
	    background: none;
	}
}

/* 
----------------------
media querie 950
-----------------------
*/
@media screen and (max-width: 950px) {
	#header {
		height: 122px;	
	}
	.main-navigation ul.nav-menu {
		width: auto;
		margin-left: 0;
		padding-left: 3%;
	}
	#mainContainer .chapterhead_HasDescription .chapterhead_W9,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W9 {
		width: 79.75%;
	}
	#mainContainer .chapterhead_HasDescription .chapterhead_W6,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W6 {
		width: 55.225%;
	}
	#mainContainer .image-slideshow .image_Overlay-half,
	#mainContainerDetail .image-slideshow .image_Overlay-half,
	#mainContainer .image-slideshow .slideshow_Overlay-half,
	#mainContainerDetail .image-slideshow .slideshow_Overlay-half {
		width: 55.225%;
	}
	.footer .w6 {
		margin-left: 2%;
		width: 96%;
		text-align: right;
	}
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description {
		font-size: 24px;
		line-height: 1.1;
	}
}

/* 
----------------------
media querie 900
-----------------------
*/
@media screen and (max-width: 900px) {
	.portfolio_Main .portfolio_LeftSide {
	}
	.portfolio_Main .portfolio_MiddleSide {
		width: 38.875%
	}
	.portfolio_Main .portfolio_RightSide {
		width: 22.52%;
	}
	#mainContainer .portfoliosearch_Main {
		font-size: 12px;
	}
	#mainContainer .portfoliosearch_Main label {
		font-size: 12px;
	}
	#mainContainer .portfoliosearch_Main input {
		font-size: 12px;
	}
	#mainContainer .portfoliosearch_Main select {
		font-size: 12px;
	}
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description {
		font-size: 22px;
		line-height: 1.1;
	}
}

/* 
----------------------
media querie 850
-----------------------
*/
@media screen and (max-width: 850px) {
	.footer .icon {
		height: 20px;
		width: 20px;
		font-size: 20px;
		margin-right: 10px;
	}	
	#headContainer .image-slideshow .module_Description p,
	#headContainerDetail .image-slideshow .module_Description p {
		margin-bottom: 0px;
	}
	#mainContainer .image-slideshow .module_DescriptionWrapper,
	#mainContainerDetail .image-slideshow .module_DescriptionWrapper {
	    padding: 20px 50px 20px 20px;
	}	
}

/* 
----------------------
media querie 800
-----------------------
*/
@media screen and (max-width: 800px) {
	#header {
		width: 100%;
	}
	h1,
	.timeline_Main .timeline_MainTitle,
	.rowslider_Main .rowslider_MainTitle,
	.OpenCmsWebform > h1,
	.portfoliolist_Main .portfoliolist_ItemTitle,
	.textblock_Main .textblock_MainTitle,
	.textblock_Main .textblock_Headline,
	.news2_Main .news2_MainTitle,
	.news2_Main .news2_Headline,
	#mainContainer .chapterhead_HasDescription .chapterhead_Headline,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_Headline,
	.listBody_suptext-fmg-image h1,
	.rowteaser_Main .rowteaser_Paragraph .rowteaser_Headline {
		font-size: 20px;
		line-height: 24px;
	}
	.fmgheadMain h1,
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description,
	#mainContainer .image-slideshow .module_Description,
	#mainContainerDetail .image-slideshow .module_Description,
	.chapterhead_Main .chapterhead_Headline {
		font-size: 20px;
		line-height: 24px;
	}
	#headContainer .image-slideshow .module_Overlay .module_DescriptionWrapper,
	#headContainerDetail .image-slideshow .module_Overlay .module_DescriptionWrapper {
		padding-top: 65px;
	}
	.portfoliolist_Main .portfoliolist_ItemWrapper {
		width: 98%;
		margin-top: 20px;
	}
	.rowslider_Main .rowslider_Intro {
		width: 47.05%;
	}
	.rowslider_Main .rowslider_Box {
		width: 96%;
		margin-top: 20px;
	}
	.rowslider_Main .rowslider_ArrowLeft {
		left: -4.25%;
	}
	.portfoliosearch_Main fieldset.last label	{
		display: none;
	}
	.main-navigation {
		width: 100%;
	}
	.menu-toggle {
		display: block;
		cursor: pointer;	
		height: 28px;
		background: #df0613;
	}
	.menu-toggle span {
		display: inline-block;
		margin-left: 4.3%;
		padding-top: 6px;
		height: 20px;
		border-bottom: 4px solid #fff;
		color: #fff;
		font-weight: 400;
	}
	.main-navigation ul.nav-menu {
		display: none;
		height: 0;
	}
	.main-navigation ul.nav-menu.toggled-on {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 20px 0 30px 0;
		margin-top: -4px;
	}
	.main-navigation li {
		float: left;
		clear: left;
		height: auto;	
		border: none;
		padding-left: 3%;		
	}
	.main-navigation  li ul li{
		margin-left: 0;
	}
	.main-navigation  li ul li:first-child,
	.main-navigation  li ul li:last-child{
		padding: 0;
	}
	.main-navigation  li a{
		display: block;
		border: none;
	}
	.main-navigation li a:hover  {
		border: none;
	}
	.main-navigation .aktiv > a  {
		border: none;
	}
	.top-navigation {
		right: 3.5%;
	}
}

/* 
----------------------
media querie 750
-----------------------
*/
@media screen and (max-width: 750px)  {
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description {
		font-size: 18px;
	}
/* 	#headContainer .image-slideshow .module_OverlayWrapper, */
/* 	#headContainerDetail .image-slideshow .module_OverlayWrapper { */
/* 		width: 40.7%; */
/* 	} */
	.portfoliosearch_Main fieldset label	{
		display: none;
	}
	.textblock_Main_Alternative .textblock_ImageLeft, 
	.textblock_Main_Alternative .textblock_ImageRight {
		background: none;
	}
	.footer .w3 {
		width: 47.05%;
	}
	.footer .icon {
		height: 30px;
		width: 30px;
		font-size: 30px;
		margin-right: 20px;
	}
	.footer .w6 {
		text-align: left;
	}
}

/* 
----------------------
media querie 700
-----------------------
*/
@media screen and (max-width: 700px)  {
	#mainContainer .chapterhead_HasDescription .chapterhead_W9,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W9 {
		width: 96%;
	}
	#mainContainer .chapterhead_HasDescription .chapterhead_W6,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W6 {
		width: 71.575%;
	}
	#mainContainer .image-slideshow .image_Overlay-half,
	#mainContainerDetail .image-slideshow .image_Overlay-half,
	#mainContainer .image-slideshow .slideshow_Overlay-half,
	#mainContainerDetail .image-slideshow .slideshow_Overlay-half {
		width: 71.575%;
	}
	#headContainer .image-slideshow .module_Overlay .module_DescriptionWrapper,
	#headContainerDetail .image-slideshow .module_Overlay .module_DescriptionWrapper {
		padding-top: 50px;
	}
	.portfolio_Main .portfolio_LeftSide,
	.portfolio_Main .portfolio_MiddleSide {
		clear: left;
		width: 63.4%;
	}
	.portfolio_Main .portfolio_RightSide {
		position: absolute;
		right: 3%;
		/*top: 50px; ?? */
		width: 30.7%;
	}
	.portfolio_Main .portfolio_LeftSide img {
		width: 95%;
	}
	.portfolio_Main .portfolio_LeftSide .icon {
		margin-bottom: 30px;
	}
	.rowteaser_Main .rowteaser_ParagraphHasColorBox .rowteaser_Text p {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	#headContainer .image-slideshow .icon,
	#headContainerDetail .image-slideshow .icon,
	.icon.size-big[class^="-icon"], 
	.icon.size-big[class*=" -icon"],
	.icon.size-middle[class^="-icon"], 
	.icon.size-middle[class*=" -icon"] {
    	height: 40px;
	}
	.icon.size-big[class^="-icon"]:before, 
	.icon.size-big[class*=" -icon"]:before,
	.icon.size-middle[class^="-icon"]:before, 
	.icon.size-middle[class*=" -icon"]:before {
    	font-size: 40px;
	}
}

/* 
----------------------
media querie 650
-----------------------
*/
@media screen and (max-width: 650px)  {
	h1,
	.timeline_Main .timeline_MainTitle,
	.rowslider_Main .rowslider_MainTitle,
	.OpenCmsWebform > h1,
	.portfoliolist_Main .portfoliolist_ItemTitle,
	.textblock_Main .textblock_MainTitle,
	.textblock_Main .textblock_Headline,
	.news2_Main .news2_MainTitle,
	.news2_Main .news2_Headline,
	#mainContainer .chapterhead_HasDescription .chapterhead_Headline,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_Headline,
	.listBody_suptext-fmg-image h1,
	.rowteaser_Main .rowteaser_Headline {
		font-size: 18px;
		line-height: 22px;
	}
	.fmgheadMain h1,
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description,
	#mainContainer .image-slideshow .module_Description,
	#mainContainerDetail .image-slideshow .module_Description,
	.chapterhead_Main .chapterhead_Headline {
		font-size: 18px;
		line-height: 20px;
	}
	#headContainer .image-slideshow .module_Overlay .module_DescriptionWrapper,
	#headContainerDetail .image-slideshow .module_Overlay .module_DescriptionWrapper {
		padding-top: 35px;
	}
	.portfoliosearch_Main fieldset.last	{
		display: none;
	}
}


/* 
----------------------
media querie 568
-----------------------
*/
@media screen and (max-width: 567px)  {
	.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,
	.textblock_Main_Alternative .textblock_OuterContent_teaserTop,
	.textblock_Main_Alternative .textblock_InnerContent_teaserTop,
	.textblock_Main_Alternative .textblock_InnerContent_bothTop,
	.textblock_Main_Alternative .textblock_InnerContent_kickerTop .textblock_InnerText,
	.textblock_Main_Alternative .textblock_InnerContent_standard .textblock_InnerText,
	.textblock_Main_Alternative .textblock_OuterContent_bothTop .textblock_Headlines,
	.textblock_Main_Alternative .textblock_ImageLeft, 
	.textblock_Main_Alternative .textblock_ImageRight,
	.textblock_OuterContent_teaserTop,
	.textblock_InnerContent_teaserTop,
	.textblock_InnerContent_bothTop,
	.textblock_InnerContent_kickerTop .textblock_InnerText,
	.textblock_InnerContent_standard .textblock_InnerText,
	.textblock_OuterContent_bothTop .textblock_Headlines,
	.textblock_ImageLeft, 
	.textblock_ImageRight,
	.news2_OuterContent_teaserTop,
	.news2_InnerContent_teaserTop,
	.news2_InnerContent_bothTop,
	.news2_InnerContent_kickerTop .news2_InnerText,
	.news2_InnerContent_standard .news2_InnerText,
	.news2_OuterContent_bothTop .news2_Headlines,
	.news2_ImageLeft, 
	.news2_ImageRight,
	.timeline_Main .timeline_Timeitem,
	.listBody-default #list_center_pages,
	.listBody_suptext-default,
	.listBody_suptext-fmg-image,
	.listBody-fmg-image #list_center_pages,
	.portfoliolist_Main .portfoliolist_ItemWrapper,
	.rowslider_Main .rowslider_Intro,
	.rowslider_Main .rowslider_Box,
	#mainContainer .chapterhead_HasDescription .chapterhead_W6,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W6,
	#mainContainer .chapterhead_HasDescription .chapterhead_W9,
	#mainContainerDetail .chapterhead_HasDescription .chapterhead_W9,
	#headContainer .image-slideshow .module_OverlayWrapper,
	#headContainerDetail .image-slideshow .module_OverlayWrapper,
	form[middletext="middletext"] .webform_middletext,
	.webform_subrow {
		width: 96%;
	}
	.listBody_suptext-fmg-image {
		min-height: 100px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}
	.listBody_suptext-fmg-image .spanBottom {
		margin-top: 50px;
		position: relative;
		bottom: 0;
	}
	.textblock_Main .spanBottom a,
	.news2_Main .spanBottom a {
		margin-top: 35px;
		margin-bottom: 25px;
	}
	.timeline_Main .timeline_Timeitem .timelineImage {
		display: none;
	}
	.textblock_Main_Alternative .textblock_ImageLeft {
		margin-bottom: 20px;
		background: url(/export/system/modules/de.wmg.fmg.template/resources/img/doublearrow_right.gif) top right no-repeat transparent;
	}
	.textblock_Main_Alternative .textblock_ImageRight {
		margin-bottom: 20px;
		background: url(/export/system/modules/de.wmg.fmg.template/resources/img/doublearrow_left.gif) top left no-repeat transparent;
	}
	.fmgheadMain .decker {
		position: absolute;
		margin: 0 0 0 -2%;
		background: #df0613;
		height: 37%;
		width: 100%;
		opacity: .8;
	}
	.fmgheadMain .decker:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 80px 284px 0 284px;
		border-color: #df0613 transparent;
		display: block;
		width: 0;
		z-index: 1;
		margin-top: 0;
		margin-right: -284px;
		right: 50%;
		top: 100%;
	}
	.headContainerWrapper {
		margin: -28px 0 20px 0;
	}
	#headContainer .image-slideshow .module_ButtonNav,
	#headContainerDetail .image-slideshow .module_ButtonNav {
		margin-bottom: 0px;
	}
	#mainContainer .image-slideshow .module_Image,
	#mainContainerDetail .image-slideshow .module_Image {
    	opacity: 1;
	}
	.image-slideshow .module_OverlayWrapper {
		position: relative;
	}
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description {
		font-size: 20px;
		margin-bottom: 5px;
		line-height: 23px;
	}
	#headContainer .image-slideshow .module_Headline,
	#headContainerDetail .image-slideshow .module_Headline,
	#mainContainer .image-slideshow .module_Headline,
	#mainContainerDetail .image-slideshow .module_Headline,
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description,
	#mainContainer .image-slideshow .module_Description,
	#mainContainerDetail .image-slideshow .module_Description {
		padding-left: 4%;
	}
	#headContainer .image-slideshow .module_Overlay .module_DescriptionWrapper,
	#headContainerDetail .image-slideshow .module_Overlay .module_DescriptionWrapper {
    	padding: 5px 0px 20px 0px;
	}
	#headContainer .image-slideshow .module_ImageItem ,
	#headContainerDetail .image-slideshow .module_ImageItem {
		border-bottom: 6px solid rgb(223,6,19);
	}
	#headContainer .image-slideshow .image_ImageItem-hasIcon .module_Overlay .module_DescriptionWrapper,
	#headContainerDetail .image-slideshow .image_ImageItem-hasIcon .module_Overlay .module_DescriptionWrapper {
		padding: 5px 0px 20px 0px;
	}
	#mainContainer .image-slideshow .module_DescriptionWrapper,
	#mainContainerDetail .image-slideshow .module_DescriptionWrapper {
    	padding: 20px 0px 20px 0px;
	}
	#headContainer .image-slideshow .module_Headline,
	#headContainerDetail .image-slideshow .module_Headline,
	#mainContainer .image-slideshow .module_Headline,
	#mainContainerDetail .image-slideshow .module_Headline,
	#headContainer .image-slideshow .module_Description,
	#headContainerDetail .image-slideshow .module_Description,
	#mainContainer .image-slideshow .module_Description,
	#mainContainerDetail .image-slideshow .module_Description,
	#headContainer .image-slideshow .module_Description a,
	#headContainerDetail .image-slideshow .module_Description a,
	#mainContainer .image-slideshow .module_Description a,
	#mainContainerDetail .image-slideshow .module_Description a {
		color: #4d4d4d;
	}
	.fmgheadMain .w5 {
		padding-top: 70px;
		width: 96%;
	}
	.fmgheadMain h1,
	.fmgheadMain h2 {
		margin-left: 70px;
		margin-right: 40px;
	}
	.fmgheadMain .icon {
		position: absolute;
		top: 70px;
		left: 0;
	}
	.image-slideshow .module_ControlArrowWrapper {
		display: none !important;
	}
	#mainContainer .image-slideshow .module_IconItem .icon,
	#mainContainerDetail .image-slideshow .module_IconItem .icon {
		padding: 20px 4% 20px 4%;
	}
	#headContainer .image-slideshow .module_IconItem .icon,
	#headContainerDetail .image-slideshow .module_IconItem .icon {
		padding: 20px;
	}
	#headContainer .image-slideshow .icon, 
	#headContainerDetail .image-slideshow .icon,
	#mainContainer .image-slideshow .icon,
	#mainContainerDetail .image-slideshow .icon {
		margin: 0px;
		width: auto;
		background: rgb(0,0,0); /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, 
		            rgba(0,0,0,0.2) 0%, 
		            rgba(0,0,0,0.2) 0%, 
		            rgba(0,0,0,0.2) 0%, 
		            rgba(0,0,0,0) 50%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover, 
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center, 
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0.2) 0%,
		            rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
/* 	#headContainer .image-slideshow .icon.color-white, */
/* 	#headContainerDetail .image-slideshow .icon.color-white, */
/* 	#headContainer .image-slideshow .icon.color-black, */
/* 	#headContainerDetail .image-slideshow .icon.color-black { */
/* 		color: #df0613; */
/* 	} */
	#mainContainer .image-slideshow .module_Collection,
	#mainContainerDetail .image-slideshow .module_Collection {
		background: #fff;
	}
	.sub-navigation li {
		height: auto;
	}
	.sub-navigation li a {
		border-bottom: 4px solid #ccc;
	}
	.image-slideshow .image_IconItem-biggerScreen, 
	.image-slideshow .slideshow_IconItem-biggerScreen {
    	display: none;
	}
	.image-slideshow .image_IconItem-smallerScreen, 
	.image-slideshow .slideshow_IconItem-smallerScreen {
    	display: block;
    	position: absolute;
	}
	#headContainer .image-slideshow .image_IconItem-smallerScreen, 
	#headContainerDetail .image-slideshow .image_IconItem-smallerScreen, 
	#headContainer .image-slideshow .slideshow_IconItem-smallerScreen,
	#headContainerDetail .image-slideshow .slideshow_IconItem-smallerScreen {
    	top: 30px;
	}
}

/* 
----------------------
media querie 500
-----------------------
*/
@media screen and (max-width: 500px)  {
	.chapterhead_Main .chapterhead_HasImage .chapterhead_Left {
		float: left;
		width: 100%;
	}
	.chapterhead_Main .chapterhead_HasImage .chapterhead_Right {
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.chapterhead_Main .chapterhead_HasImage .chapterhead_Right img {
		width: 80%;
	}
	.chapterhead_Main ul {
		width: 40%;
		margin: 0 10% 0 0;
	}
}

/* 
----------------------
media querie 480
-----------------------
*/
@media screen and (max-width: 480px) {
	.portfolio_Main .portfolio_LeftSide, 
	.portfolio_Main .portfolio_MiddleSide {
		width: 96%;
	}
	.portfolio_Main .portfolio_RightSide {
		position: relative;
		right: 0;
		top: 0;
		width: 96%;
		padding: 4%;
	}
	.portfolio_Main .portfolio_RightSide img {
		position: absolute;
		right: 4%;
		top: 4%;
		width: 35%;
	}
	.portfolio_Main .portfolio_LeftSide img {
		width: 100%;
	}
	.portfolio_Main .portfolio_LeftSide .icon {
		margin-bottom: 30px;
	}
	#mainContainer .portfoliosearch_Main select {
		width: 90%;
		clear: left;
	}
	.timeline_Main .timeline_Timeitem  {
		float: right;
		margin: 0 2% 0 0;
		padding: 0 0 50px 0;
		background-position: 60px 0;
	}
	.timeline_Main .timeline_Headline {
		margin-left: 100px;
	}
	.timeline_Main .timeline_Text p {
		margin-left: 100px;
	}
	.timeline_Main .timeline_Date {
		margin-left: 100px;
		left: -100px;
		font-size: 22px;
	}
	.top-navigation li {
		margin-left: 10px;
	}
	.top-navigation input {
		width: 100px;
	}
	#headContainer .image-slideshow .module_ButtonNav, 
	#headContainerDetail .image-slideshow .module_ButtonNav {
    	margin-bottom: -13px;
	}
	#headContainer .image-slideshow .slideshow_Li,
	#headContainerDetail .image-slideshow .slideshow_Li {
	    width: 6px;
	    height: 6px;
	}
}

/* 
----------------------
media querie 400
-----------------------
*/
@media screen and (max-width: 400px) {
	.rowslider_AdditionalStyles .rowslider_Button {
		margin-bottom: 10px;	
	}
	.listEntry-default  {
		padding:25px 0 25px 18.75%;
	}
	.listBody-default .listEntryDate2 {
		width: 12.75%;
		font-size: 16px;
	}
	.listBody-default .listEntryDate2 span {
		font-size: 28px;
		margin-top: 10px;
	}
	.OpenCmsWebform > p img {
		float: left;
		clear: left;
	}
	.OpenCmsWebform > h1 {
		width: 100%;
	}
	.top-navigation a {
		display: none;
	}
	.footer .w3 {
		width: 96%;
		min-height: 50px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

/* 
----------------------
media querie 350
-----------------------
*/
@media screen and (max-width: 350px) {
	.fmgheadMain h1, 
	.fmgheadMain h2 {
		margin-left: 50px;
	}
	.fmgheadMain .icon {
		font-size: 35px;
		height: 35px;
		width: 35px;
		top: 70px;
	}
}

/* 
----------------------
media querie 320
-----------------------
*/
@media screen and (max-width: 320px) {

}

/* 
----------------------
media querie print
-----------------------
*/
@media print {
	
}