/* INHALT 

	1.0 Navigation
	 1.1 Menülinks
	 1.2 Buttons
	 1.3 Mediaqueries

	2.0 Content
*/

html, body {
    font-size: 14px;
}

/* 1.0 NAVIGATION */
	@media (max-width: 768px) {
    	.navbar-header {
    		float: none;
    	}
	    .navbar-left,
    	.navbar-right {
      		float: none !important;
    	}
    	.navbar-toggle {
      		display: block;
    	}
    	.navbar-collapse.collapse {
      		display: none!important;
    	}
    	.collapse.in {
      		display: block !important;
    	}
    	.collected {
    		display: none;
    	}
  	}
	.navbar-background {
		background: #223141;
		border-bottom-color: white;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.navbar,
	.navbar-default,
	nav {
		color: white;
		border-color: none;
		border-radius: 0px;
		border: 0;
		margin-bottom: 0px;
	}
	.row-height {
		display: table;
		height: 8em;
	}
	.col-height {
		display: table-cell;
 		height: 100%;
	}
	.col-middle {
 		vertical-align: middle;
	}
	.rightmenu {
		float: right; 
	}
	.heading {
		display: table;
	}
	.heading-once {
		display: table-cell;
	}
	#energieausweis24 {
		font-size: 2.2vw;
	}
	#subtitle {
		width: 25vw;
	}
	#hotline {
		margin: 0 0 0 0;
	}
	#info {
		color: #633035;
	}

	/* 1.1 MENULINKS FORMATIERUNG */
		.navbar-default .navbar-nav>li>a {
			color: white;
			text-shadow: none;
			font-size: 1.1em;
		}

		.navbar-default .navbar-nav>li>a:hover,
		.navbar-default .navbar-nav>li>a:focus {
			color: lightgrey;
		}

		#ea-link, #team-link, #ref-link {
			color: white;
		}
		#ea-link:hover, #team-link:hover, #ref-link:hover {
			color: lightgrey;
		}
	/* / 1.1 MENULINKS FORMATIERUNG */

	/* 1.2 BUTTON FORMATIERUNG */
		button.navbar-toggle {
            margin-right: 0px;
			border: 0px;
			background-color: #223141;
		}
		.navbar-default .navbar-toggle .icon-bar {
			background-color: white;	
			width: 30px;
		}
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color: #223141;
		}
		.navbar-default .navbar-toggle:hover .icon-bar{
			background-color: lightgrey;
		}
	/* / 1.2 BUTTON FORMATIERUNG */

	/* 1.3 MEDIQQUERIES */
		@media (max-width: 768px) {
			#energieausweis24 {
				font-size: 4vw;
			}	
			#subtitle {
				width: 50vw;
			}
			.collected {
				width: 100%;
				height: 0px;
				background: #223141;	
			}
			div.dreieck,
			div.smalldreieck,
			#hotline {
				display: none;
			}
			.ea-button {
				font-size: 0.7em;
			}
			.row-height {
				min-height: 0em;
			}
		}
	/* / 1.3 MEDIQQUERIES */
/* / 1.0 NAVIGATION */

/* 2.0 CONTENT */

	.placeholder {
		/* selbe höhe wie Navigationsleiste */
		height: 8em;
	}

	/* 2.1 ZWISCHENÜBERSCHRIFTEN */
		.sub-header {
			font-size: 1.3em;
			color: white;
			background-color: #633035;
			font-weight: 100;	
		}

		.sub-heading {
			height: 3em;
			display: table-cell;
			vertical-align: middle;
		}
	/* / 2.1 ZWISCHENÜBERSCHRIFTEN */

/* EINGEFÜGT */
	.small-head {
		font-size: 1.3em;
		background: #633136;
		color: white;
		font-weight: 100;	
	}

	#placeholder {
		background-color: #633136;
		height: 8em;	
	}

	#placeholder1 {
		background-color: none;
		height: 0em;	
	}
/* / EINGEFÜGT */

/* DREIECK */
	.dreieck {
		position: absolute;
		top: 88;
		right: 280;
  		width: 0;
	  	height: 0;
  		border-left: 25px solid transparent;
	  	border-right: 25px solid transparent;
  		border-bottom: 25px solid white;
	}
	.smalldreieck {
		z-index: 10;
		position: absolute;
		top: 90;
		right: 282;
  		width: 0;
	  	height: 0;
  		border-left: 23px solid transparent;
	  	border-right: 23px solid transparent;
  		border-bottom: 23px solid #633136;
	}

	.pos-dreieck {
		z-index: 10;
		position: absolute;
		bottom: 0;
		left: 42%;
  		border-left: 25px solid transparent;
	  	border-right: 25px solid transparent;
  		border-bottom: 25px solid #223141;
	}

	#team-scrolling-point,
	#referenzen-scrolling-point {
		min-height: 8em;
	}

	#cat-head {
		font-weight: 200;
	}
/* / DREIECK */

