/* @override
	http://www.brandes-innovation.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1.2
	http://www.brandes-innovation.com/wp-content/themes/brandes-innovation/css/styles.css

/* --------------------------------------
=========================================
LandX - Responsive App Landing Page
Version: 1.0 (Initial Release)
Designed By: Mizanur Rahman
=========================================

1. IMPORT CSS

2. GLOBAL STYLES (USED IN VARIOUS SECTION OF THE WEBSITE)
	2.1 GENERAL STYLES
	2.2 PRE LOADER
	2.3 ANCHOR AND BOLD TEXT
3. COMPONENTS (ELEMNTS USED IN MANY SECTION)
	3.1 BACKGROUND COLORS AND LINE
	3.2 TYPOGRAPHY
	3.3 BUTTONS

4. SECTION STYLES AND COMPONENTS
	4.1 SECTIONS PADDING AND COLOR OVERLAY

	4.2 SECTION: HOME
		4.2.1 BASIC STYLES
		4.2.2 NAVIGATION
		4.2.3 FEATURE LIST
		4.2.4 VERTICAL REGISTRATION FORM

	4.3 SECTION: WITH LEFT / RIGHT SCREENSHOT
		4.3.1 BASIC STYLES
		4.3.2 FEATURE LIST

	4.4 SECTION: FEATURES

	4.5 SECTION: PRICING TABLE

	4.6 SECTION: VIDEO
		4.6.1 BASIC STYLE / RESET
		4.6.2 VIDEO FEATURES

	4.7 SECTION: SCREENSHOTS

	4.8 SECTION: CLIENTS AND FEEDBACKS
		4.8.1 CLIENTS LOGO
		4.8.2 FEEDBACKS

	4.9 SECTION: CALL TO ACTION
		4.9.1 CALL TO ACTION WITH TEXT/BUTTON
		4.9.2 SUBSCRIBE FORM

	4.10 SECTION: CONTACT US
		4.10.1 BASIC STYLES
		4.10.2 CONTACT FORM


	4.11 SECTION: FOOTER

-----------------------------------------*/

/*---------------------------------------
   1. IMPORT GOOGLE WEB FONTS
-----------------------------------------*/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Source Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Source Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Source Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Source Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic|Raleway:500,600,700);*/

/* --------------------------------------
=========================================
   2. GLOBAL STYLES
=========================================
-----------------------------------------*/

/*---------------------------------------
   2.1 GENERAL STYLES
-----------------------------------------*/

html {
	font-size: 100%;
}

body {
	background: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #727272;
	line-height: 25px;
	text-align: center;
	overflow-x: hidden !important;
	margin: auto !important;
}

/*---------------------------------------
   2.2 PRE LOADER
-----------------------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 99999;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}

.status {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: -20px 0 0 -20px;
}

/*---------------------------------------
   2.3 ANCHOR AND BOLD TEXT
-----------------------------------------*/
a {
	text-decoration: none;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: inherit;
	color: inherit;
}

strong {
	font-weight: 700;
}

.strong {
	font-weight: 700;
}


