@charset "utf-8";
/* CSS Document */



html, body {
    color: #FFFFFF;
	height: 100%;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 6rem;
	padding-left: 0px;
	padding-right: 0px;
	text-shadow: 0 0 1.5px black;
	
	/*letter-spacing: .1em;*/
  	/*text-shadow: 
     0.1rem  0.1rem 0.1rem black,
     0.1rem -0.1rem 0.1rem black,
    -0.1rem  0.1rem 0.1rem black,
    -0.1rem -0.1rem 0.1rem black;*/
	font-family: 'Delius';
  font-style: normal;
  
  font-size: 1.35rem;
  
	
	background: url("../bilder/backstein.jpg") repeat ;
	/*display: table;*/
	width: 100vw;
	overflow-x: hidden;
	
	
	
}

a { color: #FFFFFF; }
a:hover { color: #FFFFFF;}

/*.pic {overflow:hidden;border: 0px solid #e9e9e9; }*/
/*.gallery {border:0px solid #333333; margin-right: 1.0rem; margin-top:0.25rem; overflow:hidden; }*/

/*@media (max-width: 575.98px) { html, body {font-size: 0.8rem} }*/

.img-thumbnail {
    padding: .2rem;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}

.gallery img {
    margin-bottom: 15px;
    width: 100%;
    height: auto;

}

.modal-header {
    border-bottom: none;
    padding: 0 0 0 0;
}

.modal-header .close {
    padding: 0 5 0 0;
    margin: 0;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2px;
}

.modal-open {
    overflow-y: hidden !important;
}

.container { 
	max-width:1200px; 
	width:100vw;
	/*overflow-y: hidden;*/
	
	}

.row{
	margin:0;
	padding:0;
}


.navbar {background-color: rgba(1,1,1,0.70); font-size: 0.9rem}
.leichtgrau {background-color: rgba(1,1,1,0.40); padding: 0.5rem; font-size: 1.25rem}

.footerbackground{
	/*display: table-row;*/
	background: url("../bilder/boden.jpg"); 
	background-size: cover;
	height: 6rem;
	font-size: 1.0rem;
}

@media (max-width: 575.98px) { 

	.footerbackground{
	/*display: table-row;*/
	background: url("../bilder/boden.jpg"); 
	background-size: cover;
	height: 5rem;
	font-size: 0.55rem;
}
	html, body {
    color: #FFFFFF;
	height: 100%;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 6rem;
	padding-left: 0px;
	padding-right: 0px;
	
	/*letter-spacing: .1em;*/
  	/*text-shadow: 
     1px  1px 1px black,
     1px -1px 1px black,
    -1px  1px 1px black,
    -1px -1px 1px black;*/
	font-family: 'Delius';
	font-size: 1.1rem;
	background: url("../bilder/backstein.jpg") repeat ;
	/*display: table;*/
	width: 100vw;
	overflow-x: hidden;
	
}
}

.marquee { 
	width: 100%; 
	margin: 0px; 
	padding: 2px; 
	overflow: hidden; 
	white-space: nowrap; 
	border: solid 0px #CCCCCC; 
	animation: marquee 30s linear infinite;
}

@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}