@charset 'utf-8';


#timeline {
	overflow: scroll;
	padding-left: 0em;
	width: 800px;
}

.tl-item > li {
	float: left;
	width: 250px;
	margin:0;
	border:0;
	list-style-type: none;
	padding: 0 0 0 20px;
}

.tl-item .column li {
	float: left;
	list-style-type: none;
	margin: 2px;
}
.tl-item .column {
 	padding: 1em .5em;
 	margin-right: 1.5em;
 	margin-left: 1.5em;
 	background: transparent url(../img/timeline_item_oben.jpg) no-repeat 0 0;
 	display: inline-block;
 	width: 180px;
 	height: 420px;
}

.tl-item .column:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	color: #333;
 	background: transparent url(../img/timeline_item_unten.png) no-repeat 0 0;
	width: 100%;
	height: 11px;
}

.tl-item img {
	display: inline-block;
	padding: 2px;
	color: #333;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.tl-item h2 {
	background: transparent url('../media/kategorie_ueberschrift.png') no-repeat left;
	margin: 0 0 10px -15px;
	padding: 0 0 0 20px;
	min-width: 230px;
	min-height: 35px;
	line-height: 1.75;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.tl-item h2 a {
	color: #fff;
}

.tl-item img.rot1 {
	transform: rotate(-3deg);
}

.tl-item img.rot2 {
	transform: rotate(-2deg);
}
.tl-item img.rot3 {
	transform: rotate(-1deg);
}
.tl-item img.rot5 {
	transform: rotate(1deg);
}
.tl-item img.rot6 {
	transform: rotate(2deg);
}
.tl-item img.rot7 {
	transform: rotate(3deg);
}

#scrollLeft, #scrollRight {
	cursor: pointer;
	user-select: none;
	padding-top: 200px;
}

#scrollLeft {float: left;margin-left: 1.5em;}
#timeline {float: left;}
#timelineNavi {clear: both; padding-left: 0;margin-left:5.7em;}
#slideshow li {list-style-type: none; margin:0;}

.decoimage	{
    padding-left: 15px;
    clear: left;
    float: right;
}

.styledForm input[type="text"], .styledForm select {
	width: 260px !important; /* TemporŠrer IE-Fix */
}

/**
 * Default Output
 *
 * Styles for all output devices.
 *
 * @package Laupheim
 * @link http://laupheimer-ansichtskarten.de/
 * @version 1.0
 * @license WTFPL 2.0, http://sam.zoy.org/wtfpl/
 * @copyright Copyleft (c) 2011, Marc Görtz
 * @author Marc Görtz
 * @media all
 */

/* @group Structure */
html {
	color: #333;
	background: #fff;
	overflow-y: scroll; /* provides scrollbars to avoid jumping centered layouts */
}
html * {
	font-size: 100.01%; /* resets all font-sizes to 16px (browser default) */
}
body {
	margin: 0;
	padding: 0;
	font: .875em/1.8 'Droid Serif', Georgia, serif;
	color: #333;
	background: #fff;
	text-rendering: optimizeLegibility;
}

/* @group Header */
header {
	display: block;
	position: relative;
	color: #333;
	background: #fff url('../media/stempel.png') no-repeat 0 2.61905em;
	width: 960px;
	min-height: 2.61905em;
	margin: 0 auto;
	padding: 2.38095em 0 0 65px;
	font-size: 1.5em;
}
header a:link , header a:visited {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 0 none;
}
header a:hover , header a:focus , header a:active {
	color: #333;
	background: transparent;
	text-decoration: underline;
	border-bottom: 0 none;
}
header a:active {
	outline: 0 none; /* logo and navigation links don’t need active highlighting */
}
header a:after {
	content: '';
	position: absolute;
	width: 55px;
	height: 55px;
	top: 2.61905em;
	left: 0;
}
/* @end */

/* @group Content */
#wrapper {
	color: #333;
	background: #fff url('../media/hintergrund_standard.jpg') repeat-x top;
	background-size: auto 7.5em;
}
.card-details #wrapper {
	color: #333;
	background: #fff url('../media/hintergrund_hoch.png') repeat-x top;
	background-size: auto;
}
#wide-map + #wrapper {
	position: relative;
	z-index: 1;
	margin: -500px 0 0;
	color: #333;
	background: transparent url('../media/layer.png') repeat-x top;
}
div[role=main] {
	width: 960px;
	padding: 0 0 50px 65px;
	margin: 0 auto;
	position: relative;
}
div[role=main]:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '.';
	clear: both;
	height: 0;
}
section {
	float: left;
	display: inline;
	width: 620px;
	min-height: 1px;
}
aside {
	float: left;
	display: inline;
	width: 295px;
	margin: 5px 0 0 35px;
}
article {
	display: block;
}
/* @end */