/*---------------------------------------
   2.4 MISC FIXES
-----------------------------------------*/
@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul,
ol {
	padding-left: 0 !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

li {
	list-style: none;
	margin-bottom: 3px;
	margin-top: 3px;
}

/* --------------------------------------
=========================================
   3. COMPONENTS
=========================================
-----------------------------------------*/

/*---------------------------------------
   3.1 BACKGROUND COLORS AND LINE
-----------------------------------------*/

.dark-bg {
	background: #323232;
	color: #ffffff;
}

.color-bg {
	color: #ffffff;
}

.bgcolor-2 {
	background: #f7f8fa;
}

.bgcolor-white {
	background: #ffffff;
}

.colored-line {
	height: 1px;
	width: 20%;
	margin: 10px auto 10px 0;
}


/*---------------------------------------
   3.2 TYPOGRAPHY
-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font: 3rem 'Source Sans Pro', sans-serif !important;
	color: #323232;
	margin-bottom: 0;
	margin-top: 0;
}

h1 {
	font-size: 3rem;
	line-height: 3.75rem !important;
	font-weight: 500;
}

h2 {
	line-height: 3.125rem;
	font-weight: 500;
	font-size: 2.5rem !important;
}

h3 {
	line-height: 2.375rem;
	font-weight: 600;
	font-size: 2.2rem !important;
}

h4 {
	line-height: 2rem;
	font-weight: 600;
	font-size: 2rem !important;
}

h5 {
	line-height: 28px;
	font-weight: 700;
	font-size: 1.7rem !important;
}

h6 {
	line-height: 25px;
	font-weight: 700;
	font-size: 1.5rem !important;
}


/*---------------------------------------
   3.3 BUTTONS
-----------------------------------------*/
.btn:focus,
.btn:active,
.btn,
.open .dropdown-toggle.btn {
	outline: inherit;
	border-color: inherit;
}

.standard-button {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 15px 30px;
	border: 0;
	margin: 5px;
	line-height: inherit;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

.secondary-button {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 15px 30px;
	border: 0;
	margin: 5px;
	border: 1px solid #727272;
	color: #323232;
	background: #ffffff;
	line-height: inherit;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

.secondary-button-white {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 14px 30px;
	border: 0;
	margin: 5px;
	border: 1px solid #727272;
	color: #ffffff;
	background: transparent;
	line-height: inherit;
	border: 1px solid rgba(255,255,255,0.5)
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

.secondary-button-white:hover {
    border: 1px solid rgba(255,255,255,1);
    color: #ffffff;
}

/* --------------------------------------
=========================================
   4. SECTION SPECIFIC CSS
=========================================
-----------------------------------------*/

/*---------------------------------------
   4.1 SECTIONS PADDING AND COLOR OVERLAY
-----------------------------------------*/
.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.color-overlay {
	background: rgba(0, 0, 0, 0.2);min-height: 500px;
}




/*========================================
   4.2 SECTION: HOME
==========================================*/

/*---------------------------------------
   4.2.1 BASIC STYLES
-----------------------------------------*/
header {
	background: url(../images/brnd-header.jpg) no-repeat center bottom;
	background-size: cover;min-height: 500px;position: relative;
}
header#project {
	background: url(../images/brnd-header.jpg) no-repeat center bottom ;
	background-size: cover;min-height: 500px !important;position: relative;
	margin-top: 80px;
}

#home  h1.intro.text-left span {
	font: 80px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 100 !important;
	line-height: 80%
}

#home div.color-overlay div.container div.row div.col-md-12.onepagenav.current a img {
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
	margin-bottom: 30px;
}
#home div.color-overlay div.container div.row div.col-md-12.onepagenav.current a:hover img {
	opacity: 0.5;
}

header .vertical-registration-form {
	margin-top: 60px;
}

header .home-screenshot {
    margin-top: 70px;
}

.navigation-header {
	padding-top: 47px;
	padding-bottom: 30px;
}


.content * {
	text-align: left !important;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin-bottom: 10px;
	color: #aaa;font-weight: 400;

}

.content hr{
	border-color: red;
	width: 50%;
	text-align: left;
	margin-left: 0;
}

.content blockquote{
	border-left-color: red;
	margin: 30px 2rem 30px -000px;
	background-color: #eee;
	float: left;
	display: inline-block;
	width: 60%;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}



@media screen 
  and (min-width: 900px) 
  {
  	div.col-lg-8.content {
  		padding-right: 110px;
  	}
  	
  	}
  	
  	div.container .content p{
  		font-size: 1rem;
  		line-height: 160%;
  		margin-bottom: 2rem;
  		color: #888 !important;
  		font-weight: 400;
  		width: 90%;
  	}  	
 	div.container .content h3{
 		font-weight: 300!important;
 		width: 70%;
 		margin-bottom: 1rem !important;
 		font-size: 1.6rem !important;
 		color: #444;
 	}






@media screen 
  and (min-width: 1330px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .content blockquote{
  	border-left-color: red;
  	margin-left: -100px;
  	background-color: #eee;
  	float: left;
  	display: inline-block;
  	margin-right: 2rem;
  	width: 60%;
  }
  
}


@media screen 
  and (max-width: 770px) 
  { 
  .content blockquote{
  	border-left-color: red;
  	background-color: #eee;
  	float: left;
  	display: inline-block;
  	margin-right: 2rem;
  	width: 100%;
  }
  
}

div.container.singlepage div.col-lg-4 {
text-align: left;	
}

