/* general Changes */
html{ 
	-webkit-background-size:cover;
	-moz-background-size: 	cover;
	-o-background-size: 	cover;
	background-size: 		cover;
	width:					100%;
	height:					100%;
	padding:				10px 20%;
}
@media (max-width: 550px){ 
	html{
		padding: 0%;
	}
}
a:hover   { 
	background-color: 		none; 
	color: 					white; 
	}
@media (max-width: 1450px){
	html {
		padding:			10px 15%;
	}
	
}
@media (max-width: 1115px){
	html {
		padding:			10px 3%;
	}
	
}
body {
	background-image:		url(medien/background.jpg);
	background-repeat:		repeat;
	background-attachment: 	fixed;
}
body::-webkit-scrollbar {
    width: 					2em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: 	inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: 		darkgrey;
  outline: 					1px solid slategrey;
}
p {
	text-align: 			justify;
}
@media (max-width: 550px){ 
	p{
		text-align: 		left;
	}
}
img {
	width:					100%;
	height:					auto;
}
.img-responsive {
	display:				inline;
}
.jumbotron {
	background-color:		#5b8b59;
	border:					2px black solid;
	text-align:				center;
	padding:				2%;
}
.jumbotron p {
	font-size:				25px;
}
.jumbotron > h2,p,a, li {
	-webkit-font-smoothing: antialiased;
    text-shadow: 			0 1px 4px rgba(0, 0, 0, 0.6);
	color:					#e6e6e6;	
}
/* navigation styles */

.navbar-brand {
	padding:				5px;
}
.no-bottom-border{
	padding-top:			10px;
	padding-bottom:			10px;
	border-bottom:			none;
	margin-top:				15px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.nav-center-out {
	display: 				inline-block;
	float: 					none;
	width:					100%;
}
.navbar-default {
	background-color:		#333333;
	border:					0px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
.navbar-default .navbar-nav > .active > a:active {
    color: 					#EAEAEA;
    background-color: 		#707070;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
.dropdown-menu > .active > a:active {
	color: 					#EAEAEA;
	text-decoration: 		none;
	background-color: 		#707070;
	outline:				0;
}
.navbar-default li > a:hover{
	background-color:		#5b5b5b !important;
}
.navbar-default :hover{
	color:					#EAEAEA !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color:		#707070;
	color:					#EAEAEA;
}
.navbar-default li > a{
	color:					#EAEAEA!important;
}
.dropdown-menu .divider {
	background-color:		#333333;
}
.dropdown-menu {
	background-color:		#2E2E2E;
}
.nav-center {
	text-align: 			center;
}
.navbar-brand img {
	height:					100%;
	width:					auto;
}

/* Kompetenzen */

.kompetenzen_row {
	text-align:				left;
	font-size:				25px;
}

/* projekte styles */


.asdfr {
	position: 				fixed;
	left:					5400px;
	display: 				none;
}
.thumbnail_frame {
	padding-left:			5%;
	padding-right:			5%;
}
.thumbnail {
	width:					33%;
	height:					auto;
}
.to_top {
	position:				fixed;
	width:					50px;
	right:					0px;
}
.picandtext {
	padding:				5%;
	background-color:		#5b8b59;
	border:					2px black solid;
	border-radius: 			6px;
	margin-bottom:			25px!important;
}
.picandtext > p{
	-webkit-font-smoothing: antialiased;
    text-shadow: 			0 1px 4px rgba(0, 0, 0, 0.6);
	color:					#e6e6e6;
	font-size:				25px;
	margin-bottom:			0px;
}
.picandtext > img{
	width:					100%;
}
.pictures {
	width:					96%;
	margin:					0% 2%;
}
.pictures img {
	width:					96%;
	height:					auto;
	border:					1px solid black;
	margin-left:			2%;
	margin-bottom:			10px;
}

.animation {
	-webkit-transform: 		translateZ(0);
	transform: 				translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.45s;
	transition-duration: 	0.45s;
	-webkit-transition-property: transform;
	transition-property: 	transform;
}
.animation:hover, .animation:focus {
  -webkit-transform: 		scale(0.9);
  transform: 				scale(0.9);
  z-index:					15;
  color:					inherit;
}
@media (max-width: 550px){ 
	.picandtext{
		background-color:	none;
	}
}

/* contact-page */

.row p, h1 {
	text-align:				left;
}
.tg {
	text-align:				center;
	margin-top:				50px;
}
.tg td {
	font-family: 			Tahoma;
	font-size: 				20px;	
	color:					#e6e6e6;
}

/* footer styles */

.icon {
	height:					30px;
	width:					auto;
}
.tet {
	display:				inline-block;
}
.no_background li > a:hover{
	background-color:		inherit !important;
}
.social{
	text-decoration:		none;
	width:					99%;
	text-align:				right;
}
.social article {
	display:				inline-block;
}
.social img {
	max-width:				30px;
	height:					auto;
	margin-right:			4px;
}
.social img:hover{
	-webkit-box-shadow: 	0px 0px 8px 1px rgba(255,255,255,1);
	-moz-box-shadow: 		0px 0px 8px 1px rgba(255,255,255,1);
	box-shadow: 			0px 0px 8px 1px rgba(255,255,255,1);
}

/* Jobanezeige */
.hoverr	{
	position:				fixed;
	top:					20%;
	left:					0%;
	width:					20%;
}
.hoverr	img{
	max-width:				300px;
}
@media (max-width: 1450px){
	.hoverr {
		width:				15%;
	}
}
@media (max-width: 1115px){
	.hoverr {
		display:			none!important;
	}
}
.job h1 {
	text-align:				center;
}
.mitbringen {
	margin:					2px 5px;
	padding:				1px 2%;
	background-color:		#5b8b59;
	border:					1px black solid;
}
.mitbringen img {
	border-radius:			10px;
	margin-bottom:			10px;
	border:					1px solid black;
}
.iseeku{
	background-color:		#5b8b59;
	border:					2px black solid;
	margin-left:			5%;
	margin-bottom:			1%;
	color:					#e6e6e6;
	width:					90%;
}