/* @group Footer */
footer {
	position: relative;
	display: block;
	clear: both;
	margin: 20px auto 0;
	padding: 0 0 0 65px;
	text-shadow: 1px 1px 0 #fff;
	color: #777;
	background: #f2f2f2 url('../media/footer.png') no-repeat 40% 0;
	background-size: auto 100%;
}
footer > ul {
	border-top: 1px solid #ccc;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 20px;
	font-size: .9285714286em;
}
footer > ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
footer > ul > li {
	float: left;
	display: inline;
	margin: 0;
	padding: 25px 15px 0 3px;
	width: 147px;
	list-style: none;
}
footer > ul > li > ul {
	margin: 0;
	padding: 0;
}
footer > ul > li > ul > li {
	margin: 0;
	list-style: none;
}
footer a:link , footer a:visited {
	color: #777;
	background: transparent;
	border-bottom: 0 none;
}
footer a:hover , footer a:focus , footer a:active {
	color: #333;
	background: transparent;
	border-bottom: 0 none;
}
footer form label {
	font-weight: normal;
	font-size: 1.3076923077em;
	color: #333;
	background: transparent;
	margin: 0 0 0 5px;
}
footer form textarea {
	width: 310px;
	height: 50px;
}
footer form button {
	font-size: 1em;
}
footer #feedback {
	width: 320px;
	padding: 0 0 0 145px;
}
footer #feedback input {
	width: 145px;
}
footer #feedback #feedback-name-wrapper ,
footer #feedback #feedback-email-wrapper {
	float: left;
	display: inline;
	width: 155px;
	margin: 0 0 5px;
}
footer #feedback #feedback-name-wrapper label ,
footer #feedback #feedback-email-wrapper label {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
footer #feedback #feedback-name-wrapper {
	margin-right: 10px !important;
}
footer #feedback #feedback-button-wrapper {
	clear: both;
}
/* @end */

/* @group Navigation */
nav {
	display: block;
	font-size: 1.285714em;
	line-height: 1;
	width: 960px;
	margin: -1.11111111em auto 15px;
	padding: 0 0 0 65px;
	color: #807560;
	background: transparent;
	text-shadow: 1px 1px 0 #fff;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
nav ul li {
	display: inline;
	list-style: none;
	margin: 0;
}
nav a:link , nav a:visited ,
nav a:hover , nav a:focus , nav a:active {
	float: left;
	display: inline;
	color: #807560;
	background: transparent;
	margin: 0 15px 5px 0;
	border-bottom: 0 none;
}
nav a:link , nav a:visited {
	text-decoration: none;
}
nav a:hover , nav a:focus , nav a:active {
	text-decoration: underline;
}
nav .active a:link , nav .active a:visited ,
nav .active a:hover , nav .active a:focus , nav .active a:active {
	margin: -5px 0 0 -15px;
	padding: 5px 15px;
	font-weight: bold;
	color: #807560;
	background: transparent url('../media/navigation.png') no-repeat center;
	background-size: 100%;
}

/* @group Subnavigation */
#introduction h1 {
	margin-bottom: 28px;
}
.index-list {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: .5em 1em;
	background: #eee url('../img/indexNavBg.jpg') repeat center;
	overflow: hidden;
	text-align: center;
}
.index-list li {
	/*float: left;*/
	display: inline-block;
	margin: 0 .5em;
	padding: 0;
	list-style: none;
}
.index-list a:link ,
.index-list a:visited ,
.index-list a:hover ,
.index-list a:focus ,
.index-list a:active {
	border-bottom: 0 none;
	text-shadow: 1px 1px 0 #fff;
}
.index-list a:link ,
.index-list a:visited {
	color: #777;
	background: transparent;
}
.index-list a:hover ,
.index-list a:focus ,
.index-list a:active {
	color: #333;
	background: transparent;
}
/* @end */
/* @end */
/* @end */

/* @group Images and Media */
img {
	vertical-align: bottom;
	color: #333;
	background: transparent;
}
video[controls] {
	cursor: pointer;
}
/* @end */

