/** General settings **/

@media only screen 
    and (min-width : 801px) {
	nav li:hover nav {
		display: block;
		position: absolute;
		height: 40px;
		width: 200px;
	}
}


@font-face {
    font-family: TrajanProRegular;
    src: url(../fonts/TrajanPro-Regular.woff) format('woff');
}

@font-face {
    font-family: LucidaSansRegular;
    src: url(../fonts/Lucida-Sans-Regular.woff) format('woff');
}

@font-face {
    font-family: RoundhandRegular;
    src: url(../fonts/Roundhand-Regular.woff) format('woff');
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
}

body {
	display: table;
    width: 100%;
    height: 100%;
    font-size: 11pt;
}

header {
	background-color: #8B3438;
	color: #CB9E71;
	min-height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
    display: table-row;
    height: 70px;
    padding: 0 60px;
    box-sizing: border-box;

}

body.Heimatdienst header {
	background-color: #2F5557;
}


.header-wrap {
	vertical-align: middle;
	-webkit-box-shadow: 0px 15px 5px 0px rgba(99,99,99, 1);
	-moz-box-shadow: 0px 15px 5px 0px rgba(99,99,99, 1);
	box-shadow: 0px 15px 5px 0px rgba(99,99,99, 1);
    width: 100%;
    box-sizing: border-box;
    padding: 0 70px;
}

nav {
    padding-bottom: 10px;
    width: 100%;
}

/* Navigation */
.header-wrap > nav > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	flex-direction:row;
	flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-around;
}

#responsive-navigation-icon {
	display: none;
}

.header-wrap > nav > ul > li {

}

nav ul li {
	display: table-cell;
	vertical-align: top;
	list-style: none;
}

nav ul a, nav ul span {
    text-decoration: none;
    color: inherit;
	white-space: pre;
	font-weight: bold;
	display: inline-block;
	padding-right: 20px;
}

#header-image-row {
	height: 100%;
}

#header-image {
	position: relative;
	top: 15px;
}

#header-image img {
	display: none;
}

img {
	max-width: 100%;
}

hr.invisible-divider {
	border: none;
	height: 1em;
}

