/*

orange: 			#ff6408
orange (dunkler):	#E55A07


rot: 				376E31
brown: 				622221
gold: 				E5C770
hintergrund-gelb: 	FFFADB

*/
@font-face {
 	font-family:'FontAwesome';src:url('../../include/fonts/fa-solid-900.eot');
	src:url('../../include/fonts/fa-solid-900.eot') format('embedded-opentype'),
	url('../../include/fonts/fa-solid-900.woff2') format('woff2'),
	url('../../include/fonts/fa-solid-900.woff') format('woff'),
	url('../../include/fonts/fa-solid-900.ttf') format('truetype'),
	url('../../include/fonts/fa-solid-900.svg') format('svg');
}
@font-face {
    font-family: 'Vegur-Regular';
    src: url('../../include/fonts/vegurregularwebfont.eot');
    src: url('../../include/fonts/vegurregularwebfont.eot?#iefix') format('embedded-opentype'),         
         url('../../include/fonts/vegurregularwebfont.woff') format('woff'),
         url('../../include/fonts/vegurregularwebfont.ttf') format('truetype'),
         url('../../include/fonts/vegurregularwebfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
}
@font-face {
    font-family: 'Muli-Regular';
    src: url('../../include/fonts/Muli-Regular.eot');
    src: url('../../include/fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),         
         url('../../include/fonts/Muli-Regular.woff') format('woff'),
         url('../../include/fonts/Muli-Regular.ttf') format('truetype'),
         url('../../include/fonts/Muli-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
}



body 		{padding-top:0px;padding-bottom:20px;background-color:#222125;font-family:'Vegur-Regular';background-image: linear-gradient(to bottom, #000, #888);}

.navbar 	{margin:auto;margin-bottom:20px;margin-top:20px; }




.container.gold				{border-radius:15px;padding:30px;margin-left:-10px;border:0px solid #E5C770;background-image: linear-gradient(to bottom, #999, #ccc);}

.container .bannero 		{margin:0px 0px 0px 0px;margin:auto;text-align:center;} /*  */
.container .bannero .logo	{display:block;width:290px;height:70px;margin:auto;margin-top:10px;background:url(../images/SoulContainer.png);background-repeat:no-repeat !important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition: all 1s ease;transition: all 1s ease;}

.container .banneru 		{width:100%;color:#fff;margin:0px 0px 0px 0px;bottom:0px;float:left;border-top:1px solid #444;padding:5px 0px 0px 0px;}
.container .banneru a		{color:#fff !important;text-decoration:none;}



.clearfix:after {content: " "; clear:both;display:block;visibility:hidden;height:0px; }
.clear 			{clear:both; }




h1 			{font-family:'Vegur-Regular',arial,helvetica,tahoma;font-weight:900;font-size:2.1em;margin:30px 0px 20px 0px;color:#ff6408;text-shadow: 1px 1px 2px black;z-index:25 !important;}
h2 			{font-family:'Vegur-Regular',arial,helvetica,tahoma;font-size:1.8em;margin:0px 0px 10px 0px;color:#fff !important;font-weight:normal;text-shadow:0 0 1px #444, 0 1px 1px rgba(0,0,0,0.3);}

h1.tp		{border-radius:10px;padding:10px 10px 10px 0px;}




/* für Bild-Unterschriften als Headline */
h4			{font-family:'Muli-Regular',arial,helvetica,tahoma;margin:-55px 0px 6px 0px;color:#fff;font-size:1.2em;font-weight:bold;padding:4px 0px 3px 4px;text-shadow:0 0 4px #000, 0 1px 1px rgba(0,0,0,0.3);background-color:#E5C770;}


p			{font-size:1em;color:#333333;margin:0px 0px 20px 0px;font-family: 'Muli-Regular';}

a			{color:#ff6408;text-decoration:underline;}
a:hover		{color:#000000;text-decoration:underline;}



.btn			{background-color:#376E31;text-decoration:none;border:none;}
.btn:hover		{background-color:#333333;text-decoration:none;}
.btn:focus		{background-color:#333333;text-decoration:none;}


.row .col-md-4			{}
.row .col-md-4 img		{width:100%;height:auto;margin:0px 0px 10px 0px;} 
.row .col-md-8			{}




.navbar-default			{width:99%;border:none;border-top:0px solid #000;border-bottom:4px solid #000;background-color:#ff6408;}

#navbar						{margin:0px 0px 0px 0px;}
#navbar	ul	a 				{color:#dddddd !important;margin:0px 0px 0px 0px;text-transform:uppercase;font-family:'Muli-Regular';font-weight:800;letter-spacing:1px;font-size:1.2em;text-decoration:none;}
#navbar	ul	a:hover 		{color:#fff !important;}
#navbar	ul li.active a		{color:#fff !important;background-color:#000;}




.col-sm-3	img	{width:100%;height:auto;margin:0px 0px 30px 0px;border-radius:6px;-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);}


.jumbotron				{background-color:#FCECB9;transition: transform 2s ease, opacity .5s ease-out;}

.jumbotron div.redbox			{padding:8px 8px 8px 20px;color:#152558;border:3px solid #ff0033;border-radius:8px;-webkit-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);-moz-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);}
.jumbotron div.redbox p,h2,h3	{color:#152558;}





/* head wow anim headline */
.animblock			{width:70%;position:absolute;top:630px;margin-left:0px;color:#fff;z-index:10;}
.headanim			{display:inline-block;font-size:7em;padding:0px 20px 0px 0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity: 0.5;-webkit-filter: brightness(110%);filter:brightness(110%);}








/* spiral-effekt */
.spiral			{position:fixed;width:100%;height:100%;z-index:-100}
.spiral_inner	{position:fixed;width:300%;height:300%;left:-100%;top:-100%;background-image:url(../images/spiraleffekt_2.jpg);background-position:center center;background-size:cover;-webkit-animation:rotation 150s infinite linear;animation:rotation 150s infinite linear}







/* slide-show */
.carousel 						{width:100%;margin:0px 0px 0px 0px;border-radius:5px;}
.carousel-inner					{width:100%;border-radius:5px;}
.carousel .item 				{width:100%;height:510px;background-repeat:no-repeat;background-repeat:no-repeat !important;background-position: center 0px;background-size: 100% auto;-o-background-size: 100% auto;-webkit-background-size: 100% auto;background-position: center 0px;}

.carousel-indicators {
    width: initial; /* initial resets css to default */
    margin-left: initial;
    left: initial;
    bottom: initial;
    right: 10px; /*horizontal position */
    bottom: 0px; /* vertical position */
}




/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}








/* Band- u.a. Content- Bereich */

.content 	table.c		{width:70%;margin:auto;}
.content 	table.c td	{font-family:'Muli-Regular',arial,helvetica,tahoma;border:0px solid #666;padding:3px;}

.row.band img	{width:280px;height:auto;border-radius:10px !important;margin-bottom:40px;}



.video			{width:100%;height:auto;}









/* icons */
.ic 			{display:inline-block;width:15px;height:15px;color:#000;font-family:FontAwesome;margin:0px;font-size:15px;line-height:15px;padding:8px 20px 0px 0px;border:0px solid #ff0033;}
.ic.pfr:after	{content:"\f061";} /* Pfeil nach vorne */







/* Telefon-Butt: newsletter-butt */
.nl-butt				{width:135px;height:100px;position:fixed;top:40px;right:0px;float:right;-z-index:100;padding:5px 0px 6px 0px;background-color:#E5C770;border-radius:8px 0px 0px 8px;font-family:tahoma,arial,helvetica;font-weight:bold;color:#3a3a39;text-align:center;}
.nl-butt .nlb			{display:block;color:#622221;font-family:FontAwesome;font-size:30px;line-height:20px;padding:8px 0px 10px 0px;}
.nl-butt .nlb:after		{content:"\f095";}
.nl-butt b				{color:#376E31;}





/* Back to top button  transition:background 0.5s ease-in-out; */
.back-to-top 			{display:none;width:60px;height:60px;text-align:center;position:fixed;bottom:50px;right:0px;float:right;background-color:#ff6408;border-radius:8px 0px 0px 8px;text-decoration:none;}
.back-to-top:after		{font-family:FontAwesome;content:"\f062";color:#fff;font-size:22px;line-height:57px;}
.back-to-top:focus 		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;text-decoration:none}
.back-to-top:hover 		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;text-decoration:none}




/* formular */
table.ds		{margin-bottom:20px;}
table.ds.err	{border:1px solid #376E31;}
table.ds td		{padding:4px;vertical-align:top;}

.ckb			{cursor:pointer;}

.sp			{width:300px;float:left;margin-left:15px;}

.is-invalid						{color:#e6301f;border:1px solid #376E31;border-radius:8px;}









/* MODALS --------------------------------------------------------------------------------------------------------------------------------------- */
.modal-dialog											{text-align:center;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;} /* ACHTUNG bei responsive auf "auto" stellen! */
.modal-dialog .modal-content img						{width:100%;height:auto;}
.modal-dialog .modal-header, .modal-body, .modal-footer	{border:none;}
.modal-dialog .modal-body								{padding:20px 30px 20px 30px;text-align:left;}

.modal-dialog .modal-header								{padding:0px;position:absolute;top:25px;right:25px;z-index:40;}
.modal-dialog .modal-header .close						{color:#376E31;width:40px;height:40px;background:#fff;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;font-size:38px;line-height:10px;padding:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}


.modal-body .col-sm.ln						{border:1px solid #468bb6;border-radius:8px;}
.modal-body .col-sm.ln small				{color:#999;}













/* wenn kleiner als Ipad */
@media only screen and (max-width : 992px) {
	#navbar			{margin:0px 0px 0px -10px;}
	#navbar	ul	a 	{color:#ff0033;margin:0px 0px 0px 0px;font-size:1.0em;}
	h1 				{font-size:2.2em;}
	h2 				{font-size:1.6em;}
	p				{font-size:1.1em;}
	.jumbotron p	{font-size:1.1em;}
	
}



/* wenn mindestens wie ipad */
@media only screen and (min-width : 992px) {
	#navbar			{margin:0px 0px 0px -15px;}
	#navbar	ul	a 	{color:#ff0033;margin:0px 0px 0px 5px;}
	
	.row.band img	{width:250px;}
	
}




/* 2. tablet version ########################################################################################################################################################################### */
@media (min-width: 992px) and (max-width: 1199px) {
	
	body 	{border:0px solid #ff00ff;}
	
	.headanim			{font-size:5em;top:90px;}
	.animblock			{top:520px;}
	
	.carousel .item 	{height:400px;}
	

	.row.band img	{width:250px;}
	
}

/*  tablet zwischengrösse, hoch */
@media (min-width: 768px) and (max-width: 992px) {

	body 	{border:0px solid #ff0000;}	
	

	#navbar	ul	a 				{letter-spacing:0px;font-size:1.2em;line-height:1.4em;padding:11px;}
	
	.back-to-top 			{display:none;width:40px;height:40px;}
	.back-to-top:after		{font-size:18px;line-height:40px;}
	
	
	.headanim			{font-size:4em;top:290px;}
	.animblock			{top:450px;}
	
	.carousel .item 	{height:350px;}
	
	
	.row.band img	{width:80%;margin:auto;}
	
	
}





/* 3. Mobile Version  ########################################################################################################################################################################### */
@media (min-width: 320px) and (max-width: 767px) {
	
	.jumbotron	{padding-top:15px !important;}
	
	
	.container.gold				{margin-top:40px;margin-left:0px !important;}
	
	.container .bannero			{z-index:-1;}
	.container .bannero .logo	{margin:auto !important;width:170px;height:41px;text-align:center;margin-top:35px !important;z-index:5;border:0px solid #fff;}
	
	
	.navback					{display:none;}	
	.navbar-default				{background-color:transparent !important;border:none !important;}	
	.navbar-header				{background-color:none;border:none;margin:0px;}
	.navbar						{margin-top:-68px;z-index:1;}	
	.navbar-collapse			{margin-top:25px !important;background-color:#333;border:none !important;}	
	
	ul.nav.navbar-nav				{border:none;margin-top:0px !important;margin-bottom:0px !important;}
	ul.nav.navbar-nav li			{border-bottom:1px solid #E5C770;text-align:center;}
	#navbar ul.nav.navbar-nav li a	{font-weight:bold !important;letter-spacing:2px !important;font-size:1.2em;}

	
	.carousel .item 					{width:100%;height:200px;}
	.carousel .carousel-indicators	 	{display:none;}

	
	.animblock			{display:none;}
	
	.content				{margin-top:-35px;}
	
	
	.content 	table.c		{width:100%;}
	
		
	.row.band img	{width:100%;}
		
	
	.back-to-top 			{display:none;width:40px;height:40px;}
	.back-to-top:after		{font-size:18px;line-height:40px;}
	
}