/* @group Links */
a:link , a:visited {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
a:hover , a:focus , a:active {
	color: #333;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* @group Downloads */
a[href$='.doc'] { 
	padding: 5px 20px 5px 0;
	background: transparent url('/img/iconDoc.gif') no-repeat right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url('/img/iconPdf.gif') no-repeat right;
}
/* @end */
/* @group Images */
a img {
	border: 0 none;
}
/* @end */
/* @group Tags */
a[rel=tag]:link , a[rel=tag]:visited ,
a[rel=tag]:hover , a[rel=tag]:focus , a[rel=tag]:active {
	display: inline-block;
	padding: 1px .714286em;
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 0 none;
	border-radius: .357143em;
	transition: background .2s linear;
}
a[rel=tag]:link , a[rel=tag]:visited {
	color: #333;
	background: #e5e5e5;
}
a[rel=tag]:hover , a[rel=tag]:focus , a[rel=tag]:active {
	color: #333;
	background: #ccc;
}
/* @end */
/* @end */

/* @group Headings */
h1 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 60px;
	padding: 35px 0 0;
	color: #fff;
	background: transparent;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
h1:hover {
	overflow: visible;
	text-overflow: auto;
}
.card-details h1 {
	margin: 0 0 10px;
}
h1 span {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
h2 {
	font-size: 1.428571em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 10px;
}
h3 {
	font-size: 1.17em;
	line-height: 1.2;
	margin: 0 0 .86em;
}
h4 , h5 , h6 {
	font-size: 1em;
}
h1 a:link , h1 a:visited , h1 a:hover , h1 a:focus , h1 a:active ,
h2 a:link , h2 a:visited , h2 a:hover , h2 a:focus , h2 a:active ,
h3 a:link , h3 a:visited , h3 a:hover , h3 a:focus , h3 a:active ,
h4 a:link , h4 a:visited , h4 a:hover , h4 a:focus , h4 a:active ,
h5 a:link , h5 a:visited , h5 a:hover , h5 a:focus , h5 a:active ,
h6 a:link , h6 a:visited , h6 a:hover , h6 a:focus , h6 a:active ,
h1 abbr[title] , h2 abbr[title] , h3 abbr[title] ,
h4 abbr[title] , h5 abbr[title] , h6 abbr[title] {
	border-bottom: 0 none;
}
h1 b , h2 b , h3 b ,
h4 b , h5 b , h6 b {
	font-weight: bold;
}
/* @end */

/* @group Paragraphs */
p , address {
	margin: 0 0 1em;
	font-style: normal;
}
/* @end */

/* @group Quotes */
blockquote {
	margin: 0 0 1em;
	padding: 0 1em;
}
/* @end */

/* @group Lists */
/* @group Unordered Lists */
ul {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
ul li {
	list-style: square;
	margin: 0 0 0 3em;
}
/* @end */
/* @group Ordered Lists */
ol {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
ol li {
	list-style: decimal;
	margin: 0 0 0 3em;
}
/* @end */
/* @group Definition Lists */
dl {
	margin: 0 0 1em;
	padding: 0;
	overflow: hidden;
}
dl dt {
	font-weight: bold;
	width: 12em;
	float: left;
	display: inline;
}
dl dd {
	margin: 0 0 0 13em;
}
/* @end */
/* @end */

/* @group Tables */
table {
	margin: 0 0 1em;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/* @end */

/* @group Forms */
form ol {
	margin: 0;
	padding: 0;
}
form ol li {
	list-style: none;
	margin: 0;
}
form legend {
	color: #000;
	background: transparent;
}
form label {
	display: block;
	font-weight: bold;
}
form input , form textarea {
	font: 1em 'Droid Serif', Georgia, serif;
	padding: 4px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset;
	transition: border .5s ease;
}
form input:focus , form textarea:focus {
	outline: 0 none;
	border: 1px solid #960;
}
form textarea {
	overflow: auto;
}
form select {
	font: 1em 'Droid Serif', Georgia, serif;
}
form em {
	font-style: normal;
	font-weight: bold;
	color: #c00;
	background: transparent;
}
/* @group Buttons */
input[type='submit'] , input[type='reset'] , input[type='button'] ,
button , .button {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background: #c00;
	background: #c00 linear-gradient(to bottom, #c33, #600);
	font: .875em/1 'Droid Serif', Georgia, serif;
	text-align: center;
	text-shadow: none;
	width: auto;
	overflow: visible;
	margin: 0 0 0 5px;
	padding: 3px 15px;
	border: 0 none;
	border-radius: 5px;
}
input[type='submit']:active , input[type='reset']:active , input[type='button']:active ,
button:active , .button:active {
	color: #fff;
	background: #c00;
	background: #c00 linear-gradient(to bottom, #600, #c33);
}
/* @group Browser-specific fixes */
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner ,
button::-moz-focus-inner ,
.button::-moz-focus-inner {
	/* this fixes weird inner offset in Gecko */
	border: 0 none;
	padding: 0;
}
/* @end */
/* @end */
/* @end */

/* @group Abbreviations and Definitions */
abbr {
	border-bottom: 1px dotted lightgrey;
	cursor: help;
}
dfn {
	font-style: normal;
	cursor: help;
}
/* @end */

/* @group Keys and Code */
kbd {
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 'Lucida Grande', Lucida, FreeSans, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	border-radius: .3em;
	border: 0 none;
	cursor: default;
	user-select: none;
	color: #333;
	background: #fafafa;
	background: #fafafa linear-gradient(to bottom, #d2d2d2, #fff);
	text-shadow: 0 0 2px #fff;
	box-shadow: inset 0 0 1px #fff,
				inset 0 0 .4em #ccc,
				0 .1em 0 #888,
				0 .11em 0 rgba(0, 0, 0, .4),
				0 .1em .11em rgba(0, 0, 0, .9);
}
kbd[title] {
	cursor: help;
}
code , pre {
	color: #000;
	background: #ccc;
	background: rgba(0, 0, 0, .2);
	padding: 2px 3px;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
}
pre {
	font-size: 13px;
	margin: 0 0 30px;
	padding: 15px;
	overflow: auto;
}
body > pre {
	color: #000;
	background: #ccc;
	background: rgba(255, 255, 255, .75);
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
/* @end */

/* @group Pages */
/* @group Card Detail Page */
/* @group Cards */
.card-details h1 + .card {
	position: relative;
	z-index: 5;
	margin: 0 0 25px -26px;
	padding: 13px 0 0 0;
	width: 671px;
	color: #333;
	background: transparent url('../media/karte_oben.png') no-repeat top;
}
.card-details h1 + .card li {
	margin: 0;
	padding: 0 10px 13px 11px;
	width: 650px;
	list-style: none;
	color: #333;
	background: transparent url('../media/karte_unten.png') no-repeat bottom;
}
.card-details h1 + .card img {
	display: block;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.card-details h1 + .card.portrait {
	color: #333;
	background: transparent url('../media/karte_portrait.png') no-repeat top;
}
.card-details h1 + .card.portrait li {
	color: #333;
	background: transparent;
}
.card-details h1 + .card.portrait + section + aside > #thumbnails {
	margin-top: -375px;
}
.card-details .card li {
	text-align: center;
}
.card-details .card li a:link ,
.card-details .card li a:visited ,
.card-details .card li a:hover ,
.card-details .card li a:focus ,
.card-details .card li a:active {
	display: inline-block;
	border-bottom: 0 none;
}
/* @end */
/* @group Zoom */
.js .zoomable {
	cursor: crosshair;
	border-bottom: 0 none;
}
.js #zoom {
	position: absolute;
	top: 164px;
	left: 700px;
	z-index: 4;
	width: 340px;
	height: 336px;
	background: #fff url('../media/laden.gif') no-repeat center;
	background: rgba(255, 255, 255, .85) url('../media/laden.gif') no-repeat center;
	display: none;
}
.js #zoom div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
/* @end */
/* @group Description */
.card-details #description {
	margin: 0 0 25px;
	width: 610px;
}
.card-details #description h2 {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* @end */
/* @group Transcript */
.card-details #transcript {
	position: relative;
	margin: 0 0 40px -45px;
	padding: 42px 25px 35px;
	width: 630px;
	color: #35527a;
	background: #e5e5e5 url('../media/transkript_oben.jpg') no-repeat 0 0;
	text-size-adjust: none;
}
.card-details #transcript:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	color: #333;
	background: transparent url('../media/transkript_unten.png') no-repeat 0 0;
	width: 100%;
	height: 10px;
}
.card-details #transcript h2 {
	color: #333;
	background: transparent;
	margin: 0 0 25px;
	padding: 0 8px;
}
.card-details #transcript h2::selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
.card-details #transcript > p ,
.card-details #transcript > form {
	color: #333;
	background: transparent;
	margin: 0 0 10px;
	padding: 0 22px;
}
.card-details #transcript div {
	margin: 0;
	padding: 0 22px;
	font: .928571em/1.84615em 'Courier New', Courier, monospace;
	color: #35527a;
	background: transparent url('../media/transkript_linien.png') repeat 0 0;
	background-size: 100% 1.84615em;
}
.card-details #transcript div ::selection {
	color: #fff;
	background: #35527a;
}
.card-details #transcript div p {
	margin: 0;
}
.card-details #transcript label {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 none !important;
	width: 1px !important; 
	height: 1px !important; 
	overflow: hidden;
}
.card-details #transcript textarea {
	width: 576px;
	height: 160px;
	font: .928571em/1.84615em 'Courier New', Courier, monospace;
}
.card-details #transcript input {
	width: 278px;
}


