/*----------------------------------------------------------------------------allgemeine Dinge für alle Seiten--------------------------------------------------------------------------*/

html {
	background-color:#2b2b2b;
}

html a {
	font-family: 'Ubuntu', sans-serif;
	color:#f5f5f5;
}

html p {
		font-size: 1.1em;
}

nav a{
	font-size: 1.5em;
}

html div {
	font-family: 'Ubuntu', sans-serif;
	color:#f5f5f5;
}

footer a{
	text-decoration: none;
}

img.icon {
	width:2.5em;
	height:auto;
}

.container-fluid {
	background-color: #2b2b2b;
}
/*-----------------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------Logo algemein-----------------------------------------------------------------------------------------------*/

img.logo{
	width: 20em;
	max-width: 30%;
	height: auto;
	position: absolute;
	left: 85%;
	top: 68%;
	transform: translate(-50%, -50%);
}

img.logo_mobil{
	width: 10em;
	max-width: 30%;
	height: auto;
	position: absolute;
	left: 85%;
	top: 85%;
	transform: translate(-50%, -50%);
}

/*--------------------------------------------------------------------------ENDE-------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------Header/Dropdown----------------------------------------------------------------------------------------------*/

div.header{
	width: 100%;
	height: 22em;
	background-size: cover;
	background-position: center center;
	position: relative;
}

div.dropdown-menu {
	background-color: #525252;
	left:50% !important;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------INDEX---------------------------------------------------------------------------------------------------------*/

div.index {
		background-image: url(assets/bilder/banner/banner_index.JPG);
		background-repeat:no-repeat;
}

html.index a:hover {
	color: #658a7d !important;
	text-decoration: none !important;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------LIVE---------------------------------------------------------------------------------------------------------*/

div.live {
	background-image: url(assets/bilder/banner/banner_live.JPG);
	background-position: center top 40%;
	background-repeat:no-repeat;
}


html.live a:hover {
	color: #b07474 !important;
	text-decoration: none !important;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------WIR-----------------------------------------------------------------------------------------------------------*/

div.wir {
	background-image: url(assets/bilder/banner/banner_wir.JPG);
	background-position: left  top 15%;
	background-repeat:no-repeat;
}

html.wir a:hover {
	color: #6b8699 !important;
	text-decoration: none !important;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------TOBIAS--------------------------------------------------------------------------------------------------------*/

div.tobias {
	background-image: url(assets/bilder/banner/banner_tobi.JPG);
	background-position: center top 70%; 
	background-repeat:no-repeat;
}

html.tobias a:hover {
	color: #c99e75 !important;
	text-decoration: none !important;
}

img.tobias {
	border:solid 2px #c99e75;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------CHARLOTTE-----------------------------------------------------------------------------------------------------*/

div.charlotte {
	background-image: url(assets/bilder/banner/banner_charlotte.JPG);
	background-repeat:no-repeat;
}

html.charlotte a:hover {
	color: #76b0ae !important;
	text-decoration: none !important;
}

img.charlotte {
	border:solid 2px #76b0ae;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------JULIUS-----------------------------------------------------------------------------------------------------*/

div.julius {
	background-image: url(assets/bilder/banner/banner_julius.JPG);
	background-repeat:no-repeat;
}

html.julius a:hover {
	color: #70913c !important;
	text-decoration: none !important;
}

img.julius {
	border:solid 2px #70913c;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------HENRIK-------------------------------------------------------------------------------------------------------*/

div.henrik {
	background-image: url(assets/bilder/banner/banner_henrik.JPG);
	background-repeat:no-repeat;
}

html.henrik a:hover {
	color: #8c9bba !important;
	text-decoration: none !important;
}

img.henrik {
	border:solid 2px #8c9bba;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------CHRISTOPH-----------------------------------------------------------------------------------------------------*/

div.christoph {
	background-image: url(assets/bilder/banner/banner_christoph.JPG);
	background-repeat:no-repeat;
}

html.christoph a:hover {
	color: #9c504c !important;
	text-decoration: none !important;
}

img.christoph {
	border:solid 2px #9c504c;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------KONTAKT-------------------------------------------------------------------------------------------------------*/

div.kontakt {
	background-image: url(assets/bilder/banner/banner_kontakt.JPG);
	background-position: center bottom;
	background-repeat:no-repeat;

}

html.kontakt a:hover {
	color: #b37a66 !important;
	text-decoration: none !important;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------PORTRAITS-----------------------------------------------------------------------------------------------------*/

div.portrait img{
	width: 13em;
	height: auto;
}

td.portrait img {
	width: 13em;
	height: auto;
	border:solid 2px #6b8699;
	border-radius: 50%;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------ZWEI AUßNAHMEN MARGIN; PADDING--------------------------------------------------------------------------------------*/


div.block{
	padding-bottom: 4em;
}

div.col-md {
	margin: auto;
}

/*-----------------------------------------------------------------------ENDE----------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------KONTAKTFORMULAR---------------------------------------------------------------------------------------------*/

.streifen{
	border-top: solid 1px #b37a66;
	border-bottom: solid 1px #b37a66;
}

form label {
   display: block;
   cursor: pointer;
}


.anfrage {
	font-size: 1.1em;
	color: #f5f5f5;
	border-radius: 0.2em;
	background-color: transparent;
	border:2px solid #b37a66;
	width:100%;
	height: 2em;
	font-family: 'Ubuntu', sans-serif;
}

.anfrage:focus {
	outline: none;
}

.anfrage:valid {
	border:2px solid #508c60;
}

.anfrage:focus:invalid {
	border:2px solid #99382b;
}

textarea.anfrage {
  height: 7em;
  line-height: 150%;
  resize:vertical;
}

label a {
	text-decoration: none;
	color:#b37a66;
}

input#ud_senden {
	font-family: 'Ubuntu', sans-serif;
	width: 100%;
	background: #b37a66;
	border-radius:0.2em;
	border:0;
	cursor:pointer;
	color: #f5f5f5;
	font-size:1.5em;
}

input#ud_senden:hover {
	background: #e87951;
}

.msg-success {
	background: #50a674;
	padding: 25px 25px 25px 25px;
}

.msg-error {
	background: #fc5a49;
	padding: 25px 25px 25px 25px;
}

.msg-normal {
	background: #2b2b2b;
	color: #FFF;
	font-family: 'Ubuntu', sans-serif;
	padding: 25px 25px 25px 25px;
}