div.container.singlepage div.col-lg-4 h3{
	font-size: x-large !important;
	color: #555;
	margin-bottom: 20px;
	font-weight: 300!important;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

div.container.singlepage div.col-lg-4 h5{
	font-size: 0.8rem !important;
	color: #999 !important;
	text-transform: uppercase;
}

 div.softskills a{
 	font-size: 0.7rem;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	border: 1px solid rgba(234, 0, 0, 0.7);
 	padding: 3px 10px;
 	border-radius: 2px;
 	margin-top: 20px;
 	clear: both;
 	display: inline-block;
 }

div.technische_fhigkeiten, div.softskills {
	background-color: #f8f8f8;
	margin-bottom: 17px;
	padding: 10px;
	width: 70%;
	border-bottom: 3px solid #eee;
}

div.container {
	overflow: visible !important;
}

.intro {
	color: #ffffff;
}

.intro-section .sub-heading {
    color: #ffffff;
    margin-top: 20px;
    font-size: 22px;
    line-height: 28px;
	letter-spacing: 0.6pt;
}

body.single .intro-section{
	background-color: red;
	bottom: 0;
	margin-bottom: -150px;
	position: absolute;min-height: 300px;
	padding-top: 40px;
}
body.single .intro-section.projects{
	background-color: transparent !important;
	bottom: 0;
	position: relative;min-height: 300px;
}

body .intro-section.termine{
	background-color: #666;
	margin-bottom: -160px;
	position: absolute;min-height: 200px;
	padding-top: 40px;
}


div.container.singlepage {
	padding-top: 200px;
}

div.container.singlepage.project.termine {
	margin-bottom: 120px;
}

div.container.singlepage.project.ideen {
	margin-bottom: 140px;
}

div.container.singlepage h1 span{
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #fff !important;

}
header#project .intro-section .sub-heading {
    color: #ffffff;
    margin-top: 0px !important;
    font-size: 22px !important;
    line-height: 33px;
	letter-spacing: 0.6pt;
	margin-left: 0;
	padding-left: 0;
}


div.container .content ul li{
	list-style: disc;list-style-position: inside;
	font-size: 1.1rem;
	line-height: 200%;
}

div.container .content.col-md-8 p{
	text-align: left;
	color: #444;font-weight: 400;	line-height: 155%;
	margin-bottom: 35px;
	font-size: 1.1rem;
}

div.container .content.col-md-8 blockquote p{
	text-align: left;
	color: #444;font-weight: 500;	line-height: 155%;
	margin-bottom: 35px;
	margin-top: 30px;
	font-size: 1.1rem;
	margin-right: 70px;
}
div.container .content > p:first-of-type::first-letter{
	font-size: 5rem !important;color: white !important;
	display: inline-block;
	float: left;
	background-color: red;
	padding: 25px;
	margin-right: 5px;
	vertical-align: top;
	line-height: 3rem;
}

div.metacont.gray {
	background-color: #eee;
	padding-top: 100px !important;
	padding-bottom: 60px !important;
}

#project div.color-overlay div.container div.row div.col-md-6.intro-section h1.intro.text-left span.colored-text {
	color: #fff !important;
}

div.container.singlepagemeta.projectmeta *{
		font-family: 'Source Sans Pro', sans-serif !important;
	text-align: left;
}

div.container.singlepagemeta.projectmeta div.col-md-4 {
	min-height: 300px !important;
}



@media screen and (max-width:750px) {
div.container.singlepagemeta.projectmeta div.col-md-4{
	min-height: 100px !important;
}



}
div.container.singlepagemeta.projectmeta h3{
	font-weight: 200;border-bottom: 1px solid #aaa;
	padding-bottom: 10px;
	margin-bottom: 30px;
	color: red;
	width: 70%;
}



div.container.singlepagemeta.projectmeta h5 {
	width: 70%;
	line-height: 100%;
	margin-bottom: 9px;
	font-size: medium;
}
div.container.singlepagemeta.projectmeta a{

	background-color: red;color: white;border-radius: 2px;padding: 7px 15px;
	font-size: small;
	border: 2px solid red;
	position: relative;;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 30px;
}

div.container.singlepagemeta.projectmeta a:hover{
	background-color: #eee;
	color: red;border-color: #ddd;
	text-shadow: none;
	text-decoration: none ;
}


div.hentry p{
	margin-bottom:20px !important;
	font-size: 0.9rem;
	color: #444;
	width: 70%;
	line-height: 140%;
}