#name-wrapper , #email-wrapper {
	float: left;
	display: inline;
	width: 288px;
	margin: 0 0 5px;
}
#name-wrapper {
	margin-right: 10px !important;
}
#button-wrapper {
	clear: both;
}
/* @end */

/* @group styled form */
.styledForm {
	position: relative;
	margin: 0 0 40px -45px;
	padding: 42px 25px 35px;
	width: 630px;
	color: #35527a;
	background: #e5e5e5 url('../media/transkript_oben.jpg') no-repeat 0 0;
	text-size-adjust: none;
}
.styledForm:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	color: #333;
	background: transparent url('../media/transkript_unten.png') no-repeat 0 0;
	width: 100%;
	height: 10px;
}
.styledForm h2 {
	color: #333;
	background: transparent;
	margin: 0 0 25px;
	padding: 0 8px;
}
.styledForm h2::selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
.styledForm > p ,
.styledForm > form {
	color: #333;
	background: transparent;
	margin: 0 0 10px;
	padding: 0 22px;
}
.styledForm label {
	padding: 0 !important;
	border: 0 none !important;
	overflow: hidden;
}
.styledForm textarea {
	width: 576px;
	height: 160px;
	font: .928571em/1.84615em 'Courier New', Courier, monospace;
}
.styledForm input[type=text], .styledForm select {
	width: 278px;
}

