/*********************************************************************************/
/* Schriftarten, Icons                                                           */
/*********************************************************************************/

@import url(font-awesome.min.css);

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v8-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('../fonts/quicksand-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v8-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* questrial-regular - latin */
@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/questrial-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Questrial'), local('Questrial-Regular'),
       url('../fonts/questrial-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/questrial-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/questrial-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/questrial-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/questrial-v7-latin-regular.svg#Questrial') format('svg'); /* Legacy iOS */
}


/*********************************************************************************/
/* Reset-Klassen                                                                 */
/*********************************************************************************/
	
	html, body
	{
		height: 100%;
	}
	
	body, button 
	{
		margin: 0px;
		padding: 0px;
		background: #fff;
		font-family: 'Questrial', sans-serif;
		font-size: 12pt;
		color: rgba(0,0,0,.6);
	}
	
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0 0 1em 0;
		color: #404040;
	}
	
	p, ol, ul, a
	{
		margin-top: 0;
		line-height: 180%;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: disc;
		padding-left:2em;
	}
	
	
	strong
	{
	}
	
	a
	{
		color: rgba(0,0,0,.6);
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
		cursor: pointer;
	}
	
	table{
		display: table;
		border-collapse: collapse;
		border-color: #ffffff;
	}


	.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
	.clearfix:after {
    clear: both;
}

	.container
	{
		margin: 0px auto;
		width: 100%;
		max-width:1280px;
	}
	
	.container-footer
	{
		margin: 0px auto;
		width: auto;
		background-color: #242222;
	}
	
	
/*********************************************************************************/
/* Form Style                                                                    */
/*********************************************************************************/

		form
		{
		}
		
			form label
			{
				display: block;
				text-align: left;
				margin-bottom: 0.5em;
			}
			
			form .submit
			{
				margin-top: 2em;
				line-height: 1.5em;
				font-size: 1.3em;
			}
		
			form input.text,
			form select,
			form textarea
			{
				position: relative;
				-webkit-appearance: none;
				display: block;
				border: 0;
				background: #fff;
				background: rgba(255,255,255,0.75);
				width: 100%;
				border-radius: 0.50em;
				margin: 1em 0em;
				padding: 1.50em 1em;
				box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
				border: solid 1px rgba(0,0,0,0.15);
				-moz-transition: all 0.35s ease-in-out;
				-webkit-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				-ms-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
				font-size: 1em;
				outline: none;
			}

				form input.text:hover,
				form select:hover,
				form textarea:hover
				{
				}

				form input.text:focus,
				form select:focus,
				form textarea:focus
				{
					box-shadow: 0 0 2px 1px #E0E0E0;
					background: #fff;
				}
				
				form textarea
				{
					min-height: 12em;
				}

				form .formerize-placeholder
				{
					color: #555 !important;
				}

				form ::-webkit-input-placeholder
				{
					color: #555 !important;
				}

				form :-moz-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-placeholder
				{
					color: #555 !important;
				}

				form :-ms-input-placeholder
				{
					color: #555 !important;
				}

				form ::-moz-focus-inner
				{
					border: 0;
				}


/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: block;
		width:100%;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 3em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
	background-color:#e7e7e7;
	display: block;
	margin:0 auto 1em auto;
	padding: 1em;
	text-align:center;
	border: none;}
		
	.button:hover
	{color:red;}
		
	
