@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,400italic,600,600italic,700,700italic,200italic);

html *
{
	position: relative;
	margin: 0px;
	padding: 0px;
}

body
{
  font-family: "Source Sans Pro",Helvetica,Arial,"sans serif";
  font-weight: 300;
  font-size: 14px;

}
body#page
{
	color: #101010;
   background: #000;
   background: rgba( 0, 0, 0, 0.85 );
}

h1
{
	padding-bottom: 15px;
	font-size: 18px;
   text-transform: uppercase;
}

h2
{
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 18px;
   text-transform: uppercase;
}
h3
{
	padding-bottom: 5px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: 400;
}

p, ul, ol
{
	padding-top: 3px;
	padding-bottom: 5px;
}

p 
{
	break-inside: avoid-column;	
}

em
{
	font-style: normal;
	text-transform: uppercase;
	color: #C9C9C9;
}

#mainContent p em,
.htmlarea-content-body p em
{
   font-style: italic;
   text-transform: none;
   color: inherit;
}

#centreArea p,
#centreArea ul,
#centreArea ol,
#dropDownElement p,
article p
{
	font-weight: 400;
}


div#centreArea p.bodytext
{
	line-height: 160%;	
}

#centreArea h2
{
	color: #808080;
}

ul,ol
{
	margin-left: 12px;
	padding-left: 5px;
}

ul
{
	list-style: square;
}

ul ul
{
	list-style: disc;
}

ul.menu
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/**/

hr {
    border: 0;
    margin: 20px 0 20px 0;
    padding: 0;
    height: 2px;
  background: url(../images/trenner.gif) repeat-x;
}

#mainContent h1,
.pageContentWrapper h1
{
    color: #707070;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
	text-transform: uppercase;
}

.pageContentWrapper h2
{
	font-size: 24px;
	text-transform: uppercase;
}

span.detail 
{
  font: bold 11px Verdana,Arial,"Helvetica Neue";
  color: #FFAA00;
}

table td
{
	vertical-align: top;
}

#site-name a
{
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  text-decoration: none;
  color: #fff;
  font-size: 24px;
  background: url(images/logo_alpha-armouring.png) no-repeat;
}

div#outerWrapper
{
	width: 100%;
	max-width: 2200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 1;
}

#site-slogan
{
  position: absolute;
  top: 52px;
  left: 475px;
  color: #b3c6c7;
  width: 380px;
  font-size: 20px;
  font-weight: 700;
  text-shadow: #131313 1px 1px 0;
  display: none;
}

#news 
{
  position: absolute;
  top: 46px;
  right: 17px;
  border: 0;
  color: #000;
}

/* temporarily disable top news item *
#site-name-slogan div#news
{
	display: none;
}
*/
#sectionContent h1
{
  /*width: 540px;*/
  color: #b3c6c7;
  font-size: 17px;
  font-weight: 700;
  padding: 8px 10px 0 25px;
  text-shadow: none;
}

#sectionClaim h3
{
  color: #fff;
  font-size: 24px;
}

a,
a:visited
{
	color: #101010;
	text-decoration: none;
}
a:hover
{
	color:  #000;
}

/**************************************************
 **                                              **
 **                header area                   **
 **                                              **
 **************************************************/

#headerWrapper
{
	position: fixed;
	height: auto;
	max-width: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #000;
	background: rgba( 0, 0, 0, 0.85 );
	
	z-index: 100;
	
    -moz-transition: height 0.5s ease-in;
    -webkit-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
	
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	animation-timing-function: ease-in;
}