.styledForm select {
	border: 1px;
}

.styledForm .inputWrapper {
	display: inline;
	width: 288px;
}
.styledForm .inputWrapper.left {
	float: left;
}
.styledForm .inputWrapper.fullLine {
	width: 100%;
	float: left;
}
.styledForm .inputWrapper.fullLine > input {
	width: 576px;
}

.styledForm .noBreak {
	float: left;
	display: inline;
}
.styledForm .inputWrapper {
	margin-right: 10px !important;
}
.styledForm .inputSubmitWrapper {
	clear: both;
}
/* @end */

/* @group autocomplete */
/* wrapping ul */
.ui-autocomplete {
	background-color: #e5e5e5;
	background: rgba(229, 229, 229, .9);
	width: 400px;
	border-radius: .7em;
}
.ui-autocomplete li {
	list-style-type: none;
	cursor: pointer;
	margin-left: 1em;
	display: inline-block;
}

.ui-autocomplete a:link, .ui-autocomplete a:visited,
.ui-autocomplete a:hover, .ui-autocomplete a:focus, .ui-autocomplete a:active {
	display: inline-block;
	padding: 1px .714286em;
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 0 none;
	border-radius: .357143em;
	transition: background .2s linear;
}
.ui-autocomplete li a:link , .ui-autocomplete li a:visited {
	color: #333;
	background: #e5e5e5;
}
.ui-autocomplete li a:hover, .ui-autocomplete li a:focus, .ui-autocomplete li a:active {
	color: #333;
	background: #ccc;
}
/* @end */

/* @group Map */
.card-details #map {
	margin: 0 0 40px;
	position: absolute;
	top: 164px;
	left: 700px;
	z-index: 1;
}
.card-details #map h2 {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 6.75em;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	color: #fff;
	background: #694720;
	background: rgba(0, 0, 0, .3);
}
/* @end */
/* @group Thumbnails and Similars */
.card-details #thumbnails {
	margin: -140px -10px 40px -20px;
	padding: 10px;
	width: 320px;
	height: 80px;
	background: transparent url('../media/transparenz.png') repeat center;
	background: rgba(255, 255, 255, .66);
	z-index: 3;
	position: relative;
}
.card-details #thumbnails h2 ,
.card-details #similar h3 {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.card-details #thumbnails .card {
	margin: 0;
	padding: 0;
	width: auto;
	color: #333;
	background: transparent;
	text-align: center;
}
.card-details #thumbnails .card li {
	display: inline-block;
	margin: 0;
	padding: 0 8px;
	list-style: none;
}
.card-details #thumbnails .card img {
	padding: 5px;
	color: #333;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.card-details #thumbnails a:link ,
