.container {
	padding: 80px 0px;
}

.rasse {
	border: 10px solid transparent;
	margin-bottom: 25px;
	width: 80%;
	height: 80%;
	opacity: 0.7;
}

.rasse:hover {
	border-color: #f1f1f1;
}

.story {
	border: 10px solid transparent;
	margin-bottom: 25px;
	opacity: 0.7;
}

.bg-1 {
	background: #2d2d30;
	color: #bdbdbd;
}

.bg-1 h3 {
	color: #fff;
}
/* .bg-1 p {font-style: italic;} */
.bilder-start img {
	/*-webkit-filter: grayscale(90%);
    filter: grayscale(90%); /* make all photos black and white */
	width: 100%; /* Set width to 100% */
	margin: auto;
}

.bilder-anzeige img {
	/*-webkit-filter: grayscale(90%);
    filter: grayscale(90%); /* make all photos black and white */
	width: 70%; /* Set width to 100% */
	margin: auto;
}



.zeitleiste td, .zeitleiste th {
	background-color: transparent;
	padding: 8px;
	vertical-align: top;

}

.carousel-control.right, .carousel-control.left {
	background-image: none;
}

.carousel-caption h3 {
	color: #fff !important;
}

@media ( max-width : 600px) {
	.carousel-caption {
		display: none;
		/* Hide the carousel text when the screen is less than 600 pixels wide */
	}
}

.nav-tabs li a {
	color: #777;
}
/* Add a dark background color with a little bit see-through */
.navbar {
	margin-bottom: 0;
	background-color: #2d2d30;
	border: 0;
	font-size: 11px !important;
	letter-spacing: 4px;
	opacity: 0.9;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand {
	color: #d5d5d5 !important;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
	color: #fff !important;
}

/* The active link */
.navbar-nav li.active a {
	color: #fff !important;
	background-color: #29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
	border-color: transparent;
}

/* Dropdown */
.open .dropdown-toggle {
	color: #fff;
	background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
	color: #000 !important;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
	background-color: #6141FC !important;
}

body {
	font: 400 15px/1.8 Lato, sans-serif;
	color: #777;
}

.navbar {
	font-family: Montserrat, sans-serif;
}

/* Add a dark background color to the footer */
footer {
	background-color: #2d2d30;
	color: #f5f5f5;
	padding: 32px;
}

footer a {
	color: #f5f5f5;
}

footer a:hover {
	color: #777;
	text-decoration: none;
}

/* Add a dark gray background color to the modal header and center text */
.modal-header, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
}

.modal-header, .modal-body {
    padding: 40px 50px;
}
/* ---- Mehrsprachigkeit / Lore-Abschnitte ---- */

.lore-section .lore-heading, .bg-1 .lore-heading {
	margin-top: 32px;
	margin-bottom: 12px;
	font-family: Montserrat, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 15px;
}

.bg-1 .lore-heading {
	color: #fff;
}

.lore-caption {
	font-style: italic;
	opacity: 0.75;
	margin-bottom: 20px;
}

.storyLaital .pager {
	margin: 0 0 24px 0;
}

.storyLaital .pager .page-indicator {
	display: inline-block;
	padding: 5px 14px;
	font-size: 13px;
	opacity: 0.7;
}

.storyLaital #storyLaital_content:after {
	content: "";
	display: block;
	clear: both;
}

#storyLaital_content img.story {
	float: left;
	margin: 0 25px 15px 0;
}

#storyLaital_content img.story[align="right"] {
	float: right;
	margin: 0 0 15px 25px;
}

@media ( max-width : 600px) {
	#storyLaital_content img.story, #storyLaital_content img.story[align="right"] {
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}
}

#lang-switch .glyphicon-globe {
	margin-right: 6px;
}

#lang-menu li.active a {
	background-color: #6141FC !important;
	color: #fff !important;
}