div.produktrelation {
	margin-bottom: 40px;
}

.button-container {
    margin-top: 40px;
    margin-bottom: 25px;
}

.button-container .standard-button {
    margin-left: 0;
}

.navbar-header img {
	max-height: 66px;
	padding-top: 0;
}


.non-sticky .navbar-header img {
	max-height: 92px;
	padding-top: 0;
}


a.navbar-brand {
	padding: 0;
}
.section1{
	background: url(../images/brnd-automobile.jpg) no-repeat right bottom fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

#section1 div.container div.sub-heading p {
	font: bold 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 32px;
	text-align: left;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	width: 50%;
}

.section1 h2{
	font: 64px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	text-align: left;font-weight: 200 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}


#section2{
	background: url(../images/brades-medical.jpg) no-repeat right bottom ;
background-size: cover;
	
}

#section2 h2{
	font: 64px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	text-align: left;font-weight: 200 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
	width: 50%;
	margin-left: 50%;
}
#section2  div.sub-heading {
	margin-left: 50%;width: 50%;
}



#section2 .colored-line {
	height: 1px;
	width: 30%;
	margin: 10px auto 10px 50%;
}



#section2  div.sub-heading p {
	line-height: 32px;
	text-align: left !important;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	width: 100%;
}


@media screen 
  and (max-width: 480px){
			  	#section2 h2{
				font: 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
				color: white;
				text-align: left;font-weight: 200 !important;
				text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
				width: 70%;
				margin-left: 30%;
			}
			#section2  div.sub-heading {
				margin-left: 30%;width:70%;
			}
			#section2  div.sub-heading p {
				line-height: 19px;
				text-align: left !important;
				color: #fff;
				letter-spacing: 0;
				text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
				width: 100%;
				font-size: 16px;
			}
			#section2{
				padding: 20px 0;
			}

  }
#section0 div.container h2 {
	font: 114px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	text-align: left;font-weight: 800;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);

}

#section0 div.container div.sub-heading p {
	font: 19px 'Source Sans Pro', sans-serif;
	line-height: 185%;
	text-align: left;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	width: 70%;
	margin-top: 30px;
	margin-bottom: 100px;
}

#footer div.container div.row div.impressum.col-md-12 p {
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}

#footer div.container div.row div.impressum.col-md-12 h4 {
	text-align: left;
}

div.impressum.col-md-12 {
	border-top: 1px solid #aaa;
	padding-top: 20px;
	margin-bottom: 0;
	margin-top: 20px;
}

section#section0.section0 {
	padding-top: 80px;
	padding-bottom: 100px;
	background: url(../images/brnd-tech1.png) right bottom no-repeat #000;
}
/*---------------------------------------
   4.2.2 NAVIGATION
-----------------------------------------*/
/* NAV RESETS */
.navbar-nav > li > a:hover {
	background: inherit;
}

/* NORMAL NAVIGATION WITH SOCIAL ICON AND LOGO ONLY */
.non-sticky .navbar-nav.navbar-right:last-child {
	margin-right: 0;
}

.non-sticky .navbar-nav > li > a {
	font-size: 25px;
	padding: 0;
	padding-left: 5px;
	padding-top: 3px;
	color: #ffffff;
}


/* STICKY NAVIGATION */
.sticky-navigation {
	min-height: 75px;
	background: #ffffff;
	-webkit-backface-visibility: hidden;
	border: 0;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
}

.sticky-navigation .navbar-header {
	padding-top: 8px;
}

.sticky-navigation .main-navigation {
	padding-top: 13px;
}

.sticky-navigation .main-navigation .current a {
	-webkit-backface-visibility: hidden;
	outline: inherit;
	position: relative;
}

.sticky-navigation .navbar-nav > li > a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color: #323232;
}


/*========================================
   4.3 SECTION WITH LEFT / RIGHT SCREENSHOT
==========================================*/
/*---------------------------------------
   4.3.1 BASIC STYLES
-----------------------------------------*/
.side-screenshot,
.side-screenshot2 {
	max-width: 532px;
}

.brief h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.brief p {
	margin-top: 45px;
}

/*---------------------------------------
   4.3.2 FEATURE LIST
-----------------------------------------*/

.feature-list-2 {
	margin-top: 25px;
}

