/*************************************************************************************
* Allgemeine Definitionen
*************************************************************************************/

html {overflow-y: scroll;}	
	
/* HTML5 display-role reset fuer alte Browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;}	
ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* RESET & BASICS (Inspired by E. Meyers) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 		0;
	padding: 		0;
	border: 		0;
	vertical-align: baseline;
	font: 			inherit;
	font-size: 		100%; 
	}
	

/* PROJECT FONTS, LICENSE: /css/webfonts/OFL.txt */
@font-face {
    font-family: 'Lato';
    src: url('/css/webfonts/lato-regular-webfont.woff2') format('woff2'),
         url('/css/webfonts/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/webfonts/lato-bold-webfont.woff2') format('woff2'),
         url('/css/webfonts/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/css/webfonts/lato-black-webfont.woff2') format('woff2'),
         url('/css/webfonts/lato-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
		
/*************************************************************************************
* 
*************************************************************************************/	

*  {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
		
body {
	width:							100%;
	height:							100%;
	margin:							0;
	border:							0;
	padding:						0;
	font-family:					'Lato', sans-serif;
	font-size:						18px;
	line-height:					1;
	color:							#161616;
	text-align:						center;
	background:						#fff;
	}	

/* STABDARDS */
strong, b 							{font-weight: 900; font-family: inherit;}
em, i 								{}	

sup, sub 							{line-height: 0px !important; font-size: 50%;}
ul.NoBullet 						{list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;}	
	
img, form 							{overflow: hidden;}
a, input, textarea, select  		{outline: 0; border: 0;}
hr, .Hidden 						{display: none;}

.Clear                         	 	{margin: 0; width: auto; height: auto; clear: both; display: block;}
.Space	 							{margin: 0; width: auto; height: auto; height: 1.575em;}
.SpaceS 							{height: 1em;}
.SpaceM 							{height: 2em;}
.SpaceL 							{height: 3em;}
.SpaceXL 							{height: 4em;}
.SpacePic 							{height: 1.6em;}
.Last 								{margin-right: 0 !important;}	
.NoWrap 							{white-space: nowrap;}
.NoMargin 							{margin: 0 !important;}	
.NoPadding							{padding: 0 !important;}	
.NoMarginTop						{margin-top: 0 !important;}	
.NoMarginBottom						{margin-bottom: 0 !important;}	
.NoBorder 							{border: 0 !important;}
.NoBorderRight 						{border-right: 0 !important;}
.NoIcon								{background-image: none !important;}
.NoDec								{text-decoration: none;}
.NoDec:hover						{text-decoration: none !important; 
									 filter: alpha(opacity = 100) !important; -ms-filter: "alpha(opacity = 100)" !important; opacity: 1 !important;}
.NoLink								{text-decoration: none !important; pointer-events: none !important; cursor: default !important; color: inherit !important;}
.Center								{text-align: center; margin-left: auto !important; margin-right: auto !important;}
.Center	img							{margin-left: auto; margin-right: auto;}
.FloatLeft							{float: left !important;}
.FloatRight							{float: right !important;}	
.FloatNone							{float: none !important;}
.Inline								{display: inline;}
.InlineBlock						{display: inline-block;}
.Spacing							{letter-spacing: -0.15em;}
	
	
.Clearfix:before, .Clearfix:after 	{content: " "; display: table;}
.Clearfix:after 				  	{clear: both;}
.Clearfix 						  	{*zoom: 1;}

input, textarea, select, button		{font-family: 'Lato', sans-serif;}

/* LINKS */
a 									{color: #dc3831; text-decoration: underline; outline: 0; 
									 -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: all 200ms ease;}	
a:hover 							{color: inherit; text-decoration: underline;}	
	
.TextLink 							{color: #dc3831 !important;text-decoration: underline;}	
a:hover .TextLink 					{color: #dc3831 !important; text-decoration: underline; 
									 -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: all 200ms ease;}
.Content a:hover, 
.SubNav a:hover 					{filter: alpha(opacity = 65); -ms-filter: "alpha(opacity = 65)"; opacity: .65; 	
									 -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: all 200ms ease;}		
.Content a:hover img, 
.Sidebar a:hover img 				{filter: alpha(opacity = 90); -ms-filter: "alpha(opacity = 90)"; opacity: .90;			
									 -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: all 200ms ease;}	
	
.LinkTop 							{}
.LinkBack 							{text-decoration: underline;}
.LinkBack a span 					{display: inline-block;}
.LinkBack a:before 					{content: "<  "; line-height: 0;}	
.LinkAll 							{float: right; margin-top: 0.875em !important;}					 
	
a.Container 						{display: block; text-decoration: none;}		
a.Container p 						{color: #161616;}		
a.Container:hover 					{text-decoration: none;}	

/* COLORS */
.ColorStd 							{color: #161616 !important;}
.Color00 							{color: #fff !important;}
.Color01 							{color: #dc3831 !important;}
.Color02 							{color: #dfdfdf !important;}
.Color03 							{color: #161616 !important;}

.BgColor00 							{background-color: #fff;}
.BgColor01 							{background-color: #dc3831 !important; color: #fff !important;}
.BgColor01 a 						{color: #fff !important;}
.BgColor02 							{background-color: #dfdfdf !important;}
.BgColor02 a 						{color: #161616;}
.BgColor03 							{background-color: #161616 !important; color: #fff !important;}
.BgColor03 a 						{color: #fff !important;}

/* SHADOWS */
.Shadow								{box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025);
									 -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -o-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,0.05);}		
	
/* Mobile Elemente ausblenden */
#MobileMenue, #MobileNav 			{display: none;}


/*************************************************************************************
* Container
*************************************************************************************/

.Wrap 								{margin: 0 auto; padding: 0 2em 0 2em; position: relative; width: 1220px; text-align: left; clear: both;}	

header 								{position: fixed; top: 0; width: 100%; height: 6.825em; text-align: center; background: #fff; z-index: 2;}	
header .Wrap 						{height: 100%; overflow: visible;}		

footer 								{clear: both; position: relative; text-align: center;}
footer .Wrap						{height: 100%;}		

#TopMenue							{position: relative; background: #161616; height: 1.075em;}	
#MainMenue 							{position: relative; background: #fff;}		
#SectionMenue 						{position: relative; overflow: hidden;}	
	
.Row 								{text-align: center; overflow: hidden;}

		
/*************************************************************************************
 Header
*************************************************************************************/
	
/* -----------------------------------------------------------------------------------
 Logo 
----------------------------------------------------------------------------------- */	

header .Logo 										{position: absolute; left: 2em; top: 0.375em; width: 27%; height: 4.5em; overflow: hidden;}	
header .Logo a 										{display: block; width: 100%; height: 100%;}	
header .Logo a img 									{position: absolute; top: -50%; bottom: -50%; left: 0; margin: auto; width: auto; height: 79%;}

/* -----------------------------------------------------------------------------------
 Top Menue
----------------------------------------------------------------------------------- */		
	
.NavBarTop 											{position: static;}
.NavBarTop .ContactLinks 							{display: block; position: absolute; right: 2em; top: 2.825em;}		
.NavBarTop .ContactLinks a 							{display: block; float: left; font-size: 85%; margin: 0 0 0 1.5em; text-decoration: none; line-height: 3.333; 
													 text-transform: uppercase;}	
.NavBarTop .ContactLinks a:hover	 				{text-decoration: underline;}	
	
.NavBarTop .ContactLinks .LinkHotline 				{display: inline-block; margin-top: 0; float: right; margin: 0 0 0 1.15em; }
.NavBarTop .ContactLinks .LinkHotline a				{margin: 0; font-size: 115%; line-height: 2.333; font-weight: 900; 
													text-transform: none; letter-spacing: 0.02em;}	
.NavBarTop .ContactLinks .LinkHotline span.Spacing	{font-size: 115%; line-height: 2.333; font-weight: 900;}	
.NavBarTop .ContactLinks .LinkHotline span.OptionalResponsive {display: none;}

/* MetaNav */			
	
.NavBarTop .MetaNav									{position: absolute; right: 33em; top: 2.825em;}
.NavBarTop .MetaNav	li 								{float: left; margin: 0 1.15em 0 0 ; text-align: left;}
.NavBarTop .MetaNav li a 							{display: block; position: relative; font-size: 85%; line-height: 3.333; text-decoration: none; text-transform: uppercase;}
.NavBarTop .MetaNav li a:hover 						{text-decoration: underline;}		


/* -----------------------------------------------------------------------------------
 Main Menue
----------------------------------------------------------------------------------- */	

/* -----------------------------------------------------------------------------------
 Section Menue
----------------------------------------------------------------------------------- */	

/*************************************************************************************
* Minified Scrolling Nav
*************************************************************************************/

header.Minified 									{height: 5em; background-position: 0 6em;
													-webkit-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); -moz-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95);}
header.Minified #TopMenue 							{}
header.Minified .NavBarTop .MetaNav 				{top: 1.75em;}
header.Minified .NavBarTop .ContactLinks			{top: 1.75em;}
header.Minified #MainMenue 							{height: 0;}
header.Minified #MainMenue .Logo 					{height: 3.15em; width: 10em; top: 0.15em;}
header.Minified #MainMenue .NavBar nav 				{}
header.Minified #MainMenue .NavBar nav > ul 		{}
header.Minified #MainMenue .NavBar nav li a 		{}


/*************************************************************************************
* Content Grid
*************************************************************************************/
		
.Content  											{padding: 3.425em 0 2.75em 0; width: 100%; position: relative;}

/* -----------------------------------------------------------------------------------
 ContainerCols + Cols
----------------------------------------------------------------------------------- */		

.ContainerColsOuter 								{width: 102.6%; margin: 0 0 0 -1.3%;}

.Col 												{display: block; float: left; margin: 0; color: inherit; text-decoration: none;	overflow: hidden;}
.Inner 												{padding: 1.5em 1em 0 1em; overflow: hidden;}	
.Outer 												{margin: 0 0.8em 0 0.8em;}
.LinkBox.Outer										{margin: 0 0.8em 1.6em 0.8em;}

.ColPic 											{margin-bottom: 0;}
.ColPic img 										{width: 100%; height: auto; margin: 0;}	
.ColPic .TextPic 									{margin: 0.5em 0 0 0;}	
		

/*************************************************************************************
* Content Rows
*************************************************************************************/

/* RowTop */

.RowTop												{margin-top: 7em; border-top: 2px solid #dfdfdf;}
/* RowTopHome */

.RowUSP .h1, .RowUSP .h2,
.RowSecurityCheck .h1, .RowSecurityCheck .h2,
.RowTelenot .h1, .RowTelenot .h2					{font-size: 172%;}

.RowUSP .Content									{padding: 2.25em 0 1.1em 0;}
.RowUSP .Content h4									{text-transform: uppercase;}
.RowUSP .Content ul li								{margin-bottom: 0;}

.RowSecurityCheck .Content							{padding: 2.25em 0 1.5em 0;}
.RowSecurityCheck .ContactLinks	 					{}
.RowSecurityCheck .ContactLinks p 					{line-height: 2.666; font-size: 100%; text-transform: uppercase;}
.RowSecurityCheck .ContactLinks .LinkHotline		{float: left; margin-right: 1.5em;}
.RowSecurityCheck .ContactLinks .LinkHotline a 		{font-size: 145%; font-weight: 900; line-height: 1.6; text-transform: none; margin-left: 0;}
.RowSecurityCheck .ContactLinks .LinkHotline span.Spacing	{font-size: 145%;  line-height: 1.6; font-weight: 900; color: #fff !important;}	
.RowSecurityCheck .ContactLinks .LinkHotline span.OptionalResponsive {display: none;}
.RowSecurityCheck .h1 .OptionalResponsive			{display: none;}
														
.RowTelenot .Content								{padding: 2.5em 0 3em 0;}
.RowTelenot .Content .h4							{margin-bottom: 0.5em;}

.RowGoogleMaps										{}	
.RowGoogleMaps iframe								{width: 100%; height: 25em !important; margin-bottom: -3px !important;}

.RowCertificates .Content							{padding: 0 0 3em 0;}
.RowCertificates .Pic 								{float: left; margin: 0 -1px -1px 0; width: 20%; height: 7.5em; position: relative; overflow: hidden; background: #fff;
													 border: 1px solid #c8c9cb;}
.RowCertificates .Pic img 							{position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; width: 58%; height: auto; margin: auto;}
.RowCertificates .Pic01 img 						{width: 70%;}
.RowCertificates .Pic04 img 						{width: 35%;}
.RowCertificates .Pic05 img 						{width: 80%;}

.RowPartners										{margin-bottom: -1em;}
.RowPartners .Content								{padding: 0;}
.RowPartners .Pic 									{float: left; margin: 0; width: 16.6%; height: 8.5em; position: relative; overflow: hidden;									 
													filter: alpha(opacity = 25); -ms-filter: "alpha(opacity = 25)"; opacity: .25;}
.RowPartners .Pic img 								{position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; width: 75%; height: auto; margin: auto;}

.Content404											{padding-bottom: 15em;}

/*************************************************************************************
 Content
*************************************************************************************/

/* -----------------------------------------------------------------------------------
 Content: Title, Text, Lists
----------------------------------------------------------------------------------- */	

.Content p, .Content ol, .Content ul,
.Sidebar p 	, footer p								{line-height: 1.45; margin: 0 0 1.45em 0;}

.Content ul 										{padding-left: 1.2em; list-style-position: outside; list-style-type: disc;}	
.Content ul li 										{margin: 0 0 0.75em 0;}	
ul.Check 											{padding-left: 0.15em; list-style-type: none;}
ul.Check li 										{margin-bottom: 0.375em; padding: 0.1em 0 0.1em 2.15em; 
													 background: transparent url(/img/icon_check.png) no-repeat 0.25em 0.2em; background-size: 1.1em auto;}

h1, .h1 											{margin: 0 0 0 0; font-size: 240%; font-weight: 900; line-height: 1.1555; text-transform: uppercase;}
h2, .h2												{margin: 0 0 0.925em 0;	font-size: 240%; font-weight: 400; line-height: 1.1555; text-transform: uppercase;}
h3, .h3  											{margin: 0 0 1em 0; font-size: 138.889%; font-weight: 900; line-height: 1.575; text-transform: uppercase;}
h4, .h4  											{margin: 0 0 0.5em 0; font-size: 105%; font-weight: 900; line-height: 1.575;}
h5, .h5  											{margin: 0; font-size: 100%; font-weight: 900; line-height: 1.575; text-transform: none;}

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a											{text-decoration: none;}

.Content .TextInfo 									{color: #adadad;}
.Content .TextPic 									{font-size: 90%; color: #adadad;}
.Content .Red 										{color: #dc3831;}


/* -----------------------------------------------------------------------------------
 Content: Module
----------------------------------------------------------------------------------- */	

/* Visual */

.Slider > .Wrap 									{background: transparent url(/img/visual_top.png) 99% bottom no-repeat; background-size: 23.25em auto; overflow: auto;}	
.RowUSP .Wrap										{background: transparent url(/img/visual_bottom.png) 99% top no-repeat; background-size: 23.25em auto;}

/* Logo Row */

.LogoRow 											{height: 1.95em; text-align: right;}	
.LogoRow img										{height: 100%; width: auto;}	
	
	
/* Link Modul: Contact Links */

.ContactLinks a 									{display: inline-block; float: left; margin: 0 1em 0 0; text-decoration: none;}

.LinkHotline 										{display: inline-block; text-decoration: none; white-space: nowrap;}
.LinkHotline a 										{margin: 0;}
.LinkHotline span.Spacing							{display: block; float: left; padding: 0 0.5em 0 0.35em;}
.LinkHotline:hover 									{text-decoration: none;}
	

/*************************************************************************************
* Slider
*************************************************************************************/

.Slider  											{height: 390px; margin-top: 6.825em; position: relative; width: 100%; text-align: center; overflow: hidden;
													 background: rgb(233,233,233);
													 background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(215,215,215,1) 95%, rgba(215,215,215,1) 100%);
													 background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(215,215,215,1) 95%,rgba(215,215,215,1) 100%);
													 background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(215,215,215,1) 95%,rgba(215,215,215,1) 100%);
													 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d7d7d7',GradientType=0 );}
.Slider .Slide  									{height: 390px; overflow: hidden;}	
.Slider > .Wrap 									{margin: 0 auto; position: relative; height: 100%;}	
.Slider .InnerWrap 									{}		
.Slider .Slide .Wrap 								{margin-top: 3.75em; padding: 0; width: 100%;}
.Slider .Slide .Wrap a 								{display: block; text-decoration: none !important;}
.Slider img 										{position: absolute; left: -50%; right: -50%; height: 100%; width: auto !important; max-width: none !important;
													 margin: 0px auto;}
.Slider .Title 										{margin: 0; font-size: 320%; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em;}
.Slider .Title .OptionalResponsive					{display: none;}
.Slider .SubTitle 									{width: 85%; margin-top: 0.625em; text-transform: none; font-size: 135%; font-weight: 400; line-height: 1.333;}
.Slider ul 											{margin-top: 1.825em;}
.Slider ul li										{text-transform: uppercase; font-size: 125%; font-weight: 900; line-height: 1.222;}

.Slider .LogoRow 									{position: absolute; top: 0.5em; right: 0.2em; width: 18em; border: 0; height: 1.75em; z-index: 1; 
													 filter: alpha(opacity = 35); -ms-filter: alpha(opacity = 35); opacity: .35;}
.Slider .LogoRow img								{left: auto; right: 0;}														 

/*************************************************************************************
* jquery boxslider Styles 
*************************************************************************************/

.bx-wrapper .bx-viewport {
	border: 0 !important;
	left: 0 !important;
	box-shadow: none !important;
	}

.bx-wrapper img {
	max-width: none !important;
	}

/*************************************************************************************
* Footer
*************************************************************************************/

footer .FooterRow 									{overflow: hidden;}
footer .FooterRow .Wrap 							{position: relative; overflow: visible;}

footer .FooterRow01 								{padding: 0.5em 0 1.5em 0;}
footer .FooterRow01 p								{font-size: 90%; margin-bottom: 1.5em;}
footer .FooterRow01 p > span						{display: inline-block; margin-right: 0.625em;}
footer .FooterRow01 a 								{color: #dc3831; text-decoration: none;}
footer .FooterRow01 a:hover 						{text-decoration: underline;}

footer .FooterRow02 								{padding: 1em 0 1em 0;}
footer .FooterRow02 p								{font-size: 100%; margin-bottom: 0;}
footer .FooterRow02 p.Copyright						{text-align: right; font-size: 90%;}

/*************************************************************************************
* WIDTHS Standard
*************************************************************************************/

.Width33											{width: 33.33333%;}
.Width50											{width: 50%;}
.Width66											{width: 66.66666%;}
.Width100											{width: 100%;}