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

			        Custom styles 
			        
                              weltfeld-event.de

                              template weltfeld

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

/* ----- Intro Screen ----- */

.bg {
	background-image: url("../img/bearbeitung.jpg") ;
	background-color: #cccccc; /* Used if the image is unavailable */
	height: 600px; /* You must set a specified height */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	// background-size: cover; /* Resize the background image to cover the entire container */
	background-size: auto; /* Default value. The background image is displayed in its original size */
	opacity: 0.2;
}

/*
.erhaben { text-shadow: 0px -1px 0px #EEEEEE, 0px 1px 0px #555555; }
.eingestanzt { text-shadow: 0px -1px 0px #555555, 0px 1px 0px #EEEEEE; }
*/

.wrapper {
	text-align: center;
	color: #b7b7b7;
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}    

.wrapper .title {
	font-size: 4em;
	color: #b7b7b7;
	background-color: transparent;
	text-shadow: 0px -1px 0px #555555,0px 1px 0px #EEEEEE; 
}

.wrapper .subtitle {
	font-size: 2em;
	line-height: 1.2em;
	text-shadow: 0px -1px 0px #555555,0px 1px 0px #EEEEEE;
}

@media only screen and (max-width : 600px) {
	.wrapper .title { font-size: 2em; }
}

@media only screen and (max-width : 320px) {
	.wrapper .title { font-size: 1.6em; }
	.wrapper .subtitle { font-size: 1.4em; }
}

/* ------ horizontal menu ------ */

ul.menu-h { margin: 0; padding: 0.8em; text-align: right}
ul.menu-h li { display: inline; list-style-type: none; }
ul.menu-h li:before { content: " | "; }
ul.menu-h li:first-child:before { content: ""; }

ul.menu-h2 { margin: 0; padding-right: 10%; text-align: right}
ul.menu-h2 li { display: inline; list-style-type: none; }
ul.menu-h2 li:before { content: " | "; }
ul.menu-h2 li:first-child:before { content: ""; }


/* ------ Abstand für Symbole ------ */

i.fa { display: inline-block; width: 1.4em; }

i.fa-copyright { display: inline-block; width: .8em; }

/* ------ Cookiehint Buttons justieren ------ 

	see \plugins\system\cookiehint\css\mchint.css

*/



/* ------ visforms ------ */

.visforms-form { auto; min-height: 2em; padding: 1em; width: 80%; margin: 0 auto;}
.span12 { margin-bottom: 4px !important; }

/* ------ button colors from protostar ------ */

.button { height: 20px !important; }
.btn-default { background-color: #fff !important; border-color: #ccc !important; color: #000 !important; }
.btn-default:hover { background-color: #e6e6e6 !important; border-color: #adadad !important; color: #fff !important; }
.btn-blue { background-color: #337ab7 !important; border-color: #2e6da4 !important; color: #fff !important; }
.btn-blue:hover { background-color: #286090 !important; border-color: #204d74 !important; }
.btn-orange { background-color: #faa732 !important; border-color: #f89406 #f89406 #ad6704 !important; }
.btn-orange:hover { background-color: #f89406 !important; }
.btn-red { background-color: #da4f49 !important; border-color: #bd362f #bd362f #802420 !important; }
.btn-red:hover { background-color: #bd362f !important; }
.btn-green { background-color: #5bb75b !important; border-color: #51a351 #51a351 #387038 !important; }
.btn-green:hover { background-color: #51a351 !important; }
.btn-aqua { background-color: #49afcd !important; border-color: #2f96b4 #2f96b4 #1f6377 !important; }
.btn-aqua:hover { background-color: #2f96b4 !important; }
.btn-black { background-color: #363636 !important; border-color: #222 #222 #000000 !important; }
.btn-black:hover { background-color: #222 !important; }

/* ----- social media buttons -----*/

.social { width:100%; text-align: center; padding-top: .8em; }
.social img { display: inline-block; height: 32px; }

/* ----- jux slider -----*/

.jux-slider .jux-slider-info {}

.jux-slider .jux-slider-info h2 {
	color: #AC4D59 !important;
	font-size: 25px;
	font-weight: normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	line-height: 150%;
	margin: 10px 0 0;
	padding: 0px;
}