.feature-list-2 li {
	overflow: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.feature-list-2 li .icon-container {
	width: 32px;
	height: 32px;
	border-radius: 3px;
	color: #ffffff;
	line-height: 32px;
	margin-right: 15px;
	margin-top: 5px;
	text-align: center;
}

.feature-list-2 li .details {
	width: 89%;
}

.feature-list-2 li .details p {
	margin-top: 5px;
}


/*========================================
   4.4 SECTION: FEATURES
==========================================*/
.features {
	margin-top: 35px;
}

.feature {
	margin-top: 40px;
	margin-bottom: 35px;
}

.feature .icon {
	font-size: 50px;
	margin-bottom: 30px;
}

.feature h4 {
	margin-bottom: 10px;
}


/*========================================
   4.5 SECTION: PRICING TABLE
==========================================*/
.pricing-table {
	margin-top: 35px;
}

.package {
	overflow: auto;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	margin-top: 40px;
}

.package .header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.package .header h3 {
	color: #ffffff;
}

.package-features .column-9p {
	width: 90%;
	float: left;
	text-align: left;
}

.package-features .column-1p {
	width: 10%;
	float: right;
	text-align: right;
	color: #323232;
}

.package-features .column-7p {
	width: 60%;
	float: left;
	text-align: left;
}

.package-features .column-3p {
	width: 40%;
	float: right;
	text-align: right;
}

.package-features ul li {
	overflow: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 35px;
	padding-left: 35px;
	border-bottom: 1px dotted #e3e3e3;
}

.package-features .bottom-row {
	overflow: auto;
	padding-top: 8px;
	padding-bottom: 17px;
	padding-right: 35px;
	padding-left: 35px;
}

.package-features .bottom-row h6 {
	padding-top: 5px;
}

.package-features .bottom-row .secondary-button,
.package-features .bottom-row .standard-button {
	margin: 0;
	padding: 7px 15px;
	vertical-align: middle;
}


/*========================================
   4.6 SECTION: VIDEO
==========================================*/
/*---------------------------------------
   4.6.1 BASIC STYLE / RESET
-----------------------------------------*/
video {
	max-width: 100%;
	height: auto;
}

iframe,
embed,
object {
	max-width: 100%;
}

.video-container {
	width: 100%;
	background: #ffffff !important;
	margin-top: 75px;
}

.video {
	background: #ffffff !important;
}


/*---------------------------------------
   4.6.2 VIDEO FEATURES
-----------------------------------------*/
.video-features {
	margin-top: 40px;
}

.video-features .inline-icon {
	padding-right: 5px;
}


/*========================================
   4.7 SECTION: SCREENSHOTS
==========================================*/
.screenshots {
	margin-top: 68px;
}

.shot {
	margin: 10px;
	border-radius: 3px;
	border: 5px solid #ffffff;
}

.shot img {
	max-width: 100%;
	width: 100%;
}

.shot img:hover {
	cursor: crosshair;
	opacity: 0.8;
}


/*========================================
   4.8 SECTION: CLIENTS AND FEEDBACKS
==========================================*/
/*---------------------------------------
   4.8.1 CLIENTS LOGO
-----------------------------------------*/
.clients {
	margin-top: 35px;
}

.client-logos li {
	display: inline-block;
	vertical-align: middle;
	margin: 15px;
}

/*---------------------------------------
   4.8.2 FEEDBACKS
-----------------------------------------*/

.testimonials {
	margin-top: 15px;
}

.single-feedback {
	position: relative;
	margin-top: 20px;
}

.single-feedback .client-pic {
	width: 48px;
	height: 48px;
	margin: auto;
	position: relative;
	margin-bottom: -24px;
	z-index: 999;
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 0px 3px #f7f8fa;
}

.single-feedback .client-pic img {
	max-width: 100%;
}

.single-feedback .box {
	margin-right: 15px;
	margin-left: 15px;
	border-radius: 3px;
	position: relative;
	background: #f7f8fa;
	padding-top: 20px;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);
	-moz-box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);
	box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);
}

.single-feedback .box .message {
	padding: 25px;
	font-style: italic;
}

.single-feedback .box:after,
.single-feedback .box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.single-feedback .box:after {
	border-color: rgba(247, 248, 250, 0);
	border-top-color: #f7f8fa;
	border-width: 15px;
	margin-left: -15px;
}