div#teaserWrapper
{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#teaserWrapper.withSlider
{
	width: 100%;
	-moz-transform: translate3d(0px, 100px, 0px);
	-ms-transform: translate3d(0px, 100px, 0px);
	-webkit-transform: translate3d(0px, 100px, 0px);
	-o-transform: translate3d(0px, 100px, 0px);
	transform: translate3d(0px, 100px, 0px);
}
div#header
{
   max-width: 1920px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#logo
{
	display: inline-block;
	height: 80px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#logo img
{
    height: 100%;
    width: auto;
	
    overflow:hidden;
}

div#langSelect
{
	position: absolute;
	display:  inline-block;
	top: 10px;
	right: 20px;
}

#langSelect ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#langSelect ul li.langItem
{
	display: inline-block;
	margin-left: 10px;
}

/***********************************
************************************
****
****	Navigation
****
************************************
***********************************/
#mainMenuWrapper
{
	position: absolute;
	top: 29px;
	right: 0px;
}
#mainMenuWrapper ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainMenuWrapper li.last-item
{
	border: none;
}

#mainMenuWrapper a
{
	text-decoration: none;
	font-size: 16px;	
	color: #F0F0F0;
}

#mainMenuWrapper *
{
    z-index: 3;
}

#mainMenuWrapper ul.level1
{
    padding: 0;
    text-align: right;
	font-size: 18px;
	z-index: 7;
}

#mainMenuWrapper li.level1
{
    display: inline-block;
    float: none;
    margin-bottom: 0;
	text-transform: uppercase;
}

#mainMenuWrapper li.level1.first-item
{
	margin-left: -20px;
}

#mainMenuWrapper .level1 div.menuItemInnerWrap
{
	margin-bottom: 12px;
	margin-top: 12px;
    padding: 0px 20px;
    white-space: nowrap;
	border-right: 1px solid #b6b6b6;
}

#mainMenuWrapper .level1.first-item div.menuItemInnerWrap
{
}

#mainMenuWrapper .level1.last-item div.menuItemInnerWrap
{
	border: none !important;
}

#mainMenuWrapper li.level1:hover
{
	/*background-color: rgba(200,200,200,0.95);*/
	
        -webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
	
}
#mainMenuWrapper li.level1:hover > a
{
	color: #C9C9C9;
}

#mainMenuWrapper li.level1 li.menuItem
{
    border-bottom: 1px solid #aaa;
    padding: 4px 10px;
    text-align: left;
}

/* hide video item 
#mainMenuWrapper li.level1.menu_7
{
	display: none;
}
*/
#mainMenuWrapper ul.level2 
{
    display: none;
    position: absolute;
    min-width: 12em;
    width: auto;
	height: 0px;
    left: 0;
    top: 34px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0.3em;
    padding-top: 13px;
	padding-left: 0px;
    text-align: left;
    z-index: 999;
	list-style: none;
	
        -webkit-transition: all 1s, -webkit-transform 1s;
        -moz-transition: all 1s, -moz-transform 1s;
        -ms-transition: all 1s, -ms-transform 1s;
        -o-transition: all 1s, -o-transform 1s;
        transition: all 1s, transform 1s;
}

#mainMenuWrapper li.level1:hover ul.level2
{
    display: block;
	height: auto;
	
        -webkit-transition: all 1s, -webkit-transform 1s;
        -moz-transition: all 1s, -moz-transform 1s;
        -ms-transition: all 1s, -ms-transform 1s;
        -o-transition: all 1s, -o-transform 1s;
        transition: all 1s, transform 1s;
	
	-webkit-transition-delay: 1s; /* Safari */
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
#mainMenuWrapper ul.level1 .level2 a
{
	display: block;
	width: 90%;
}
#mainMenuWrapper ul.level1 a,
#mainMenuWrapper ul.level1 a:visited,
#mainMenuWrapper ul.level1 a:hover
{
	text-decoration: none;
}
#mainMenuWrapper ul.level2 li.level2
{
	background-color: rgb(250,250,250);
	background-color: rgba(250,250,250,0.9);
	padding: 7px;
	z-index: 999;
}

.darkTheme #mainMenuWrapper ul.level2 li.level2
{
	padding-left: 15px;
	background: #3E3E3E;
	background: rgba( 62, 62, 62, 0.9 );
}

#mainMenuWrapper ul.level2 li.level2:hover
{
	background-color: rgba(200,200,200,1);
	
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
}

#mainMenuWrapper li.level2:hover > a
{
	color: #202020;
}

#mainMenuWrapper li.level2 ul.level3
{
    display: none;
    position: absolute;
    width: 0px;
    left: 100%;
    top: 0px;
    margin-left: 0px;
    margin-top: 0px;
    min-width: 10em;
    padding-bottom: 0.3em;
    padding-top: 0em;
	padding-left: 0;
    text-align: left;
    z-index: 4;
	list-style: none;
}

#mainMenuWrapper ul.level2 
{
    padding-top: 12px;
}

#mainMenuWrapper li.level2:hover ul.level3
{
    display: block;
	width: auto;
	
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -ms-transition: width 1s ease;
        -o-transition: width 1s ease;
        transition: width 1s ease;
}

#mainMenuWrapper ul.level2 li.level3
{
	background-color: rgba(200,200,200,0.95);
	padding: 7px;
}

.darkTheme #mainMenuWrapper ul.level2 li.level3
{
	padding-left: 15px;
	
	background: #3E3E3E;
	background: rgba( 52, 52, 52, 0.9 );
}

#mainMenuWrapper ul.level2 li.level3:hover
{
	background-color: /*rgba(200,200,200,1)*/darkgrey;
	color: white;
}


/*  language im einsatz */

#edit-lang-dropdown-select-wrapper 
{
  width: 120px;
  text-align: right;
}

div.lang
{
	float: right;
	margin-left: 10px;
	text-decoration: underline;
	color: #FFAA00;
}

.lang a,
.lang a:visited
{
	text-decoration: underline;
}


/* @group language selection */

.block-locale {
  position: absolute;
  right: 0;
  top: 0;
}

.block-locale ul li{
  float: right;
  list-style-type: none;
  margin-left: 10px;
}
.block-locale ul li a{
  color: #fff;
  text-decoration: none;
}

#block-lang_dropdown-0
{
  position: absolute;
  right: 20px;
  top: 10px;
}

/* @end */


/* @group footer */
/*IE6*/


/* @end */

.page-admin #main
{
  background: #fff;
  padding: 20px;
}

#bottomnav 
{
  float: left;
  margin: 0 40px 0 0;
}


table.lang-menu tr td 
{
  padding: 0 0 0 10px;
}


ul.csc-menu-1 li 
{
  list-style-type: none;
  margin:0;
  padding:0;
}


/* ################ Logo Slider Inhalt ########## */
div.logoimg 
{
  position: relative;
  left: 0;
  top: 0;
}

div.logotext 
{
  position: relative;
  left: 230px;
  top: 0 ;
}
div.boxtext h2 
{
height: 70px;
}

/***********************************
************************************
****
****	Style Flo
****
************************************
***********************************/

div#innerWrapper
{
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	-webkit-box-shadow: 0px 0px 60px -25px #F0F0F0;
	-moz-box-shadow: 0px 0px 60px -25px #F0F0F0;
	box-shadow: 0px 0px 60px -25px #F0F0F0;
	
	z-index: 5;
}

div#centreAreaWrapper
{
	width: 100%;
	margin-top: 0px;
	padding-top: 30px;
	background: #000;
	background: rgba( 0, 0, 0, 0.85 );
	
	/*background: url(/fileadmin/templates/images/bg-metallic.png);
	background-size: 100% auto;
	background-position: left top;
	background-repeat: repeat-y;*/
}

.productDetail div#centreAreaWrapper
{
	padding-top: 0px;
}


#topBarWrapper
{
    background-color: #fff;
	padding-top: 2px;
	padding-bottom: 1px;
	/*display: none;*/								/* TEMPORÄRER CODE*/
}

.stdPage #dropDownElement,
.videoPage #dropDownElement
{
	display: none;	
}

.stdPage #contentWrapper,
.videoPage #contentWrapper,
.contactPage #mainContent
{
	/*background-color: #e5e5e4;*/
	margin: 0 auto;
	max-width: 1600px;
	padding-top: 20px;
}

#topBar,
#imageFlowInnerWrapper
{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;	
}

.withSlider div#teaser
{
	height: 960px;
	overflow: hidden;
	
	/*-webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;*/
}
#teaser div.teaserNavItem
{
	position: absolute;
	top: 45%;
	width: 3%;
	height: 8%;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	opacity: 0.8;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 20;
}

#teaser img
{
	-webkit-transform: translateZ(0); 
	transform: translateZ(0);
}

#teaser div#prevTeaser
{
	left: 2px;
	background-image: url(/fileadmin/templates/images/arrow-left-grey-bg.png);
}

#teaser div#nextTeaser
{
	right: 2px;
	background-image: url(/fileadmin/templates/images/arrow-right-grey-bg.png);
}

#teaser div.teaserImg
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#teaser div.teaserImg.transitioning
{
	display: block;
	left: auto;
	right: 0px;
}

#teaser div#teaserImg1
{
	display: block;
}

#teaser img.teaserImage
{
	left: 50%;
	width: auto;
	height: 100%;
	
	
	-webkit-transform: translate3D(-50%,0,0);
	-o-transform: translate3D(-50%,0,0);
	-moz-transform: translate3D(-50%,0,0);
	transform: translate3D(-50%,0,0);
}

.teaserImagePage1.teaserImageimage
{
	position: absolute;
}

.teaserImageCaption
{
    position: absolute;
    left: 40px;
    top: 40px;
    height: 90px;
    color: #FFF;
}

.teaserImageCaption p
{
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000000;
}

.teaserImageCaption p em
{
	font-style: italic;
	font-weight: 400; 
}

div#popupWrapper
{
	position: fixed;
	display: none;
	top: 25%;
	left: 50%;
	width: 480px;
	max-width: 96%;
	background: #FFF;
	background: rgba( 255, 255, 255, 0.85 );
	font-weight: 400;
	font-size: 120%;
	line-height: 23px;
	border: 2px #FFF outset;
	border-radius: 3px;
	
	-moz-transform3d( -50%, 0, 0 );
	-webkit-transform3d( -50%, 0, 0 );
	-o-transform3d( -50%, 0, 0 );
	transform: translate3d( -50%, 0, 0 );
	z-index: 99;
}

#popupWrapper div#popupInner
{
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

article .csc-textpic-imagewrap div.teaserNavItem
{
	position: absolute;
	top: 45%;
	width: 3%;
	height: 11%;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 20;
}

article .csc-textpic-imagewrap div.prevSlider
{
	left: 2px;
	background-image: url(/fileadmin/templates/images/arrow-left-light.png);
}

article .csc-textpic-imagewrap div.nextSlider
{
	right: 2px;
	background-image: url(/fileadmin/templates/images/arrow-right-light.png);
}

#breadCrumb
{
    display: block;
    position: absolute;
    right: 3%;
    top: 0;
}

div.pageContentWrapper
{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.darkTheme div.pageContentWrapper
{
	margin-bottom: 0px;
}

div#mainContent
{
	min-height: 400px;
}

#mainContent div#slider1,
.pageContentWrapper div#slider1
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 95%;	
}

div.sliderImg
{
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
}

.sliderImg img
{
	width: 100%;
	height: auto;
}

.sliderImg .csc-textpic-caption
{
	position: absolute;
	top: 40px;
	left: 40px;
	color: #FFF;
	font-size: 24px;
	
	z-index: 30;
}

div#contentWrapper div#centreArea
{
	width: 100%;	
	overflow: visible;
}

.stdPage div#centreArea,
.widePage article.layout0,
.widePage div.threeColumnArticles
{
	width: 90%;
	/*max-width: 1080px;*/
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

/***********************************
************************************
****
****	DropDown
****
************************************
***********************************/

#dropDownElement
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	
	z-index: 2;
}

#dropDownElement
{
	background: none;
}

#dropDownElementInnerWrapper,
.layout0 div.articleInnerWrapper
{
	width: 1140px;
	max-width: 95%;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
	background: #EFEFEF;
	background: rgba( 250, 250, 250, 0.85 );
}

.contactPage .layout0 div.articleInnerWrapper
{
	background: #B4B4B4;
}

#dropDownElementInnerWrapper
{
	max-width: 75%;
}

.indexPage #dropDownElement .layout0 div.articleInnerWrapper,
.indexPage article .layout0 div.articleInnerWrapper
{
	width: auto;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: transparent;
}

#dropDownElement #frame0Elemente
{
	display: none;	
}

#dropDownElement article.typeheader
{
	margin: 0 auto !important;
	padding-bottom: 30px;	
}

#dropDownElement .controlItemWrapper
{
	height: 20px;
}

#dropDownElement #readMoreOpen,
#dropDownElement #readMoreOpen2,
#dropDownElement #readLessClose
{
	position: absolute;
	right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
	color: 	#101010;
	font-weight: 600;
	cursor: pointer;
}

#dropDownElement #readMoreOpen:hover,
#dropDownElement #readMoreOpen2:hover,
#dropDownElement #readLessClose:hover
{
	text-decoration: underline;
}

#dropDownElement #readLessClose
{
	display: none;	
}

#dropDownElement #readMoreOpen2
{
	display: none;
}

#dropDownElement article.typeheader h1,
#dropDownElement article.typeheader h2
{
	margin: 0 auto !important;
   padding-top: 20px;
	text-align: center;
	font-size: 30px;	
	color: #707070;
}
#dropDownContent
{
    display: none;
}

#dropDownElement h1,
#dropDownElement h2
{
	color: #C9C9C9;	
}

#dropDownContentTitle
{
    display: none;
}

.readMoreHeader
{
 	color: #ffaa00;
   	right: 18px;
    position: absolute;
    text-decoration: none;
}

#dropDownElement #readMore
{
    color: #2b72d8;
    position: absolute;
    right: 0;
	top: 10px;
	text-decoration: none;
}

.darkTheme #dropDownElement #readMore
{
	color: #C9C9C9;
}

#dropDownContent #readLess
{
    color: #2b72d8;
    right: 0;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    padding: 2px;
	top: -10px;
}

.darkTheme #dropDownContent #readLess
{
	color: #C9C9C9;
}

#dropDownContent #readLess2 
{
    color: #C9C9C9;
    font-size: 16px;
    padding: 2px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -25px;
}

.leftDrop
{
    display: inline-block;
    width: 48%;
	margin-right: 2%;
}

.rightDrop
{
    display: inline-block;
    vertical-align: top;
    width: 48%;
	margin-left: 2%;	
}

#mobileElement
{
	display: none;
}

#mainMenuMobile .menuItem
{
   text-transform: uppercase;
}


/***********************************
************************************
****
****	Frames
****
************************************
***********************************/
.frame1 .lightbox img
{
    border: 2px solid lightgrey;
    width: 209px;
	height: auto;
}

.frame1 .lightbox:hover img
{
	border: 2px solid #ffa633;
}

.frame1 .csc-textpic-imagerow
{
    display: inline-block;
    vertical-align: top;
}

.twoColParagraphs,
.frame5 div.csc-frame,
.typexinit_twocolumn_pi1.frame5 div.previewContentWrapper
{
    display: block;
    margin-bottom: 15px;
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}

.frame5 ul li
{
	break-inside: avoid-column;
}

.frame5 .twoColParagraphs p,
.typexinit_twocolumn_pi1.frame5 p
{
    margin-bottom: 0px;
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}


/***********************************
************************************
****
****	Slider
****
************************************
***********************************/
.pageContentWrapper article.layout6,
.pageContentWrapper article.layout4
{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pageContentWrapper article.layout6.hasExtraContent
{
}

div#mainContent article.layout6 .csc-default,
.pageContentWrapper 
{
	height: 100%;	
}

.pageContentWrapper article.layout6 .csc-default .csc-textpic-image
{
	text-align: center;
}

.pageContentWrapper article.layout6 .csc-default .csc-textpic-image a
{
	display: inline-block;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.pageContentWrapper article.layout6 .csc-default .csc-textpic-image img
{
	width: auto;	
	height: 100%;
	text-align: center;
}

div#mainContent article.layout5,
.pageContentWrapper article.layout5
{
	/*width: 265px;
		
	margin: 0 15px;
	border: 1px solid lightgrey;*/
	display: inline-block;
}

div#mainContent article.layout5 .csc-default,
.pageContentWrapper article.layout5 .csc-default
{
	
	/*width: 275px;*/
	/*height: 420px;*/
	border: 1px solid lightgrey;
	padding: 7px 0;
	margin: 0 15px;
	background-color: lightgrey;
}

div#mainContent article.layout5 .csc-default h2,
div#mainContent article.layout5 .csc-default h3,
.pageContentWrapper article.layout5 .csc-default h2,
.pageContentWrapper article.layout5 .csc-default h3
{
	border-bottom: 6px solid lightgrey;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 7px;
	color: #2b72d8;
}

.darkTheme div#mainContent article.layout5 .csc-default h2,
.darkTheme div#mainContent article.layout5 .csc-default h3,
.darkTheme .pageContentWrapper article.layout5 .csc-default h2,
.darkTheme .pageContentWrapper article.layout5 .csc-default h3
{
	color: #707070;
}
#mainContent .flexSlider article.layout5 div.csc-header,
.pageContentWrapper .flexSlider article.layout5 div.csc-header
{
	height: 55px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 8px;
	border-bottom: 6px solid lightgrey;
	overflow: hidden;
	vertical-align: bottom;
}
#mainContent .flexSlider article.layout5 .csc-default h2,
#mainContent .flexSlider article.layout5 .csc-default h3,
.pageContentWrapper .flexSlider article.layout5 .csc-default h2,
.pageContentWrapper .flexSlider article.layout5 .csc-default h3
{
	display: table-cell;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
	border-bottom: none;
	padding: 13px;
}

.flexSlider .csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	height: 190px;
	overflow: hidden;
}

div#mainContent article.layout5 div.csc-textpic-intext-right .csc-textpic-imagewrap,
.pageContentWrapper article.layout5 div.csc-textpic-intext-right .csc-textpic-imagewrap
{
	float: none;	
	margin: 0 auto;
}

div#mainContent article.layout5 div.csc-textpic-intext-right .csc-textpic-imagewrap img,
.pageContentWrapper article.layout5 div.csc-textpic-intext-right .csc-textpic-imagewrap img
{	
	width: 100%;
	height: 190px;
}

div#mainContent article.layout5 .csc-textpic-text,
.pageContentWrapper article.layout5 .csc-textpic-text
{
    padding-left: 13px;
	padding-right: 13px;
	padding-top: 13px;
	padding-bottom: 25px;
}

div#mainContent article.layout5 .csc-textpic-text p.readMoreLink,
.pageContentWrapper article.layout5 .csc-textpic-text p.readMoreLink
{
	position: absolute;
	right: 0;
	padding-right: 13px;
}

div#mainContent article.layout5 .csc-textpic-text a,
.pageContentWrapper article.layout5 .csc-textpic-text a
{
	color: #101010;
	text-decoration: none;
	font-weight: 600;
}

article.layout5 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	margin-bottom: 0;			
}

.flex-direction-nav
{
    position: relative;
}

.flex-direction-nav img
{
    height: 30px;
}

.flex-prevDiv,
.flex-nextDiv
{
    position: absolute;
	top: -220px;
}

.flex-prevDiv
{
	left: -20px;	
}

.flex-nextDiv
{
	right: -20px;	
}

div.csc-textpic .sliderImg div.csc-textpic-imagecolumn
{
	float: none;
}

div.csc-textpic .sliderImg div.csc-textpic-imagecolumn figure
{
	display: block;
}

/***********************************
************************************
****
****	Banner
****
************************************
***********************************/


div#mainContent article.layout4,
.pageContentWrapper t article.layout4
{
	width: 100%;
	height: auto;
	overflow: hidden;	
	margin-top: 0px;
	position: relative;
	z-index: 1;
}

article.layout4 h2
{	
	position: absolute;	
	width: 420px;
	left: 50%;
	top: 25%;
    margin-left: -210px;
	text-align: center;
	font-weight: 400; 
	z-index: 11;
}

.widePage article.layout4.frame1 h2
{
	color: #FFF;
	left: 10%;
	top: 40px;
	margin-left: auto;
	text-align: inherit;
	font-size: 42px;
}

article.layout4 h2 a
{
	color: #434343;
	text-decoration: none;
	font-size: 24px;	
}

article.layout4 h2 a span
{
	color: white;
	text-decoration: underline;	
}

article.layout4 .csc-textpic-imagewrap img
{
	width: 100%;
	height: auto;	
}

article.layout4 div.csc-textpic-left .csc-textpic-imagewrap
{
	float: none;	
}

article.layout4 .csc-textpic-imagewrap .csc-textpic-image
{
	width: 100%;	
}

.layout4.typetextpic.frame1 h2
{
	width: 390px;
    background-color: #707070;
	color: #434343;
    padding: 15px;
}

article.layout4 .csc-textpic-imagewrap .csc-textpic-text
{
	z-index: 2;
}

.layout4.typetextpic.frame1 .internal-link.readMoreLinkBanner
{
    border: 1px solid #2b72d8;
	background-color: rgba(221, 221, 221, 0.8);
}

.darkTheme .layout4.typetextpic.frame1 .internal-link.readMoreLinkBanner
{
    border: 1px solid #C9C9C9;
}

/*
.indexPage article.layout0
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 80px;	
}
*/
.indexPage article.layout0.typexinit_twocolumn_pi1.frame21
{
	margin-top: -180px !important;
	margin-bottom: 55px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(240, 240, 240, 0.65);	
	z-index: 2;
	box-shadow: 0 -5px 5px -5px #333;
	padding-bottom: 25px;
	
}

.indexPage article h2,
article h2.blueHeader
{
	padding-top: 20px;
	padding-bottom: 0px;
	font-size: 30px;
	color: #707070;
}

article.frame21 h2
{
	color: #707070;
}

.indexPage article .frame6 h2
{
	color: #3E3E3E;
}

article h3.blueHeader
{
	color: #C9C9C9;
}

.indexPage .layout0 div.articleInnerWrapper,
.indexPage .threeColumnArticles,
.indexPage #dropDownElement .controlItemWrapper,
#dropDownElement #frame0Elemente
{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.hasExtraContent .threeColumnArticles
{
	width: 1000px;
	max-width: 90%;
	padding-left: 20px;
	padding-right: 15px;
}

article.layout4.hasExtraContent article h2
{
	position: relative;
	left: auto;
	top: auto;
	width: auto;
	margin-left: 0px;
	color: #3E3E3E;
}

.header-upper.upperFooterHeader
{
    display: none;
}

.internal-link.readMoreLinkBanner
{
    border: 1px solid grey;
    color: #2b72d8;
    font-size: 19px;
    left: 50%;
    margin-left: -65px;
    top: -120px;
    padding: 15px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 130px;
}

.darkTheme .internal-link.readMoreLinkBanner
{
    color: #C9C9C9;
}

#c4765 .internal-link.readMoreLinkBanner
{
	top: -200px;
}

#footer
{
	width: 97%;
	/*max-width: 940px;*/	
}

.layout4 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
    margin-bottom: 0px;
}



#imageFlowWrapper
{
	background: #101010;
	background: rgba( 16, 16, 16, 0.5 );
}

div#fsndImageFlow
{
	margin-top: 0 !important;
}

#imageFlowInnerWrapper
{
	width: 900px !important;	
}
/***********************************
************************************
****
****	TwoColumn
****
************************************
***********************************/

article.layout1
{
    display: inline-block;
    vertical-align: top;
    width: 45%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 2.5%;
	padding-left: 0.7%;
}
article.layout1.frame0
{
	color: #3E3E3E;
	background: #DBDBDB;
}

/***********************************
************************************
****
****	ThreeColumn
****
************************************
***********************************/

article.layout2
{
    display: inline-block;
    vertical-align: top;
    width: 33%;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 0px;
	margin-right: 0px;
}

.hasExtraContent .threeColumnArticles .layout2
{
	margin-bottom: 20px;
	margin-top: 20px;
}

.layout2 div.articleInnerWrapper
{
	min-height: 350px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #AAA;
	border: 1px solid #AAA;
}

.layout2.frame1 div.articleInnerWrapper
{
	min-height: 260px;
}

.frame6 .layout2 div.articleInnerWrapper
{
	color: #3E3E3E;
}

.threeColumnArticles .layout21 .articleInnerWrapper a,
.threeColumnArticles .layout21 .articleInnerWrapper a:visited
{
	color: #F0F0F0;
}

.layout2:first-child div.articleInnerWrapper
{
	/*margin-left: 0px;*/
}

.hasExtraContent .threeColumnArticles .layout2 div.articleInnerWrapper
{
	padding-bottom: 10px;
}

.layout2:last-child div.articleInnerWrapper
{
	margin-right: 0px;
}

.layout2 h2,
.layout2 h3
{
	min-height: 50px;
	margin-top: 0;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #707070;
}

.layout2 .csc-textpic-imagewrap img
{
    height: auto;
    width: 100%;
}

.layout2.typetextpic div.csc-textpic-imagewrap
{
	max-height: 140px;
	margin-bottom: 20px;
}


/***********************************
************************************
****
****	video page
****
************************************
***********************************/

.videoPage div#mainContent
{
	width: 95%;
	margin: 0 auto;
	max-width: 1280px;	
}

.videoPage div#contentWrapper,
.videoPage div#centreArea
{
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

/*
.videoPage article
{
	width: 50%;
	display: inline-block;	
}
*/

.tx-fsnd-videolist
{
    height: auto;
    margin: 0 auto;
}

.videoItemFrame > iframe
{
    /*height: auto;*/
    max-width: 100%;
}

/***********************************
************************************
****
****	footer
****
************************************
***********************************/

#footerOuterWrapper 
{
    /*border-bottom: 1px solid #969696;*/
}

#footerInnerWrapper
{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;	
}
#bottomMenu
{
    margin: 0 auto;
	z-index: 2;
	display: inline-block;
}

#bottomMenu ul
{
	width: 100%;
	max-width: 1080px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	font-size: 14px;
}

#footerWrapper
{
	/*position: fixed;
	bottom: 0;
	left: 0;*/
	width: 100%;
	background-color: #323232;
	background-color: rgba( 10, 10, 10, 0.8 );
	z-index: 2;
}

#footer
{
  margin: 0px auto 0 auto;
  padding: 25px 0 5px 0;
  color: #8e8e8e;
  font-size: 11px;
}

#footer ul li
{
  float: left;
  padding: 0 30px 0 0;
}

#footer a 
{
  color: #8e8e8e;
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover,
#footer a:active 
{
  color: #fff;
}

div#copyright
{
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}

#footer #footerLogos
{
	display: none;
    max-width: 1080px;
    width: 100%;
	margin: 0 auto;
	font-stretch: expanded;
	margin-top: 15px;
}

#footerLogos .csc-textpic.csc-textpic-responsive.csc-textpic-left.csc-textpic-above
{
	width: 100%;	
}

#footerLogos .csc-textpic-imagerow 
{
    display: inline-block;
    width: 14%;
	vertical-align: top;
}	

#footerLogos .csc-textpic-image.csc-textpic-last img
{
    height: auto;
    width: 100%;
}

#mainMenuMobile .touch-button
{
	color: #F0F0F0;
}

/***********************************
************************************
****
****	Kontakt
****
************************************
***********************************/
#centreArea .tx-powermail
{
	width: 95%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;	
	margin-left: 0px;
	color: #101010;
}

.tx-powermail .powermail_fieldset
{
	background: none;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border: none;
}

.powermail_legend
{
	display: none;
	
	-webkit-column-span: all;
    column-span: all;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset
{    
    background-color: #C9C9C9;
}

.tx-powermail .powermail_fieldset label
{
	color: #707070;
}

.tx-powermail form h3
{
	display: none;
}

#centreArea .tx-powermail .powermail_fieldset .powermail_field
{
	width: 100%;
	background: #EAEAEA;
}

#centreArea .tx-powermail .powermail_fieldset .powermail_submit
{
	background: #101010;
}

#centreArea .tx-powermail .powermail_fieldset .powermail_captcha_outer input.powermail_captcha
{
	display: inline-block;
	float: none;
	width: 49%;
	margin-right: 1%;
	margin-top: 5px;
	vertical-align: top;
}
#centreArea .tx-powermail .powermail_fieldset .powermail_captcha_outer img.powermail_captchaimage
{
	display: inline-block;
	width: 40%;
	height: auto;
	margin-top: 0px;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer,
.tx-powermail .powermail_fieldset .powermail_captcha_outer,
.tx-powermail .powermail_fieldset .powermail_check_outer,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list)
{
	width: 100% !important;	
}

.tx-powermail div.layout2
{
	display: inline-block;
	width: 49.5%;
}

.tx-powermail fieldset.layout2
{
	margin-right: 0px;
	padding-right: 0px;
	/*
	-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
	
	-webkit-columns: 400px 2;
	-moz-columns: 400px 2;
	columns: 400px 2;
	
	-webkit-column-gap: 80px; 
    -moz-column-gap: 80px; 
    column-gap: 80px;
	*/
}

.tx-powermail .powermail_fieldset .powermail_captcha_outer
{
	background: none;
}

.tx-powermail .powermail_fieldset.layout3 .powermail_captcha_outer
{
}

.tx-powermail fieldset.layout2 div.powermail_fieldwrap
{
	display: inline-block;
	width: 48.5%;
	margin-right: 1.3%;
	vertical-align: top;
}


.clear
{
	display: none !important;
	clear: both !important;	
}

#fsndGoogleMap
{
	height: 500px;
	width: 100%;
	display: block !important;
}

div.googlePreviewImage
{
	width: 100%;
	height: 100%;
}

.googlePreviewImage img.previewImage
{
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	left: 50%;
	top: 50%;
	
	-moz-transform: translate( -50%, -50% );
	-ms-transform: translate( -50%, -50% );
	-o-transform: translate( -50%, -50% );
	-webkit-transform: translate( -50%, -50% );
	transform: translate( -50%, -50% );
}

/***********************************
************************************
****
****	1/3 & 2/3 Element
****
************************************
***********************************/
article.layout9
{
	width: 49.5%;
	display: inline-block;	
	vertical-align: top;
}

.layout8
{
	width: 66%;
	display: inline-block;	
	vertical-align: top;
}
.layout7
{
	width: 33%;
	display: inline-block;	
	vertical-align: top;
}
/***********************************
************************************
****
****	Fixed Elements
****
************************************
***********************************/

.fixedTopBar
{
	background-color: #fff;
	width: 100%;
	margin: 0 auto;	
}

.fixedTopBar div#topBarWrapper
{
	background: #F0F0F0;
	border-bottom: 2px #2eaadc solid;
}

#fixableContentWrapper
{
	z-index: 3;	
}

article .frame6
{
	/*position: absolute;
	top: 50%;
	left: 50%;*/
	width: 1140px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	
	background: #FFF;
	background: rgba( 250, 250, 250, 0.8 );
	
	 /*-webkit-transform: translate(-50%, -50%);*/
     /*transform: translate(-50%, -50%);*/
	z-index: 10;
}

/***********************************
************************************
****
****	Pages Menu
****
************************************
***********************************/
.pagesMenu .menuItem
{
    display: inline-block;
    margin: 15px;
    width: 300px;
}

.pagesMenu .menuItem .pagesImage img
{
	max-width: 100%;
	height: auto;
}

#productCategoryMenu h3
{
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0px;
}

.menuItem #productCategoryMenu
{
    left: -165px;
	background: #fff url("/fileadmin/templates/images/Alpha-Logo-2D.png") no-repeat scroll center center;
}

.indexPage #imageFlowInnerWrapper div.imageFlowTitle h2
{
	margin-top: 3px;
}



div#stoererRechts
{
	display: inline-block;
	position: fixed;
	right: 0px;
	top: 40%;
	text-align: right;
	z-index: 20;
}

#stoererRechts div.stoererItem
{
	margin-bottom: 1px;
	text-align: left;
}

#stoererRechts .stoererItem div.stoererImage
{
	display: inline-block;
}

#stoererRechts li.stoererItem.stoererClosed
{
}

#stoererRechts .stoererItem div.stoererHeader
{
	min-width: 320px;
	background: #626262;
	/*background: rgba( 0, 0, 0, 0.8 );*/
	white-space: nowrap;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}
#stoererRechts .stoererClosed div.stoererHeader
{
	width: 45px;
	min-width: 0px;
	background: none;
}
#stoererRechts .stoererItem .stoererHeader .csc-header
{
	display: inline-block;
	width: auto;
	margin-left: 20px;
	padding-top: 7px;
	vertical-align: top;
	
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	/*
	-webkit-transition-delay: 2s;
    transition-delay: 2s;
	-moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
	*/
}
#stoererRechts .stoererItem .stoererHeader .csc-header h2,
#stoererRechts .stoererItem .stoererHeader .csc-header h3,
#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink,
#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink:visited
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-weight: 400;
	font-size: 18px;
}

#stoererRechts .stoererItem a.stoererLink
{
	display: inline-block;
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#stoererRechts .stoererClosed a.stoererLink
{
}

#stoererRechts .stoererItem img
{
	width: 30px;
	height: auto;
	
	transition: width 2s;
	-webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
}

#stoererRechts .stoererItem.stoererClosed img
{
	border-left: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	border-top: 1px #DDDDDD solid;
}

#stoererRechts .stoererItem div.stoererText
{
	padding-left: 70px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	background: #F0F0F0;
	
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
}

#stoererRechts .stoererClosed div.stoererText,
#stoererRechts .stoererClosed .stoererHeader .csc-header
{
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


a.readMore
{
	margin-right: 5px;
	margin-left: 5px;
	color: #C9C9C9;
}

a.buttonLink
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	background: #a77dc2;
	border: 2px #88A outset;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.buttonLink:hover
{
	text-decoration: none;
	border-color: #3E3E3E;
	
	-webkit-box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	-moz-box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	
	-webkit-transition-delay: 0.1s; /* Safari */
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
	
	-webkit-transition-duration: 0.5s; /* Safari */
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

p.phone,
p.fax,
p.email
{
	margin-bottom: 5px;
	padding-left: 22px;
	background-position: left 2px;;
	background-repeat: no-repeat;
	background-size: 18px auto;
}

p.phone
{
	background-image: url(/fileadmin/templates/images/tel.png);
}

p.fax
{
	background-image: url(/fileadmin/templates/images/fax.png);
}

p.email
{
	background-image: url(/fileadmin/templates/images/email.png);
}

p.address
{
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 12px;
}

p.important,
ul.important,
ol.important,
span.important,
div.important,
.important a,
.important a:visited
{
	color: #2b72d8;
	font-weight: 600;
}

.csc-textpic .csc-textpic-caption
{
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.align-right
{
	text-align: right;
}

.align-center
{
	text-align: center;
}

.csc-textpic-imagewrap
{
	z-index: 10;
}

.displayNone
{
	display: none;
}

#cookieChoiceWrapper,
#cookieChoiceWrapper *
{
   position: relative;
   height: auto;
   font-weight: 400;
}

.fsndButtonsRight div#cookieChoiceInfo
{
   padding-left: 20px;
   font-size: 14px;
   color: #3E3E3E;
}

.fsndButtonsRight div#cookieChoiceInfo div#cookieInnerID
{
   min-height: 40px;
}

@media all and (max-width: 2800px)
{
	.withSlider div#teaser
	{
		height: 1475px;
	}
}

@media all and (max-width: 2540px)
{
	.withSlider div#teaser
	{
		height: 1310px;
	}
}

@media all and (max-width: 2200px)
{
   body#page
   {
      background: #FFF;
   }
}

@media all and (max-width: 1920px)
{
	.contactPage #mainContent
	{
		max-width: 1200px;
	}
	.withSlider div#teaser
	{
		height: 980px;
	}
   div#header
   {
      margin-left: 40px;
      margin-right: 40px;
   }
}

@media all and (max-width: 1640px)
{
	
	.withSlider div#teaser
	{
		height: 845px;
	}	
}

@media all and (max-width: 1500px)
{
	#logoWrapper
	{
		margin-left: 0;	
	}
	
	.withSlider div#teaser
	{
		height: 770px;
	}
	
	#dropDownElement article.typeheader
	{
		padding-bottom: 15px;	
	}
	
	.indexPage article.layout0
	{
		margin: 10px auto 10px;
	}
	
	div.pageContentWrapper article.layout6.hasExtraContent .csc-default .csc-textpic-image img,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-default .csc-textpic-image img
	{
		width: auto;
		height: 100%;
	}
}

@media all and (max-width: 1400px)
{
	.withSlider div#teaser
	{
		height: 720px;
	}
}

@media all and (max-width: 1370px)
{
	.layout2 div.articleInnerWrapper
	{
		min-height: 0;
		height: 360px;
		overflow: hidden;
	}
	div#stoererRechts
	{
		top: 28%;
	}
}

@media all and (max-width: 1300px)
{
	.layout2 div.articleInnerWrapper
	{
		height: 370px;
	}
	.layout2.frame1 div.articleInnerWrapper
	{
		height: auto !important;
	}
	.withSlider div#teaser
	{
		height: 670px;
	}
}

@media all and (max-width: 1200px)
{
   .fsndButtonsRight div#cookieChoiceInfo div#cookieInnerID
   {
      min-height: 80px;
   }
	.fixedTopBar div#mainMenuWrapper
	{
		margin: 0 auto;
		max-width: 850px;
		width: 100%;
	}
	
	.layout2 div.articleInnerWrapper
	{
		height: 380px;
	}	
	
	.withSlider div#teaser
	{
		height: 620px;
	}
	#dropDownElement article.typeheader
	{
		padding-bottom: 15px;	
	}
	
	.indexPage article.layout0
	{
		margin: 0 auto 10px;
	}

	.tx-powermail div.layout2
	{
		width: 49.5%;
	}
	div#stoererRechts
	{
		top: 25%;
	}
}

@media all and (max-width: 1080px) 
{
	#mainContent div#slider1,
	.pageContentWrapper div#slider1
	{
		width: 98%;
	}
	
	#logo img
	{
	}
	
	.withSlider div#teaser
	{
		height: 530px;
	}
	.layout2 div.articleInnerWrapper
	{
		height: 390px;
	}
	
	#header, 
	#topBar, 
	#imageFlowInnerWrapper
	{
		max-width: 100%;
	}
	.flex-direction-nav
	{
		display: none;
	}
	div#stoererRechts
	{
		top: 15%;
	}
}

@media screen and (min-width: 1025px)
{
	#mainMenuMobile
	{
		display: none;
	}
	div#stoererRechts
	{
		top: 14%;
	}
}

@media screen and (max-width: 1024px)
{
	#mainMenuWrapper
	{
		display: none;
	}
	#mainMenuMobile li
	{
		display: block;
	}
	div#logo
	{
		height: 70px;
	}
	div#langSelect
	{
		top: auto;
		bottom: -15px;
		right: -25px;
	}
	#dropDownElementInnerWrapper, 
	.layout0 div.articleInnerWrapper
	{
		width: auto;
	}
	div.pageContentWrapper article.layout6.hasExtraContent .csc-default .csc-textpic-image img, 
	div.pageContentWrapper article.layout4.hasExtraContent .csc-default .csc-textpic-image img
	{
		width: 100%;
		height: auto;
	}
}

@media all and (max-width: 1000px) 
{
   .fsndButtonsRight div#cookieChoiceInfo div#cookieInnerID
   {
      min-height: 100px;
   }
	#mainMenuWrapper a
	{
		font-size: 14px;
	}
	
	.withSlider div#teaser
	{
		height: 330px;
	}
	
	.layout2 div.articleInnerWrapper
	{
		height: 400px;
	}
	div#langSelect
	{
		right: -15px;
	}
}

@media all and (max-width: 960px) 
{	
	.withSlider div#teaser
	{
		height: 490px;
	}
	
	#overlay,
	#lightbox,
	#outerImageContainer,
	#imageDataContainer
	{
		max-width: 100% !important;
	}
	
	#imageContainer > img
	{
		height: auto !important;
		width: 100% !important;
	}
	div#stoererRechts
	{
		top: 10%;
	}
}
@media all and (max-width: 925px) 
{
	#logo2 img
	{
		width: 600px;
	}
	
	#mainMenuWrapper .level1 div.menuItemInnerWrap
	{
		padding: 2px 10px;
	}
	
	.withSlider div#teaser
	{
		height: 475px;
	}
	div#langSelect
	{
		right: -10px;
	}
}

@media all and (max-width: 860px) 
{	
	.withSlider div#teaser
	{
		height: 445px;
	}
	
	.layout2 div.articleInnerWrapper
	{
		height: 410px;
	}	
}
@media only screen and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)
{
	#sideBarForm2
	{
		top: 60% !important;	
	}
}

@media only screen and (max-width: 800px) and (orientation: portrait)
{
	.tx-xinittwocolumn-pi1 div.contentColumn,
	.tx-xinittwocolumn-pi1 .two-column3 div.xinitHeaderImg,
	.tx-xinittwocolumn-pi1 .two-column3 div.columnText
	{
		display: inline-block;
		width: 100%;
	}
	
}

@media all and (max-width: 800px) 
{
	div#contentWrapper div#centreArea,
	.stdPage div#centreArea
	{
		width: 100%;
	}
	article
	{
		max-width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#header
	{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#topBarWrapper
	{
		padding: 0;	
	}
	
	#mainMenuWrapper
	{
		display: none;	
	}
	
	#mainContent div#slider1,
	.pageContentWrapper div#slider1,
	#slider1 .flex-viewport
	{
		width: 750px;
		max-width: 99%;	
	}
	
	 .flex-viewport article.layout5
	 {
		 max-width: 30%;
	 }
	 #mainContent .flexSlider article.layout5 .csc-default h2.productName, 
	 .pageContentWrapper .flexSlider article.layout5 .csc-default h2.productName
	 {
		 font-size: 18px;
	 }
	
	#imageFlowInnerWrapper
	{
    	width: 100% !important;
	}
	
	#c4765 .internal-link.readMoreLinkBanner
	{
		display: none;
	}
	
	#footerLogos .csc-textpic-imagerow
	{
		display: block;
		float: left;	
	}
	
	.productInfoShortDescriptionWrapper,
	.carSpecs
	{
		width: 100%;
		display: block;
		vertical-align: top;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.carSpecsInnerWrapper
	{
		width: auto;
		max-width: 95%;
	}
	
	.layout2 div.articleInnerWrapper
	{
		height: 420px;
	}
	.pageContentWrapper article.layout1.hasExtraContent div.articleInnerWrapper
	{
		position: absolute;
		top: 0px;
		left: 50%;
		width: auto;
		height: 100%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.indexPage.darkTheme #dropDownElement
	{
		padding-top: 10px;
	}
	.pageContentWrapper h2
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	div#stoererRechts
	{
		top: 50%;
	}
}

@media all and (max-width: 800px) and (orientation: landscape)
{
	.tx-xinittwocolumn-pi1 .two-column0 div.contentColumn,
	.tx-xinittwocolumn-pi1 .two-column3 div.contentColumn
	{
		width: 100%;
		margin: 0 auto;
		display: block;	
	}
	
	.tx-xinittwocolumn-pi1 .contentColumn1 div.contentColumnInnerWrapper,
	.tx-xinittwocolumn-pi1 .contentColumn2 div.contentColumnInnerWrapper
	{
		margin: 0;	
	}
	#sideBarForm2
	{
		display: none;	
	}
}

@media all and (max-width: 768px)
{
	.pagesMenu .menuItem
	{
		width: 260px;
	}
	.twoColParagraphs,
	.typexinit_twocolumn_pi1.frame5 div.previewContentWrapper,
	.frame5 div.csc-frame
	{	
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		
		-webkit-column-gap: auto; /* Chrome, Safari, Opera */
		-moz-column-gap: auto; /* Firefox */
		column-gap: auto;
		
		display: block;
		margin-bottom: 15px;
	}
	#logoWrapper
	{
		padding-left: 0px;
	}
	.withSlider div#teaser
	{
		height: 400px;
	}
	.indexPage article h2, 
	article h2.blueHeader
	{
		font-size: 23px;
	}
	
	.pageContentWrapper article.layout6.hasExtraContent,
	.pageContentWrapper article.layout6.hasExtraContent div.articleInnerWrapper
	{
	}
	
	.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles div.articleInnerWrapper
	{
		height: 380px;
	}
	.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles.frame6
	{
		top: 0px;
		/*transform: translate(-50%, 0);*/
	}
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic,
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic-center .csc-textpic-imagewrap,
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
	{
		height: 100%;
	}
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic-center .csc-textpic-center-inner,
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic-center .csc-textpic-center-outer
	{
		height: 100%;
		right: auto;
		float: none;	
	}
	div.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles .csc-default .csc-textpic-image img 
	div.pageContentWrapper article.layout4.hasExtraContent .threeColumnArticles .csc-default .csc-textpic-image img
	{
		height: auto;
		width: 100%;
	}
	div.pageContentWrapper article.layout4.hasExtraContent div.articleInnerWrapper
	{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}
	div.pageContentWrapper article.layout4.hasExtraContent .articleInnerWrapper .csc-textpic-imagewrap img
	{
		height: auto;
		width: 100%;
		text-align: center;
	}
	div.pageContentWrapper article.layout4.hasExtraContent article
	{
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		width: auto;
		max-width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 15px;
		-webkit-transform: translate( 0%, 0%);
		-moz-transform: translate( 0%, 0%);
		-ms-transform: translate( 0%, 0%);
		-o-transform: translate( 0%, 0%);
		transform: translate( 0%, 0%);
	}
	div.pageContentWrapper article.layout4.hasExtraContent article div.articleInnerWrapper
	{
		position: relative;
		height: auto;
		width: auto;
	}
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic .csc-textpic-center-outer,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic .csc-textpic-center-inner,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic-imagewrap,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic-image,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic-image img,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame .csc-textpic-image picture,
	div.pageContentWrapper article.layout4.hasExtraContent .csc-frame-invisible
	{
		display: block;
		height: 100%;
		left: 0;
		right: 0;
		float: none;
	}
	article.layout2
	{
		width: 49%;	
	}

	.tx-powermail div.layout2
	{
		width: 49.5%;
	}
	
	.layout4 div.csc-textpic-center .csc-textpic-center-outer,
	.layout4 div.csc-textpic-center .csc-textpic-center-inner
	{
		float: none;
		right: auto;
		left: auto;
		width: 100%;
	}
	.widePage .pageContentWrapper article.layout4.frame1 h2
	{
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 20px;
	}
	div.csc-textpic div.csc-textpic-imagecolumn,
	div.csc-textpic .csc-textpic-imagewrap img,
	.pageContentWrapper article.layout6 div.csc-textpic .csc-textpic-imagewrap img
   {
      max-width: 100%;
      height: auto;
   }
	
	div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap
	{
		display: inline-block;
		max-width: 40%;
	}
	#sideBarForm2
	{
		display: none;	
	}
	.indexPage.darkTheme #dropDownElement
	{
		padding-top: 0px;
	}
	div#langSelect
	{
		right: 5px;
		bottom: 0px;
	}
	div#copyright
	{
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	.tx-powermail fieldset.layout2 div.powermail_fieldwrap
	{
		width: 98%;
	}
	.layout0 div.articleInnerWrapper
	{
		max-width: 90%;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}	
	div#popupWrapper
	{
		top: 20%;
	}
}

@media all and (max-width: 740px)
{
	.withSlider div#teaser
	{
		height: 390px;
	}
}

@media all and (max-width: 720px)
{
   .fsndButtonsRight div#cookieChoiceInfo div#cookieInnerID
   {
      min-height: 140px;
   }
	#logo2 img
	{
		width: 390px;
		margin-top: 5px;
	}
}

@media all and (max-width: 680px) 
{
	.withSlider div#teaser
	{
		height: 345px;
	}
	article.layout2
	{
		display: block;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.layout2:first-child div.articleInnerWrapper,
	.layout2:last-child div.articleInnerWrapper,
	.layout2 div.articleInnerWrapper
	{
		min-height: 0px !important;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.pageContentWrapper article.layout6.hasExtraContent div.articleInnerWrapper
	{
		position: absolute;
		top: 0px;
		left: 50%;
		width: auto;
		height: 100%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.pageContentWrapper article.layout6.hasExtraContent
	{
		height: auto;
	}
	div.pageContentWrapper article.layout6.hasExtraContent .csc-default .csc-textpic-image img,
	div.pageContentWrapper article.layout6.hasExtraContent .csc-default .csc-textpic-image picture, 
	div.pageContentWrapper article.layout4.hasExtraContent .csc-default .csc-textpic-image img
	{
		display: block;
		height: 100%;
		width: auto;
		max-width: 10000px;
	}
	.pageContentWrapper article.layout4.hasExtraContent div.csc-textpic .csc-textpic-imagewrap figure,
	.pageContentWrapper article.layout6.hasExtraContent div.csc-textpic .csc-textpic-imagewrap figure
	{
		display: block;
	}
	.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles div.articleInnerWrapper
	{
		position: relative;
		height: auto;
		left: 0px;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles.frame6
	{
		position: relative;
		left: 0px;
		top: 0px;
		margin-left: auto;
		margin-right: auto;
		background: none;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	.layout2 .csc-default
	{
    	min-height: 0px;
	}
	
	.videoPage article
	{
		width: 100%;
		display: block;
	}
	
	#centreArea .tx-powermail
	{
		width: 98%;
		margin: 0 auto;	
	}
	
	#centreArea .tx-powermail .powermail_fieldset .powermail_field
	{
		width: 100%;
	}
	
	.tx-powermail .powermail_fieldset .powermail_radio_outer,
	.tx-powermail .powermail_fieldset .powermail_captcha_outer,
	.tx-powermail .powermail_fieldset .powermail_check_outer,
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list)
	{
		width: 100% !important;	
	}
	#centreArea .tx-powermail .powermail_fieldset .powermail_captcha_outer input.powermail_captcha
	{
		width: 49%;
	}
	#centreArea .tx-powermail .powermail_fieldset .powermail_captcha_outer img.powermail_captchaimage
	{
		width: 45%;
	}
	div#mainContent article.layout5 .csc-default div.csc-textpic-image,
	.pageContentWrapper  article.layout5 .csc-default div.csc-textpic-image
	{
		max-height: 170px;
	}
	
	.leftDrop,
	.rightDrop
	{
		width: 100%;
		display: block;	
	}
	
	article.layout8
	{
		width: 100%;
		display: block;	
	}
	
	article.layout7
	{
		width: 100%;
		display: block;	
	}
	
	.pageContentWrapper article.layout6.hasExtraContent .threeColumnArticles div.articleInnerWrapper
	{
		height: auto;
		background: rgba( 250, 250, 250, 0.8 );
	}
	
	article.layout1
	{
		display: block;	
		width: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	div#langSelect
	{
		bottom: -20px;
	}
}

@media all and (max-width: 620px)
{
	#mainContent h1, .pageContentWrapper h1
	{
		font-size: 32px;
	}
	#logo2 img
	{
		height: auto;
		width: 330px;
		margin-top: 10px;
	}
	
	.teaserImageCaption
	{
		top: 0;
	}
	#videoFlyin
	{
		display: none;	
	}
	div#langSelect
	{
		right: -5px;
	}
}

@media all and (max-width: 570px) and (orientation: landscape)
{
	.withSlider div#teaser
	{
		height: 300px;
	}
	
	#mainContent h1, .pageContentWrapper h1
	{
		font-size: 28px;
	}
	#dropDownElement
	{
		padding-top: 5px;
	}
}

@media all and (max-width: 560px) 
{
	.withSlider div#teaser
	{
		height: 290px;
	}
	.menu-button
	{
		margin-top: -12px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	div#header
	{
		margin-left: 10px;
		margin-right: auto;
	}
	
	div#logo
	{
		height: 70px;
	}
	
	.menu-button .touch-button
	{
		top: 100%;
	}
	
	.menu-button .touch-button.active
	{
		top: 0;	
	}
	
	.teaserImageCaption
	{
		left: 40px;
		position: absolute;
		top: 0;
		width: 300px;
	}
	
	.teaserImageCaption p
	{
		font-size: 20px;
	}
	
	#mainContent h1, .pageContentWrapper h1
	{
		font-size: 24px;
		font-weight: 600;
	}
	
	.tx-xinittwocolumn-pi1 .two-column0 div.contentColumn,
	.tx-xinittwocolumn-pi1 .two-column3 div.contentColumn
	{
		width: 100%;
		margin: 0 auto;
		display: block;	
	}
	
	.tx-xinittwocolumn-pi1 .contentColumn1 div.contentColumnInnerWrapper,
	.tx-xinittwocolumn-pi1 .contentColumn2 div.contentColumnInnerWrapper
	{
		margin: 0;	
	}
	
	article.layout4 h2
	{
		position: relative;
	}
	
	.indexPage #imageFlowInnerWrapper div.imageFlowTitle
	{
		left: auto;
		margin-left: 0;
		position: relative;
		top: 8%;
		width: 100%;
	}
	
	.indexPage article.layout0 div.articleInnerWrapper
	{
		max-width: 98%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#mobileElement
	{
		display: inline-block;	
	}
	
	#dropDownElement #readMoreOpen2
	{
		display: block;
	}
	
	#c4804
	{
		display: none;	
	}
	
	#mainContent div#slider1, #slider1 .flex-viewport,
	.pageContentWrapper div#slider1, #slider1 .flex-viewport
	{
    	max-width: 85%;
    	width: 750px;
	}
	
	.sideBarForm div.closedElement
	{
		font-size: 15px;
		width: 1.5em;
	}
	
	.carSpecsInnerWrapper
	{
		width: auto;
	}
	div#langSelect
	{
		right: 0px;
	}	
	div#popupWrapper
	{
		top: 15%;
	}
}
@media all and (max-width: 490px) 
{	
	div#header
	{
		margin-left: 0px;
	}
	div#logo
	{
		margin-left: 30px;
		height: 50px;
	}
	.menu-button
	{
		margin-top: -15px;
	}
	.teaserImageCaption p
	{
		font-size: 18px;
	}
	div#mainContent article.layout5 .csc-default,
	.pageContentWrapper  article.layout5 .csc-default
	{
		width: 360px;
		padding-right: 5px;
	}
	#mainContent div#slider1, 
	#slider1 .flex-viewport, 
	.pageContentWrapper div#slider1, 
	#slider1 .flex-viewport
	{
		max-width: 98%;
		margin-left: 1%;
	}
	.indexPage .threeColumnArticles
	{
		max-width: 95%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#dropDownElement
	{
		padding-top: 5px;
	}
	div#langSelect
	{
		right: 5px;
	}
}
@media all and (max-width: 420px) 
{
	.pagesMenu .menuItem
	{
		display: block;
		max-width: 95%;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.withSlider div#teaser
	{
		height: 220px;
	}
	.teaserImageCaption p
	{
		font-size: 14px;
	}
	.tx-powermail div.layout2
	{
		display: block;
		width: 100%;
	}
	.menu-button
	{
		margin-top: -22px;
	}
	
	.tx-powermail div.layout1
	{
		display: block;
		width: 100%;
	}
	div#mainContent article.layout5 .csc-default,
	.pageContentWrapper  article.layout5 .csc-default
	{
		width: 320px;
		margin-left: 10px;
		margin-right: 0px;
		padding-right: 0px;
	}
	#mainContent div#slider1, 
	#slider1 .flex-viewport, 
	.pageContentWrapper div#slider1, 
	#slider1 .flex-viewport
	{
		margin-left: 2.5%;
	}
	div#langSelect
	{
		right: 12px;
	}
}
@media all and (max-width: 380px) 
{
	div#mainContent article.layout5 .csc-default,
	.pageContentWrapper  article.layout5 .csc-default
	{
		margin-left: 0px;
	}
	#stoererRechts .stoererItem div.stoererHeader
	{
		min-width: 280px;
	}
	#stoererRechts .stoererClosed div.stoererHeader
	{
		min-width: 0px;
		width: 40px;
	}
	.menu-button
	{
		margin-top: -25px;
	}	
	div#popupWrapper
	{
		top: 12%;
	}
}
@media all and (max-width: 320px) 
{
	.withSlider div#teaser
	{
		height: 165px;
	}
	div#logo
	{
		height: 40px;
		margin-left: 20px;
	}
	.menu-button
	{
		margin-top: -32px;
	}
	div#mainContent article.layout5 .csc-default,
	.pageContentWrapper  article.layout5 .csc-default
	{
		width: 260px;
	}
	div#mainContent article.layout5 .csc-default div.csc-textpic-image,
	.pageContentWrapper  article.layout5 .csc-default div.csc-textpic-image
	{
		max-height: 130px;
	}
	#mainContent div#slider1, 
	#slider1 .flex-viewport, 
	.pageContentWrapper div#slider1, 
	#slider1 .flex-viewport
	{
		margin-left: 2.5%;
	}
}