/*********************************************************************************/
/* Collapsable                                         				             */
/*********************************************************************************/	
	
	.collapsible {
		cursor: pointer;
		padding-bottom:2em;
		text-decoration: underline;}
		
	.collapsible:hover {
			color:#ff0000;}
			
	.collapsible.active {
		display: none;}
		
	.collapsicontent {
		display: none;
		padding-bottom:1em;}
		
	.collapsicontent img.alt {
		width:100%;}
	
		
/*********************************************************************************/
/* Grid %                                           				             */
/*********************************************************************************/	
		
		.flex-container {
		  display: flex;}
				
		.col  
		{float:left;
		padding: 0.5em 0;}
		.col img 
		{width:100%;}
		
		.col_left
		{float:left;
		padding:1em 1em 2em 0;}	
			.col_left img 
			{width:100%;}
			.col_left h2
			{text-align: center;
			padding: 1em;}
			.col_left p
			{text-align: center;
			padding: 0 1em 0 1em;}
			.col_left a.alt
			{background-color:#e7e7e7;
			padding: 0.5em 0;
			text-align: center;
			border: none;
			display: block;
			margin: 3% 20%;
			border: none;}
				.col_left a.alt:hover
				{color:#ff0000;}
		
		.col_middle
		{float:left;
		padding:1em 1em 2em 0;}
		.col_middle img 
		{width:100%;}
		
		.col_right
		{float:right;
		padding:1em 0 2em 0;}
		.col_right img 
		{width:100%;}
		.col_right h2
		{text-align: center;
		padding: 1em;}
		.col_right p
		{text-align: center;
		padding: 0 1em 0 1em;}
		.col_right a.alt
			{background-color:#e7e7e7;
			padding: 0.5em 0;
			text-align: center;
			border: none;
			display: block;
			margin: 3% 20%;
			border: none;}
				.col_right a.alt:hover
				{color:#ff0000;}
				
		.col_1 {width:5%;}
		.col_2 {width:10%;}
		.col_3 {width:15%;}
		.col_4 {width:20%;}
		.col_5 {width:25%;}
		.col_6 {width:30%;}
		.col_7 {width:35%;}
		.col_8 {width:40%;}
		.col_9 {width:45%;}
		.col_10 {width:50%;}
		.col_11 {width:55%;}
		.col_12 {width:60%;}
		.col_13 {width:65%;}
		.col_14 {width:70%;}
		.col_15 {width:75%;}
		.col_16 {width:80%;}
		.col_17 {width:85%;}
		.col_18 {width:90%;}
		.col_19 {width:95%;}
		.col_20 {width:100%;}
		

		
/*********************************************************************************/
/* Titles Container                                                              */
/*********************************************************************************/

	.title
	{
		margin-bottom: 0em;
	}
	
	.title h2
	{
		font-size: 2.8em;
	}
	
	.title h3
	{
		font-size: 1em;
	}
		
	.title .byline
	{
		font-size: 1.1em;
		color: #6F6F6F;
	}
	
	.title.single{
		border-bottom: none;
		padding: 1em 0 3em 0;
	}
	
	.title.top{
		border-bottom: none;
		padding: 1em 0 1em 0;
	}
	
	.title.middle{
		border-bottom: 1px solid #e4e4e4;
		padding: 2em 0 1em 0;
	}
	
	.title.bottom {
		padding: 2em 0 1em 0;
	}
	


/*********************************************************************************/
/* Tables                                                                        */
/*********************************************************************************/	
		
	table.plain{
		width:100%;
		padding: 0 0 1em 1.5em;
	}
	
	table.plain td, th{
		padding: 0.4em 0;
		text-align:left;
	}

	table.plain td:first-child, th:first-child{
		width:70%;
	}
	
	/*Table Settings for Sidebar*/
	table.side {
		width:100%;
		padding:0;
	}
	
	table.side td, th{
		padding: 0;
		text-align:left;
	}
	
	table.side td:first-child, th:first-child{
		width:30%;
	}
	
	
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{
		padding: 1.5em 2em 2em 2em;
		background: #FFF;
	}

	#header
	{
		position: relative;
	}
	
	
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{width:35%;
	display:block;
	}
	
	#logo h1
	{
		display: inline-block;
		margin-bottom: 0.20em;
		font-size: 3.5em;
	}
	
	#logo a
	{
		text-decoration: none;
		color: #F67C78;
	}
	
	#logo span
	{
		text-transform: uppercase;
		font-size: 0.90em;
		color: #F67C78;
}

	#logo span a
	{
		color: #F67C78;
	}
	
	#logo img
	{
		width:100%;
		max-width:400px;
		padding-top:1.3em;
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		position: absolute;
		top: 58px;
		right: 0;
		top: 0;
	}
	
	
	
	#menu ul
	{
		display: inline-block;
		padding: 1em 2em 0em 2em;
		text-align: center;
		font-size: 13pt;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span, .dropbtn
	{
		display: inline-block;
		padding: 1.3em 1.5em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: rgba(0,0,0,.6);
	}
	
	
	#menu li:hover a, #menu li.active a 
	{
		color:#ff0000;
	}
	
	/*Ebene 1 - Dropdown*/
	li.dropdown {
	display: inline-block;
	color: rgba(0,0,0,.6);
	}
	
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #fff;
	  z-index: 999;
	  }
	
	.dropdown-content a, .dropdown-content span {
	  color: rgba(0,0,0,.6) !important;
	  padding: 1em 2em;
	  text-decoration: none;
	  display: block !important;
	  text-align: left;
	}
	
	.dropdown-content a:hover, .dropdown-content span:hover {
	background-color: #fff;
	color:#ff0000 !important;
		}
	
	.dropdown:hover .dropdown-content {
	display: block !important;
	}
		
	.resptrigger{
		display:none;
	}
	
	.submenu-content a{
		display: none;

		background-color: #fff;
		z-index: 999;
	}
		
	/*Submenu*/
	
	.subbtn{
		display: block;
		padding: 1.3em 1.5em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: rgba(0,0,0,.6);
	}
	
	.submenu:hover .submenu-content{
		display: block !important;
	}
	
	.submenu-content{
		display: none;
		position: absolute;
		background-color: #fff;
		z-index: 999;
		right: 215px;
		}
	
	.submenu-content.apple{
		top: 0px;
		width: 12em;
	}
	
	.submenu-content.warenwirtschaft{
		top: 548px;
		width: 12em;
	}
	
	.submenu-content.terra{
		top: 410px;
		width: 20em;
	}
	
	.submenu-content.vodafone{
		top: 480px;
		width: 15em;
	}
	
	.submenu-content a {
	  color: rgba(0,0,0,.6) !important;
	  padding: 1em 2.5em;
	  text-decoration: none;
	  display: block !important;
	  text-align: left;
	}
	
	.submenu-content a:hover {
	background-color: #fff;
	color:#ff0000 !important;
	}
	
	

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

	#banner
	{
		padding: 3em 0em 0.5em 0em;
		background: #FFF
	}
	
	#banner img
	{
		width: 100%;
		height: auto;
	}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	.wrapper
	{
		overflow: hidden;
		padding: 5em 0em 5em 0em;
		background: #FFF;
	}

	#wrapper1
	{
		background: #FFF;
	}

	#wrapper2
	{
		overflow: hidden;
		background: #F3F3F3;
		padding: 5em 0em;
	}

/*********************************************************************************/
/* Welcome                                                                       */
/*********************************************************************************/

	#welcome
	{
		overflow: hidden;
		width: 1000px;
		padding: 8em 100px 0em 100px;
		text-align: center;
		color: rgba(0,0,0,0.6);
	}
	
	#welcome .content
	{
		padding: 0em 8em;
	}
	
	#welcome .title h2
	{
		color: rgba(0,0,0,0.8);
	}
	
	#welcome a,
	#welcome strong
	{
		color: rgba(0,0,0,0.8);
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page-wrapper
	{
		overflow: hidden;
		background: #fff;
		padding: 2.5em 2.5em 0em 2.5em;
	}

	#page
	{
	}

	#page .title h2
	{
		font-size: 1.60em;
	}

	
/*********************************************************************************/
/* Slideshow                                                                     */
/*********************************************************************************/

	.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }

	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	  }

	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	  }

	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	  }
	  .rslides_container {
	   position: relative;
	  float: left;
	  width: 100%;
	  }

	.centered-btns_nav {
	  z-index: 3;
	  position: absolute;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  top: 50%;
	  left: 0;
	  opacity: 0.7;
	  text-indent: -9999px;
	  overflow: hidden;
	  text-decoration: none;
	  height: 61px;
	  width: 38px;
	  background: transparent url("themes_alt.png") no-repeat left top;
	  margin-top: -25px;
	  }

	.centered-btns_nav:active {
	  opacity: 1.0;
	  }

	.centered-btns_nav.next {
	  left: auto;
	  background-position: right top;
	  right: 0;
	  }

	.transparent-btns_nav {
	  z-index: 3;
	  position: absolute;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  top: 0;
	  left: 0;
	  display: block;
	  background: #fff; /* Fix for IE6-9 */
	  opacity: 0;
	  filter: alpha(opacity=1);
	  width: 48%;
	  text-indent: -9999px;
	  overflow: hidden;
	  height: 91%;
	  }

	.transparent-btns_nav.next {
	  left: auto;
	  right: 0;
	  }

	.large-btns_nav {
	  z-index: 3;
	  position: absolute;
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  opacity: 0.6;
	  text-indent: -9999px;
	  overflow: hidden;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  background: #000 url("themes.gif") no-repeat left 50%;
	  width: 38px;
	  }

	.large-btns_nav:active {
	  opacity: 1.0;
	  }

	.large-btns_nav.next {
	  left: auto;
	  background-position: right 50%;
	  right: 0;
	  }

	.centered-btns_nav:focus,
	.transparent-btns_nav:focus,
	.large-btns_nav:focus {
	  outline: none;
	  }

	.centered-btns_tabs,
	.transparent-btns_tabs,
	.large-btns_tabs {
	  margin-top: -25px;
	  margin-bottom: 0;
	  text-align: center;
	  z-index: 333;
	  position: relative
	  }

	.centered-btns_tabs li,
	.transparent-btns_tabs li,
	.large-btns_tabs li {
	  display: inline;
	  float: none;
	  margin-right: 5px;
	  }

	.centered-btns_tabs a,
	.transparent-btns_tabs a,
	.large-btns_tabs a {
	  text-indent: -9999px;
	  overflow: hidden;
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	  border-radius: 15px;
	  background: #fff;
	  background: rgba(144,144,144, .2);
	  display: inline-block;
	  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	  width: 9px;
	  height: 9px;
	  }

	.centered-btns_here a,
	.transparent-btns_here a,
	.large-btns_here a {
	  background: #bababa;
	  background: rgba(144,144,v, .8);
	  }

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

	#content
	{
		float: left;
		width: 60%;
		padding-right: 50px;
		border-right: 1px solid rgba(0,0,0,.1);
	}
	
	
	#content a{
		font-weight:normal;
	}
	
	
	.content_alt
	{
		float: left;
		width: 60%;
		padding: 0 2em 1em 0;
	}
	
	.content_alt a
	{
		font-weight:normal !important;
	}
		