.single-feedback .box:before {
	border-color: rgba(229, 229, 229, 0);
	border-top-color: #e5e5e5;
	border-width: 16px;
	margin-left: -16px;
}

.single-feedback .client-info {
	margin-top: 30px;
}

.single-feedback .client-info .client-name {
	line-height: 20px;
}

.single-feedback .client-info .company {
	font-size: 13px;
}


/*========================================
   4.9 SECTION: CALL TO ACTION
==========================================*/
/*---------------------------------------
   4.9.1 CALL TO ACTION WITH TEXT/BUTTON
-----------------------------------------*/
.cta-section {
	background: url(../images/bg-image-2.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.cta-section h4 {
	color: #ffffff;
}

.cta-section h2 {
	color: #ffffff;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 40px;
}

.cta-section h3 {
	color: #ffffff;
}

.cta-section .color-overlay {
	padding-top: 125px;
	padding-bottom: 125px;
}

/*---------------------------------------
   4.9.2 SUBSCRIBE FORM
-----------------------------------------*/
.subscribe-section {
	margin-top: 75px;
}

.subscription-form .input-box {
	width: 300px;
	margin-top: 25px;
	margin-bottom: 25px;
	height: 55px;
	border-radius: 3px;
	font-size: 16px;
	color: #000000;
	box-shadow: inherit;
}

.subscription-success,
.subscription-error {
    color: #FFFFFF;
}

/*========================================
   4.10 SECTION: CONTACT US
==========================================*/
/*---------------------------------------
   4.10.1 BASIC STYLES
-----------------------------------------*/
.contact-us {
	padding-top: 75px;
	padding-bottom: 75px;
	border-top: 16px solid #ec1e23;
}

.contact-us .heading {
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 42px;
}

.contact-link {
	font-weight: 700 !important;
	text-transform: uppercase;
	margin-top: 50px;
	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.contact-link:hover {
	text-decoration: none;
}

.contact-link span {
	margin-right: 10px;
}


/*---------------------------------------
   4.10.2 CONTACT FORM
-----------------------------------------*/
.contact-form {
	margin-top: 25px;
}

.contact-form .success,
.contact-form .error {
	display: none;
}

.contact-form .input-box,
.contact-form .textarea-box {
	margin-bottom: 15px;
	margin-top: 15px;
	outline: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	color: #727272;
	padding-left: 12px;
	font-size: inherit;
	line-height: auto;
}

.contact-form .input-box {
	min-height: 50px;
}

.contact-form .textarea-box {
	min-height: 200px;
	-webkit-backface-visibility: hidden;
}

.contact-form .input-box:active,
.contact-form .textarea-box:active,
.contact-form .input-box:focus,
.contact-form .textarea-box:focus {
	color: #323232;
}

.contact-form .btn {
	margin-top: 25px;
}


/*========================================
   4.11 SECTION: FOOTER
==========================================*/
footer {
	padding-top: 75px;
	padding-bottom: 75px;
}

.footer-logo img {
	max-width: 180px !important;
	margin: auto;
}

.copyright {
	margin-top: 15px;
	margin-bottom: 15px;
}

.social-icons li {
	display: inline;
	margin: 2px;
}

.social-icons li a {
	font-size: 25px;
	color: #919191;
}

.social-icons li a:hover {
	text-decoration: none;
}


/* œIDEEN INLINE */
section.ideeninline {
	background: #f5f5f5 url('../images/ideenBackground2.jpg') no-repeat center center;
	padding: 50px;
	background-size: cover !important;
}

section.ideeninline h2{
	color: white;
	text-align: left;
}

section.ideeninline hr{
	border-color: red !important;background-color: white !important; outline: 1px white;
}

section.ideeninline p{
	border-color: white !important;
	outline: 1px white;
	color: #fff;
	width: 100%;
	text-align: left;
	margin: 0 auto 0 0;
	font-size: 1.0rem;
	line-height: 185%;
	font-weight: bold;
}

section.ideeninline  div.sub-heading {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: left;
}

/* end */

/* @group content */

.content h2 {
	color: #666;
	font-weight: 100 !important;}
	
.content h4.sub-heading {
	font-size: 1.2rem !important;
	color: #555555;
	font-weight: 600 !important;
}

div.status-publish.hentry {
	min-height: 300px !important;position: relative;top: 0;left: 0;
	margin-bottom: 40px;
}

div.status-publish.hentry::after{
	content: "";width: 85%;margin: 0 auto;
	display: block;height: 2px;border: 1px solid red;
	position: absolute;
	bottom: 0;
}

div.status-publish.hentry h4 {
	color: red;
	font-size: 1.4rem !important;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: 300 !important;
}


/* @end */

/* @group NEWS */ 
.archive * {
	text-align: left;
}
.archive h2{
	
	font-weight:100 !important;
	color: #555;
	font-size: 1.7rem !important;
}

.archive .archive div.row {
	margin-top: 40px !important;
	margin-bottom: 50px !important;
}

.archive h1{
	font-weight:100 !important;
	color: red;
}

.archive hr{
	border-color: red;clear: both;
	width: 30%;
	float: left;
}

body.archive div.navigation-header {
	background: #aaa;
}

/* @end */


/* @group OVERLAY MENU */

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(253, 41, 50, 0.88);
}


/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none !important;
	border-radius: 100px !important;
	background-color: transparent;
	background: url(../img/cross.png)   center center no-repeat rgba(163, 163, 163, 0.03) !important;
	background-size: 50% 50% !important; ;
	color: transparent;
	outline: none;
	z-index: 100;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.overlay .overlay-close:hover{
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
	-moz-box-shadow: 0 0 6px #ffffff;
	box-shadow: 0 0 6px #ffffff;
}


/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li a {
	font-size: 54px;
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
}

/* Effects */
html, body {
	overflow-x: hidden;
}

.container {
	overflow-x: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;	
}

.container.overlay-open {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.container::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.container.overlay-open::after {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-contentpush {
	background: rgba(253, 41, 50, 0.88);
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentpush.open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}


@media screen and (max-width:800px) {
.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	font-size: 32px;
	line-height: 32px;
}
	.overlay ul li {
		min-height: 14px;height: 10%;
	}

#section1 div.container div.sub-heading p {
	font: bold 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 32px;
	text-align: left;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	width:80%;
}


section.ideeninline p{
	font-size: 1.3rem;font-weight: 200;
	line-height: 140%;
}
#section0{
	padding-top: 8rem !important;
}
#section0 div.container h2 {
	font: 72px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	text-align: center;font-weight: 800;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.71);

}