.image-Museum {
	background: url(../images/hintergrund/Klosterstueble.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Luftaufnahme {
	background: url(../images/hintergrund/Luftaufnahme-Kartause-Buxheim.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Fresko {
	background: url(../images/hintergrund/Fresko.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Chorgestuehl {
	background: url(../images/hintergrund/Chorgestuehl.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Kartause-Buxheim-Panarama-Sommer {
	background: url(../images/hintergrund/Kartause-Buxheim-Panarama-Sommer.jpeg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Klosterstueble {
	background: url(../images/hintergrund/Klosterstueble.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Chorgestuehl-46 {
	background: url(../images/hintergrund/Chorgestuehl-46.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Panorama-Winter {
	background: url(../images/hintergrund/Panorama-Winter.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Chorgestuehl-Details {
	background: url(../images/hintergrund/Chorgestuehl-Details.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Klosterhof {
	background: url(../images/hintergrund/Klosterhof.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Kartause-Buxheim-Panarama-Winter {
	background: url(../images/hintergrund/Kartause-Buxheim-Panarama-Winter.jpeg) no-repeat center center scroll;
	background-size: cover; 
}


.image-Kartause-aussen {
	background: url(../images/Kartause-aussen-Kleine-Kirchtuerme.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Kartaueser {
	background: url(../images/Chorgestuehl.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Panoramaaufnahme {
	background: url(../images/Panoramaaufnahme-bemalte-Kapelle-innen.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.image-Panorama-Winter {
	background: url(../images/Panorama-Winter.jpg) no-repeat center center scroll;
	background-size: cover; 
}

.table {
	display: table;
}

table.fullWidth {
	width: 100%;
}


.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

#content .cell {
	vertical-align: top;
}

.table .row img {
	max-width: 100%;
}

.content-wrap {
	height: 200px;
	width: 100%;
	/*** TRY
	position: relative;
	****/
	top: 15px;
}

#content {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
}

#content section {
	padding: 40px 70px 20px 70px;
	/* color: rgb(187,141,102); */
	color: rgb(157,111,72);
	/*** TRY
	position: absolute;
	****/
	max-width: 1080px;
}

.fontBlack {
	color: black;
}

#content section.Kulturprogramm {
	color: black;
}

#content section.Kulturprogramm h3, .emphased {
	color: rgb(157,111,72)
}

#content section.Kulturprogramm h3 {
	margin-bottom: 6px;
}

#content section.Kulturprogramm h3 + h4 {
	margin-top: 0 !important;
}

h1 {
	margin-top: 0;
    font-family: RoundhandRegular;
    font-size: 42pt;
    line-height: 42pt;
    color: rgb(103, 94, 89);
    font-weight: normal;
    margin-bottom: 0.25em;
}

h2 {
    color: rgb(103, 94, 89);
    font-family: RoundhandRegular;
    font-size: 32pt;
    line-height: 32pt;
    font-weight: normal;
}

h3 {
    font-size: 14pt;
    line-height: 14pt;
    font-weight: normal;
}

h4 {
    font-size: 12pt;
    line-height: 14pt;
    font-weight: normal;
}

h3, h4, h5 {
	color: black;
	margin-top: 16px;
}

h5, h6 {
	font-size: inherit;
}

nav nav {
	display: none;
	position: absolute;
	height: 40px;
	width: 200px;
}

nav ul ul {
	position: absolute;
	font-size: 12pt;
	margin-left: -7px;
	background-color: white;
	margin-top: 45px;
	border: 1px solid gray;
	width: auto;
	z-index: 1;
	opacity: 0.7;
	padding: 20px 6px 10px 6px;
}

nav ul ul li {
	display: block;
	padding: 6px 0px;
}

nav ul ul li a {
    text-decoration: none;
    color: inherit;
	white-space: pre;
	color: black;
	font-weight: normal;
}

nav ul li a:hover, a.active, nav ul li span:hover {
	color: white;
	cursor: pointer;
}

ul ul li a:hover, ul ul li a.active {
	color: rgb(168, 44, 49);
}

section p {
	max-width: 900px;
	line-height: 1.35em;
}

section .column2_2 p {
	max-width: 760px;
}

section.Zeittafel td:first-child img, section.Kulturprogramm td:first-child img, table.leftImage td:first-child img {
	display: block;
	padding-top: 11pt;
	margin: 0 auto;
}

section.Zeittafel td:first-child, table.leftImage td:first-child,  table.rightImage td:last-child{
	text-align: center;
	width: 220px;
}

section.Museumsladen td:first-child img {
	display: inline-block;
	padding-top: 0pt;
}

section.Museumsladen td:nth-child(2) {
	max-width: 300px;
}

section.Museumsladen td {
	padding-bottom: 42px;
	vertical-align: top;
}

table.leftImage td p:first-child {
	margin-top: 0;
}

section.Zeittafel td {
	max-width: 760px;
}

section.Rundgang ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
    list-style-type: none;
}

section.Rundgang li {
	margin-bottom: 11pt;
}

section.Rundgang div {

}

section.Rundgang div.colum1_2 {
	max-width: 360px;
}

#content section.Rundgang div.column2_2 {
	vertical-align: bottom;
}

section.Rundgang p {
	width: auto;
	max-width: inherit;
}

.Kuenstler-der-Kartause .column2_2 {
	padding-bottom: 50px;
}

section.Kulturprogramm td {
	padding-bottom: 30px;
}

section.Kulturprogramm td:nth-child(2) {
	max-width: 80px;
}

section.Kulturprogramm td:last-child {
	max-width: 112px;
}

p.abstandshalter {
	margin-bottom: 30px;
	border: 1px solid transparent;
}

.row-padded .cell {
	padding-bottom: 30px;
}

/**
 * Inhalt allgemein
**/

th {
	font-size: 110%;
	padding-bottom: 16pt;
}

td, th {
	vertical-align: top;
	min-width: 90px;
	padding-right: 12px;
	text-align: left;
}

caption {
	text-align: left;
}

p > img, p > a > img, td img {
	max-width: 100%;
}

a, a img {
	outline : none;
	border: 0;
}

td h3:first-child,
td h4:first-child {
	margin-top: 0;
}

td h3 {
	margin-bottom: 0;
}

td h3 + h4 {
	margin-top: 8pt;
}


td h4 + h5 {
	margin-top: 8pt;
}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration: none;
    color: inherit;
}

a:active, a:focus {
	outline: none;
	-moz-outline-style: none;
}

#content a {
	text-decoration: none;
}

section ul {
	list-style-type: none;
}

section ul li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}

section ul ul li:before {
  content: '○';
  position: absolute;
  margin-left: -20px;
}

section.Heimatdienst-Chronik ul li:before {
	content: '●';
}

section.Heimatdienst-Chronik ul ul li:before {
	content: '-';
}

p.close-link {
	margin: 0;
}

p.close-link a {
	color: inherit;
}

figure {
	display: table;
	width: 1px;
	float: left;
}

figure:after {
	display: table;
	width: 1px;
	float: left;
}

.column1_2 figure {
	float: none;
	margin: 0 auto;
}

.column1_2 figure {
	margin-bottom: 11pt;
}

.imagebar:after {
	content: "";
	display: block;
	clear: both;
}



.imagebar-with-captions {
  display: block;
  width: 100%;
  max-width: 900px;
  float: none;
}

.imagebar-with-captions figure {
  margin: 0;
  background-color: rgb(238,239,231);
  color: rgb(157,111,72);
  display: block;
  width: 100%;
  float: none;
}

.imagebar-with-captions figcaption {
  margin: 0;
  padding: 8px;
  background-color: rgb(238,239,231);
  color: rgb(157,111,72);
  display: block;
  text-align: center;
	width: 900px;
  max-width: 100%;
  box-sizing: border-box;
  font-weight: bold;
}

.imagebar-with-captions img {
	width: 900px;
  max-width: 100%;
    display: block;
}

figure img, figcaption {
    display: table-row;
    max-width: inherit;
}

figcaption {
	color: black;
	text-align: center;
	font-size: 9pt;
}

.imagebar figure img {
	padding: 0 20px;
}

.column1_2 {
	padding-right: 20px;
	max-width: 350px;
	width: 320px;
	text-align: center;
}

.centered {
	text-align: center;
}

.floating-images img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

body.blank p {
	font-size: 14px;
}


body.blank h1 {
	font-size: 21pt;
	line-height: 21pt;
}

body.blank p {
	line-height: 1.25em;
}

body.blank #content {
	position: static;
}

body.blank #content section {
	padding: 20px 20px 0 20px;
}

body.blank #content .column1_2 {
	vertical-align: middle;
	text-align: left;
}

body.blank .column2_2 h3:first-child, body.blank .column2_2 p:first-child {
	margin-top: 0;	
}

.column2_2 h3:first-child, .column2_2 p:first-child {
	margin-top: 0;	
}

.imagebar img {
	display: inline-block;
	margin: 8px 8px 0 8px;
}

p.info {
	font-size: 9pt;
	width: 200px;
	margin: 0 auto;
}

.Neuerscheinung {
	color: rgb(153, 0, 0);
	font-weight: bold;
}


/**
 * Slider
**/

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

.slider {
	height: 100%;
	widht: 100%;
	position: relative;
}

.slide {
	height: 100%;
	width: 100%;
	animation: imageAnimation 110s linear infinite 0s;
	position: absolute;
    opacity: 0;
    z-index: 0;
	background-size: cover; 
}

.slider .slide:first-child{
    opacity: 1;
}

.slide1 {
}

.slide2 {
	animation-delay: 10s; 
}

.slide3 {
	animation-delay: 20s; 
}

.slide4 {
	animation-delay: 30s; 
}

.slide5 {
	animation-delay: 40s; 
}

.slide6 {
	animation-delay: 50s; 
}

.slide7 {
	animation-delay: 60s; 
}

.slide8 {
	animation-delay: 70s; 
}

.slide9 {
	animation-delay: 80s; 
}

.slide10 {
	animation-delay: 90s; 
}

.slide11 {
	animation-delay: 100s;
}


#VollerText {
	display: none;
}

#LinkVollerText {
	
}

.footer {
	padding: 10px 10px 10px 70px;
	background-color: rgb(91,91,91);
	font-family: Arial;
	color: white;
	clear: both;
}

.footer img {
	vertical-align: middle;
    margin-right: 5px;
}

.footer a {
	color: white;
}

section.Datenschutzerklaerung {
	color: black;
}

table.Preise td:last-child {
    text-align: right;
}


div.Bildergalerie {
display: grid;
max-width: 900px;
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
height: auto;
}
/* display: grid; */

div.Bildergalerie img {
max-width: 100%;
border: 1px solid lightgray;
}

div.Bildergalerie3 {
display: grid;
max-width: 900px;
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-rows: 1fr;
height: auto;
}

div.Bildergalerie3 img {
max-width: 100%;
height: 100%;
border: 1px solid lightgray;
}

div.BildergalerieXX3 {
display: grid;
max-width: 900px;
grid-gap: 10px;
grid-template-columns: 3.8fr 5.0fr 6.6fr;
grid-auto-rows: 1fr;
height: auto;
}

div.BildergalerieXX3 img {
max-width: 100%;
height: 100%;
border: 1px solid lightgray;
}

div.Bildreihe-3-seemless {
	font-size: 0;
	max-width: 900px;
	height: auto;
}

div.Bildreihe-3-seemless img {
	max-width: 100%;
	border: 1px solid lightgray;
}


div.BilderGrid2 {
	display: grid;
	max-width: 900px;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	height: auto;
}


div.BilderGrid2 img {
	max-width: 100%;
	height: 100%;
	border: 1px solid lightgray;
}

div.BilderGrid3 {
	display: grid;
	max-width: 900px;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 1fr;
	height: auto;
}

div.BilderGrid3 img {
	max-width: 100%;
	height: 100%;
	border: 1px solid lightgray;
}


div.Bildereihe5, div.Bildereihe5_ABO {
display: grid;
max-width: 900px;
grid-gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 1fr;
height: auto;
}

div.Bildereihe5_ABO {
grid-template-columns: 5.2fr 3.8fr 3.7fr 5.2fr 2.3fr;
}


div.Bildereihe5 img, div.Bildereihe5_ABO img {
max-width: 100%;
height: 100%;
border: 1px solid lightgray;
}