/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require_tree .
*= require_self
*/


/* titillium-web-regular - latin */
@font-face {
  font-family: Titillium;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: greatVibes;
  	font-style: normal;
  	font-weight: 50px;
	src: url(../FONTS/GreatVibes-Regular.otf),
      	 url('../FONTS/great-vibes-v7-latin-regular.eot'),
         url('../FONTS/great-vibes-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../FONTS/great-vibes-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../FONTS/great-vibes-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../FONTS/great-vibes-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../FONTS/great-vibes-v7-latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */	
}
/* great-vibes-regular - latin 
@font-face {
  font-family: 'Great Vibes';
  src:  /* IE9 Compat Modes 
  src: local('Great Vibes'), local('GreatVibes-Regular'),  
}
*/

html, body {
    height: 100%;
    margin: 0;
  	letter-spacing:3px;
  	font-family: Titillium,Palatino Linotype, Book Antiqua, Palatino;
}

#corps
{
	margin-left:8%;
 	margin-right:8%;
  	margin-top: 30px;
  	margin-bottom:200px;
  	letter-spacing:3px;
  	min-height: -webkit-calc(100% - 300px);     /* Chrome */
    min-height: -moz-calc(100% - 300px);     /* Firefox */
    min-height: calc(100% - 300px);
}

.page-header {
    width: 300px;
    font-size: 2em;
    box-shadow: 6px 6px 6px green;
    border: 2px solid green;
    font-family: greatVibes;
    margin-bottom: 4%;
    margin-top: 4%;
}

/*
banniere

.conteneur{
	position: static;
	margin-left: 10%;
	width: 70%;
}
*/
.baniere{
  	width: 100%;
  	height:130px;
 	margin-left: 10%;
	margin-right: 10%;
}

.jumbotron{
    color:white;
}

/*
.collapse navbar-collapse{
	margin-top: 3%;
	margin-bottom: 3%;
}
*/

.logo {
  	width: 161px;
  	height:160px;
  	float : left;
}

.vereinName {
	width: 100%;
	text-align: center;
	font-size: 2em;
	display: inline;
   /* font-family: greatVibes; */
}
.sozial{
	display: inline;
}
.sozial img
{
	width: 8%;
}

.baniere div
{
	display: inline-block;
}

.banniere_section2
{
	text-align: right;
	display: block;
  	float: right;
}

.banniere_section2 img
{
	
}
/*
banniere ende
*/

/*
Nav
*/
.btn-nav-margin-left
{
	margin-left: 3%;
}

.navbar {
  width:100%;
}
/*
Ende Nav
*/

/*
Ende Contenu
*/

.footer{
  position : relative;
  bottom : 0;
  letter-spacing:3px;
  /*height:400px;*/
  width:100%;
  padding-top: 2%;
  padding-bottom:2%;
  color :white;
  font-size: small;
}

footer{
  position : relative;
  bottom : 0;
 /* height:400px;*/
  letter-spacing:3px;
  width:100%;
  padding-top: 2%;
  padding-bottom:2%;
  color : white;
  font-size: small;
}

.footer-sozial img{
	width: 9%;
	height: 9%;
}
.link-footer{
  color: white;
}
.footer-kontakt img{
	width: 9%;
	height: 9%;
}



@media only screen and (max-width: 576px) {
  body {
    font-family:"Titillium", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size : small;
    letter-spacing:3px;
  }
  #corps{
    width :100%;
    margin:0;
    padding:0;
    letter-spacing:3px;
  }
  .vereinName {
	width: 100%;
	text-align: center;
	font-size: 18px;
	display: inline;
   /* font-family: greatVibes; */
  }
  .footer{
    display : block;
    letter-spacing:3px;
  }
  footer{
    display : block;
    letter-spacing:3px;
  }

  
  
}