.card-details #thumbnails a:visited ,
.card-details #thumbnails a:hover ,
.card-details #thumbnails a:focus ,
.card-details #thumbnails a:active {
	font-size: .928571em;
	border-bottom: 0 none;
}
.card-details #thumbnails .active {
	font-weight: bold;
}
.card-details #similar > ul {
	display: table;
	width: 100%;
}
.card-details #similar > ul > li {
	display: table-cell;
	margin: 0;
	width: 33%;
	min-width: 160px;
	position: relative;
}
.card-details #similar .card {
	margin: 0;
	padding: 0;
	width: 160px;
	color: #333;
	background: transparent;
	text-align: center;
}
.card-details #similar .card li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.card-details #similar .card img {
	padding: 5px;
	color: #333;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.card-details #similar .card-front {
	position: relative;
	z-index: 2;
	width: 160px;
}
.card-details #similar .card-back {
	width: 160px;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 0;
	transform: rotate(-2deg);
}
.card-details #similar .card-front:hover {
	z-index: 1;
}
.card-details #similar .card-back:hover {
	z-index: 2;
}
/* @end */
/* @group Facts */
.card-details #facts {
	margin: 0 0 40px;
}
.card-details #facts .geo {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* @end */
/* @group Tag List */
.card-details #tags {
	margin: 0 0 40px;
}
.card-details #tags ul {
	overflow: hidden;
	margin: 0 0 0 -5px;
	padding: 0;
}
.card-details #tags li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 5px 5px 0;
}
.card-details #source {
	margin: 0 0 40px;
}
/* @end */
/* @group Sidebar Info */
.card-details #sidebarinfo {
	margin: 0 0 40px;
}
/* @end */
/* @end */
/* @group Card Category/Tag Page */
.card-category .column h2 ,
.card-list .column h2 {
	background: transparent url('../media/kategorie_ueberschrift.png') no-repeat left;
	margin: 0 0 10px -15px;
	padding: 0 0 0 20px;
	min-width: 255px;
	min-height: 35px;
	line-height: 1.75;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.card-category .column h2 a,
.card-list .column h2 a {
	color: #fff;
}
.card-category .column > .card-group ,
.card-list .column > .card-group {
	margin: 0 0 80px;
	list-style: none;
}
.card-category .column > .card-group > ul > li ,
.card-list .column > .card-group > ul > li {
	margin: 0 0 40px;
	padding: 0 0 0 180px;
	list-style: none;
	position: relative;
	min-height: 120px;
}
.card-category .column .thumbnails ,
.card-list .column .thumbnails {
	position: absolute;
	top: 5px;
	left: 0;
	width: 160px;
	text-align: center;
}
.card-category .column .thumbnails li ,
 .card-list .column .thumbnails li {
	margin: 0;
	list-style: none;
	width: 160px;
	position: relative;
}
.card-category .column .thumbnails img ,
.card-list .column .thumbnails img {
	display: inline-block;
	padding: 5px;
	color: #333;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.card-category .column .thumbnails .card-front ,
.card-list .column .thumbnails .card-front {
	position: relative;
	z-index: 2;
}
.card-category .column .thumbnails .card-back ,
.card-list .column .thumbnails .card-back {
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 0;
	transform: rotate(-2deg);
}

.card-category .column > li > ul > li > ul > .card-front:hover,
.card-list .column > li > ul > li > ul > .card-front:hover {
	z-index: 1;
}
.card-category .column > li > ul > li > ul > .card-back:hover,
.card-list .column > li > ul > li > ul > .card-back:hover {
	z-index: 2;
}
.card-category .column .tags ,
.card-list .column .tags {
	overflow: hidden;
	font-size: .85714em;
}
.card-category .column .tags > li ,
.card-list .column .tags > li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 5px 5px 0;
}
/* @end */
/* @group City Map */
#clustered-map {
	margin: 0 0 30px;
}
/* @end */
/* @group Tag Cloud */
.tag-cloud {
	text-align: center;
	line-height: 1.2;
}
.tag-cloud li {
	display: inline;
	margin: 0;
	list-style: none;
}
.tag-cloud li a {
	margin: 0 3px 10px;
	vertical-align: middle;
}
/* @end */
/* @end */