/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
		width: 25%;
		float: left;
		padding: 1em 40px 0 40px;
	}
	
	#sidebar h3, #sidebar h2
	{
		padding-bottom: .50em;
		font-weight: 300;
	}
	
	 #sidebar a, #sidebar p
	{
		padding: 0 0 1em 0;
		font-weight: 300;
		line-height: 140%;
		display: block;
	}
	
	#sidebar h2
	{
		font-size: 2em;
		padding: 0 0 0.75em 0;
			}
	
	#sidebar img
	{
		padding: 0 0 1em 0;
		width:200px;
		}
	
	#sidebar .section
	{
		margin: 2em 0 2em 0;
	}
	
	
/*********************************************************************************/
/* Contact                                                                       */
/*********************************************************************************/

	#contact
	{
		border-top: 1px solid rgba(0,0,0,.1);
		padding-top:2em;
	}
	
	#contact h3, #contact h2
	{
		padding-bottom: .50em;
		font-weight: 300;
	}
	
	 #contact a, #contact li span
	{
		padding: 0 0 1em 0;
		font-weight: 300;
		line-height: 140%;
		display: block;
	}
	
	#contact h2
	{
		font-size: 2em;
		padding: 0 0 0.75em 0;
			}
	
	#contact img
	{
		padding: 0 0 1em 0;
		width:200px;
		}
	
	#contact .section
	{
		margin: 2em 0 2em 0;
	}

	ul.contact {
		list-style: none;
		padding: 0;
	}

		ul.contact li {
			text-decoration: none;
			border-top: solid 1px rgba(210, 215, 217, 0.75);
			margin: 0.5em 0 0 0;
			padding: 1.5em 0 0 3em;
			position: relative;
		}

			ul.contact li:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			ul.contact li:before {
				color: #ff0000;
				display: inline-block;
				font-size: 1.5em;
				height: 1.125em;
				left: 0;
				line-height: 1.125em;
				position: absolute;
				text-align: center;
				top: 1em;
				width: 1.5em;
			}

			ul.contact li:first-child {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}

				ul.contact li:first-child:before {
					top: 0;
				}

			ul.contact li a {
				color: inherit;
			}

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

	#footer
	{
		text-align: center;
		
	}

	
	#footer .title span
	{
		color: rgba(255,255,255,0.4);
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 1em;
		border-top: 1px solid rgba(255,255,255,0.08);
		text-align: center;
	}
	
	#copyright p
	{
		letter-spacing: 1px;
		font-size: 0.90em;
		color: rgba(255,255,255,0.6);
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,0.8);
	}