/* ENERGIEAUSWEIS */
	#head-text-ea, #head-text-ref {
		margin-top: 3em;
		margin-bottom: 3em;
	}

	#head-text-team {
		margin-top: 3em;
	}
	#status {
		padding: 10 10 10 10;
	}
/* /ENERGIEAUSWEIS */

/* EA BUTTONS */
.ea-btn {
	padding: 0 0 0 0;

}
.ea-button {

	color: #633136;
	margin: 5px 5px 5px 5px;
	border: 2px solid #633136;
	border-radius: 2px;
	text-align: center;
	padding: 10 10 10 10;
}

.ea-button:hover {
	cursor: pointer;
	background-color: #633136;
	color: white;
}

#vb-wo-info, #bo-wo-info,
#vb-gw-info, #bo-gw-info,
#onlineformular {
	display : none; 
	color: white;
	
}
.show-position {
	height: 30px;
	text-align: center;
}

.zinfo, .zinfoformular {
	background-color: #223141;
	font-size: 1.5em;
	font-weight: 100;
	padding-bottom: 30px;
	margin-bottom: 15px;
}
.zinfo .row {
	margin-top: 2em;
}

.zinfoformular .row {
	margin-top: 2em;
	margin-left: 0;
	margin-right: 0;
}

#vb-wo-close, #bo-wo-close, #vb-gw-close, #bo-gw-close, #onlineform-close {
	float: right;
	cursor: pointer;
}

#vb-wo-close:hover, #bo-wo-close:hover, #vb-gw-close:hover, #bo-gw-close:hover, #onlineform-close:hover {
	color: lightgrey;
}



.button-info-open, .bestell-button, .button-info-download {
	font-size: 0.8em;
	color: white;
	margin: 5px 5px 5px 5px;
	border: 1px solid white;
	border-radius: 2px;
	text-align: center;
	padding: 10 10 10 10;
}

.button-info-open:hover, .bestell-button:hover, .button-info-download:hover {
	color: #223141;
	cursor: pointer;
	background-color: white;
	margin: 5px 5px 5px 5px;
	border: 1px solid white;
	border-radius: 2px;
	text-align: center;
	padding: 10 10 10 10;
}

.form-inline .form-control {
	width: 100%;
}
label {
	font-weight: 100;
	font-size: 0.8em;
}
input.form-control {
	width: 100%;
	border-radius: 1px;
}
select {
  -webkit-appearance: none;
  -webkit-border-radius: 1px;
}

.radio {
	margin-top: 0px;
}

.invisible {
	visibility: hidden;
}

.col-xs-1 label, .col-xs-2 label, .col-xs-3 label, .col-xs-4 label, .col-xs-5 label,
.col-xs-6 label, .col-xs-7 label, .col-xs-8 label, .col-xs-9 label, .col-xs-10 label,
.col-xs-11 label, .col-xs-12 label {
	font-weight: 100;
	font-size: 0.8em;
	margin-top: 5px;
}
/* EA DETAILSEITEN */
	.info-text {
        padding: 30 0 15 0;
   		font-size: 0.7em;
		letter-spacing: 1px;
    }
    .buttons {
        padding: 15 0 0 0;
    }
/* /EA DETAILSEITEN */

/* TEAM SEKTION CSS */
	.team-subheading {
		width: 200px;
		font-size: 1.5em;
		color: #223141;
		margin-bottom: 10px;
	}
	.team-div {
		cursor: pointer;

	}
	
	.team-pictures-subheading {
		position: absolute;
		width: 200px;
		bottom: 0;
		padding: 8 0 8 0;
		border-top-style: solid;
		border-top-width: 1px;
		/*border-top-color: rgba(255,255,255, 0.1);*/
		border-top-color: rgba(34, 49, 65, 0.9);
		background-color: rgba(34, 49, 65, 0.7);
		text-align: center;
		color: white;
	}
	
	.team-text-info {
		font-size: 0.9em;
		color: #223141;
	}
	#team-large-picture {
		overflow: hidden;
		background-color: lightgrey;
		padding: 0 0 0 0;
		height: 20em;
	}

	.team-first-row {
		border-bottom-color:  #223141;
		border-bottom-style: solid;
		border-bottom-width: 2px;

		padding-bottom: 2em;
		margin-bottom: 2em;
	}

	.team-pictures-pic {
		position: relative;
		margin-bottom: 30px;
		cursor: pointer;
	}
	#team-text {
		padding-top: 0px;
		display: table-cell;
		vertical-align: middle;
	}
	#t-table {
		display: table;
		height: 20em;
	}
/* / TEAM SEKTION CSS */

/* FOOTER */
	#footer {
		background-color: #223141;
	}
	#footer a {
		color: white;
	}
	.footerbox {
		margin-top: 60px;
		margin-bottom: 60px;
		color: white;
	}
	.footer-subheading {
		font-size: 1.2em;
		padding-bottom: 10px;
	}
	.footer-text {
		padding-bottom: 20px;
	}
/* /FOOTER */