/*body div div.container div.row div.intro-section {

	background-color: red;
	bottom: 0;
	margin-bottom: -181px !important;
	position: absolute;min-height: 200px;
	padding-top: 40px;

}
*/
section.ideeninline {
	padding-top: 100px !important;
}

section.ideeninline {
	padding: 10px;
	background-size: cover !important;
}

div.container.singlepage.project.ideen {
	margin-bottom: 40px;
}
div.status-publish.hentry {
	min-height: 0 !important;position: relative;top: 0;left: 0;
	margin-bottom: 0;height: auto !important;
	margin-top: 30px;
	padding-bottom: 30px;
}

div.container.singlepagemeta.projectmeta a{

	background-color: red;color: white;border-radius: 2px;padding: 7px 15px;
	font-size: small;
	border: 2px solid red;
	position: relative;;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 0 !important;
}

div.container.singlepagemeta.projectmeta h3{
	font-weight: 200;border-bottom: 1px solid #aaa;
	padding-bottom: 0;
	margin-bottom: 10px;
	color: red;
	width: auto;
}
div.container .content p{
	text-align: left;
	color: #777;
	line-height: 165%;
	margin-bottom: 35px;
	font-size: 1.3rem !important;
	font-weight: 300 !important;
}
div.metacont.gray {
	padding-top: 10px !important;
}
}
/* @end */

/* @group Single Simple Pages */
div.headerrow {
	background-color: #aaa;
	margin-bottom: 50px;
}

.single.kontakt h1 {
	color: red;
	text-align: left !important;
	margin-bottom: 30px;
}


/* @end */
@media screen 
  and (max-width: 1000px) {
  
  ul#menu-hauptnavigation{
  	
  }
  a.navbar-brand {
  	display: inline-block !important;float: left;
  	left: 0;
  	top: 0;
  	position: absolute;
  }
  ul#menu-hauptnavigation *{
 	font-size: x-small; !important;
  	font-weight: bold;
  	color: #333;
  }
  
  ul#menu-hauptnavigation li a:hover{
  	color: red !important;
  }
  }
  .introcontainer {
	margin-top:200px !important;
}