/* @group Columns */
.column-wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}
.column-wrapper > .column {
	float: left;
	display: inline;
	width: 440px;
	border-left: 1px solid #eaeaea;
	margin: 0 0 0 -1px;
	padding: 10px 0 10px 40px;
}
.column-wrapper > .column:first-child {
	border-left: 0 none;
	border-right: 1px solid #eaeaea;
	margin: 0;
	padding: 10px 39px 10px 0;
}
/* @end */

/* @group Separator */
hr {
	color: #eee;
	background: #ccc;
	height: 1px;
	margin: 2em 0;
	border: 0 none;
}
.separator {
	border-top: 1px solid #eee;
	margin: 2em 0;
	clear: both;
}
.separator hr {
	display: none;
}
/* @end */

/* @group Selections */
::selection {
	color: #fff;
	background: #807560;
	text-shadow: none;
}
/* @end */

/* @group Notices */
.error {
	display: inline-block;
	font-size: .7857142857em;
	color: #c00 !important;
	background: transparent;
	padding: 0 10px;
}
.status {
	padding: .5em;
	margin: 0 0 1em;
	color: #514721;
	background: #fff6bf;
	border: 2px solid #ffd324;
}
.status a {
	color: #514721;
	background: transparent;
}
.success {
	padding: .5em;
	margin: 0 0 1em;
	color: #264409;
	background: #e6efc2;
	border: 2px solid #c6d880;
}
.success a {
	color: #264409;
	background: transparent;
}
#mobile-url {
	padding: .5em;
	margin: 2em 0;
	color: #264409;
	background: #e6efc2;
	border: 2px solid #c6d880;
	text-align: center;
}
#mobile-url a {
	color: #264409;
	background: transparent;
}
/* @end */

/* @group Clearfix
 * @see   http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '1337';
	clear: both;
	height: 0;
}
/* @end */

/* @group Additional classes */
.hidden {
	position: absolute;
	left: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.invisible {
	display: none;
}
.alternate { 
	color: #999;
	background: transparent;
	font: italic normal 1em 'Warnock Pro', 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
}
.quiet , .light {
	color: #999;
	background: transparent;
}
.right {
	float: right;
	display: inline;
	margin: 0 0 1em 1em;
}
.center {
	text-align: center;
}
.kern {
	letter-spacing: -.1em;
}
.clear {
	clear: both;
}
.last {
	margin-right: 0;
}
/* @end */

@media print {

/* @group Page layout */
@page        { size: portrait; margin-top: 1.5cm; margin-bottom: 2cm; }
@page :left  { margin-left: 1.5cm; margin-right: 2cm; }
@page :right { margin-left: 2cm; margin-right: 1.5cm; }
body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
}
/* @end */

/* @group Page breaks */
h1 , h2, h3, h4, h5, h6 ,
table tr {
	page-break-inside: avoid;
} 
/* @end */

/* @group Link URLs */
a[href] {
	color: #00c;
}
a[href]:after {
	font-size: 80%;
	content: " (" attr(href) ") ";
}
a[href^='/']:after {
	content: " (http://example.com" attr(href) ") ";
}
/* @end */

/* @group Hidden elements when printing */
#lightbox-overlay,
nav,
footer,
#thumbnails,
#stadtplan,
.timeline-wrapper,
.mobile-navigation,
.index-list,
#similar {
	display: none !important;
}
/* @end */

/* @group Print images */
.card-details h1 + .card img {
	max-width: 100%;
	box-shadow: none;
}
img {
	max-width: 100% !important;
}
/* @end */

/* @group Print links */
.tags a:after,
#source a:after,
nav a:after {
	content: "" !important;
}
/* @end */

}

/* @group Lightbox */
#lightbox-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, .85);
	cursor: pointer;
}
#lightbox-overlay.active {
	display: flex;
	align-items: center;
	justify-content: center;
}
#lightbox-img {
	max-width: 90vw;
	max-height: 90vh;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	cursor: default;
}
#lightbox-close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 40px;
	color: #fff;
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1;
}
#lightbox-close:hover {
	color: #ccc;
}
/* @end */