/*********************************************************************************/
/* Newsletter                                                                    */
/*********************************************************************************/

	#newsletter
	{
		overflow: hidden;
		padding: 8em 0em;
		background: #EDEDED;
		text-align: center;
	}
	
	#newsletter .title h2
	{
		color: rgba(0,0,0,0.8);
	}
	
	#newsletter .content
	{
		width: 600px;
		margin: 0px auto;
	}
	
/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio
	{
	}
	
	#portfolio .box
	{
		text-align: center;
		color: rgba(0,0,0,0.5);
	}
	
	#portfolio h3
	{
		display: block;
		padding-bottom: 1em;
		font-size: 1em;
		color: rgba(0,0,0,0.6);
	}

	#portfolio .title
	{
		text-align: center;
	}

	#portfolio .title h2
	{
		color: rgba(0,0,0,0.8);
	}

	.column1,
	.column2,
	.column3,
	.column4
	{
		width: 282px;
	}
	
	.column1,
	.column2,
	.column3
	{
		float: left;
		margin-right: 24px;
	}
	
	.column4
	{
		float: right;
	}


/*********************************************************************************/
/* iframe - Einbindung                                                           */
/*********************************************************************************/
	
	.iframe{
		position: relative; 
		padding-bottom: 56.25%; /* ratio 16x9 */
		height: 0; 
		overflow: hidden; 
		width: 100%;
		height: auto;
		margin-bottom: 2em;
	}
	
	.iframe iframe {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}