.rot {
	background-color: #f00;
}
.blau {
	background-color: #00f;
}
.gruen {
	background-color: #0f0;
}
.grau {
	background-color: #aaa;
}
.gelb {
	background-color: #ff0;
}
/* allgemein

Light:300
Regular: 400
SemiBold: 600
Bold:700
ExtraBold:800	
	
	
	
*/	
------------------------------------------------------------------------------------------------*/
sup, sub {    vertical-align: baseline;    position: relative;    top: -0.4em; } 
sub { top: 0.4em; }
body {
	background-color:#edefe9;
}
body.violett {
	background-color:#6965a2;
}
body.noscroll {
	overflow:hidden;
}
body, div, span, ul, li {
	font-family: 'dtl', sans-serif;
	text-rendering:optimizeReadability;
	font-size:17px;
	font-weight:300;
	color:#000;
    line-height:125%;
	margin:0;
	padding:0;
	background-transparent;
}
b,
strong {
	font-family: 'CenturyGothic', sans-serif;
	font-weight:600;
	font-style: normal;
}
ul,li {
	list-style: none;
}
h1 {
	font-family: 'CenturyGothic';
	font-size:32px;
	font-weight:bold;
	margin:10px 0;
	line-height:112%;
	max-width: 600px;
}
h2 {
	font-size:15px;
	font-weight:600;
	margin:5px 0;
}
a,
a:link,
a:hover,
a:visited,
a:active {
	color:inherit;
	text-decoration: none;
	font-weight:600;
}
a:hover {
	text-decoration:none;
}
#header .hamburger {
	display:block;
	position:absolute;
	top:46px;
	right:40px;
	cursor:pointer;
	background-image: url(images/hamburger.svg);
	background-size:100% 100%;
	width:50px;
	height:50px;
	z-index:10000;
}
.menu_mobile {
	position: absolute;
	right:20px;
	top:00px;
	width:300px;
	background-color: #d5d5cc;
	z-index: 70000;
	padding-top: 60px;
	padding-bottom:40px;
	display:none;
}
.menu_mobile li a {
	font-weight:300;
}
#header .links .menu_mobile ul {
	margin:10px 0 10px 10px
}
#header .rechts ul {
	margin-top:20px;
}
#header .rechts ul.oben {
	margin-top:25px;
}
#header .rechts ul.oben li a {
	font-family:'dtl', sans-serif;
	
}
.menu_mobile .close,
.newsletter_subscribe .close {
	cursor:pointer;
	position: absolute;
	top:60px;
	right:20px;
	width:50px;
	height:50px;
	background-image: url(images/close.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.newsletter_subscribe .close {
	top:20px;
	right:20px;
	width:40px;
	height:40px;
}
.menu_mobile ul {
	display:block!important;
	margin-top:20px;
}
.menu_mobile ul li {
	margin:0px 10px 5px 30px;
	text-align: left;
	font-size:18px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}
.menu_mobile ul li a {
	color:#000;
}
.menu_mobile ul li.spacer {
	display:none;
	content: '';
	font-size:1px;
}
#page {
	max-width:840px;
	margin:0 auto;
	padding:0;
	position: relative;
	background-color: #fff;
}
#header {
/* 	display:flex; */
	margin-bottom:20px;
	padding-left:40px;
}
#header .links {
	max-width:250px;
	min-width:250px;
	flex-grow: 10;
	margin-top: 0px;
	padding-top: 40px;
}
#header .rechts ul {
	margin-top:65px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.menu_section ul,
#header .links>ul {
	display:none;
}
.menu_section {
	margin-top:60px;
}
.menu_section ul li {
	display:inline-block;
	margin-right:27px;
	padding: 0 10px;
}
.menu_section ul li a {
/* 	font-family: 'LaNordRegular'; */
/* 	font-size:21px; */
}
.menu_section ul li.aktiv a {
	font-weight:600;
}
.menu_push {
	display:flex;
	justify-content: space-between;
	margin-bottom: 28px;
	flex-wrap: wrap;
}
.menu_push li {
	color:#fff;
	font-family: 'CenturyGothic';
	font-size:20pt;
	white-space: nowrap;
}
.menu_push li.divider {
	width:4px;
	max-width:4px;
	padding: 0 10px;
}
.menu_push a,
.menu_push a:link,
.menu_push a:hover,
.menu_push a:visited {
	font-weight:300;
}
#header .rechts ul li a:hover {
	text-decoration: none;
}
#header .rechts {
/*
	max-width:150px;
	min-width:150px;
*/
	margin-top: 20px;
}
#header .links img {
	width:100%;
	height:auto;
}
#header .links ul {
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}
#header .links ul li {
	font-size:11px;
}
#header .suche {
	position:absolute;
	bottom:10px;
	left:22px;
}
#header .suche input {
	font-size:18px;
	padding:3px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
#content {
	margin-top:60px;
	padding:0 40px;
}
body.home #content {
	padding:0;
}
#content .seitentitel,
#content .seitentitel span {
	
	color:#000;
	margin:20px 0 20px 0;
	font-family: 'CenturyGothic';
    font-size: 32px;
    font-weight: bold;
    line-height: 130%;
}
#content .seitentitel span {
	font-weight:600;
/* 	font-size:21px; */
	font-family: 'CenturyGothic';
}
#content ul.home_events {
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	overflow:hidden;
	margin-bottom:40px;
	margin-left:-1.33%;
}

#content ul.home_events li {
	flex-grow:1;
	margin-left:1.33%;
	min-width:32%;
	max-width:32%;
	margin-bottom:10px;
	-webkit-flex:1 1 32%;
}
#content ul.home_events li img {
	width:100%;
	height:auto;
}
#content ul.home_events li .bild_events_home {
	overflow:hidden;
	padding:52.52% 0 0 0;
	height:0;
	position:relative;
}
#content ul.home_events li .bild_events_home img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
	display:block;
}
.copyright {
	font-size:12px;
	margin-top:5px;
}



#content ul.home_events li .text {
	color:#000;
	margin-top:8px;
	font-size:15px;
/* 	font-weight:600; */
}

#content ul.news {
	margin-top:40px;
}
#content ul.news>li {
	margin-bottom:40px;
	min-width:100%!important;
}
#content ul.news li .text {
	font-weight:400;
/* 	text-align: left; */
	line-height:135%;
}
#content ul.news li .bild {
	max-width: 150px;
	margin-bottom:20px;
}
#content ul.news li .link {
	margin-top:10px;
}
#content ul.news li a {
	display:block;
	font-weight: 600;
}
#content .links a {
	font-weight:600;
}
#content ul.events {
	margin-top:50px;
}
#content ul.events li {
	margin-bottom:60px;
}
#content ul.news .bild img {
	width:100%;
	height:auto;
}
/*
#content ul.home_events li .bild_events {
	width:50%;
	overflow:hidden;
	padding:52.52% 0 0 0;
	height:0;
	position:relative;
}
#content ul.home_events li .bild_events img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
	display:block;
}
*/
.text {
/* 	max-width: 550px; */
}
#content ul.events.history li img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}
#content ul.events li .text,
#content ul.events li .embed,
#content ul.events li .link {
	text-align: left;
	margin-bottom:8px;
	line-height:135%;
}
#content ul.events li .text.meta {
	margin-bottom:21px;
}
#content ul.events li .link a {
	display:block;
}
#content ul.events .bild_events {
	overflow:hidden;
	padding:27% 0 0 0;
/* 	height:0; */
	position:relative;
	width:100%;
}
#content ul.events .bild_events img {
	width:50%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:0;
	display:block;
	object-fit:cover;
}
#content ul.events .bild_events.history {
	padding:13% 0 0 0;
}
#content ul.events .bild_events.history img {
	width:25%;
}
#content ul.publikationen {
	margin-top:50px;
}
ul.publikationen li {
	display:flex;
	margin-bottom:75px;
}
ul.publikationen li div.bild {
	width:170px;
	min-width:170px;
	max-width:170px;
	margin-right:38px;
}
ul.publikationen li div.bild img {
	width:100%;
	height:auto;
	margin-bottom: 12px;
}
ul.publikationen li div.text {
	margin-bottom:14px;
	text-align: left;
	line-height:135%;
}
#content ul.publikationen li {
	display:flex;
	margin-bottom:75px;
}
#content ul.publikationen li h1 {
	margin-top:0px;
}
#content ul.publikationen li .text {
	text-align: left;
	line-height:135%;
}
#content ul.publikationen li a {
	display:block;
	margin-top:10px;
	font-weight: 600;
}
#content ul.projekte {
	margin-top:50px;
}
#content ul.projekte li {
	margin-bottom:75px;
}
#content ul.projekte li  h1 {
	margin-top:0px;
}
#content ul.editorial.spalten li {
/* 	display:flex; */
	margin-bottom:25px;
}
#content ul.editorial.spalten li h1 {
	margin-top:0px;
}
#content ul.editorial.spalten li .text {
	text-align: left;
	line-height:135%;
}
#content ul.editorial.spalten li a {
	display:block;
	margin-top:10px;
	font-weight: 600;
}
#content ul.editorial.spalten li .text a {
	display:inline;
	font-weight: normal;
	margin-top:10px;
}

ul.editorial.spalten li div.bild {
	width:170px;
	min-width:170px;
	max-width:170px;
	margin-right:38px;
	margin-bottom:30px;
}
ul.editorial.spalten li div.bild img {
	width:100%;
	height:auto;
	margin-bottom: 12px;
}
ul.editorial.spalten li div.text {
	margin-bottom:14px;
	text-align: left;
	line-height:135%;
}






#content ul.editorial {
	margin-top:50px;
}
#content ul.editorial>li {
	margin-bottom:20px;
}
#content ul.editorial li .links a {
	display:inline-block;
}
#content ul.editorial li .links,
#content ul.editorial li .embed {
	margin-top:10px;
}
#content ul.editorial .bild1 {
	width:25%;
}
#content ul.editorial .bild_quer {
	width:50%;
}
#content ul.editorial .bild_gross {
	max-width: 550px;
}
#content ul.editorial .bild_gross img {
	width:100%;
	height:auto;
	margin-bottom: 12px;
}
#content ul.editorial .bild1 img,
#content ul.editorial .bild_quer img
 {
	width:100%;
	height:auto;
	margin-bottom: 12px;
}
#content ul.editorial .text,
#content ul.editorial p {
	text-align: left;
	line-height: 135%;
}
#content ul.editorial .text ul {
	padding-inline-start: 10px;
}
#content ul.editorial .text ul li {
	padding-left:5px;
	list-style-type: "-";
}
p {
	margin:11px 0 0 0;
	padding:0;
}
body.home ul.editorial {
	margin-top:0px!important;
	margin-bottom:50px;
}
body.home ul.editorial .links a {
	font-weight:600;
}
#content ul.team {
	display:flex;
	margin-left:-5px;
	margin-top:20px;
	max-width:600px;
	flex-wrap: wrap;
}
#content ul.team li {
	margin-left:5px;	
	min-width:120px;
	max-width:120px;
	width:120px;
	flex-grow:1;
	margin-bottom:20px;
}
#content ul.team li .bild {
	overflow:hidden;
	padding:66% 0 0 0;
	height:0;
	position:relative;
}
#content ul.team li .bild img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
	display:block;
}
#content ul.team li .text {
	font-size:12px;
	margin-top:4px;
}
.diskurs_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top:1px solid #000;
  padding-top:30px;
  margin-top:20px;
}
.diskurs_container ul.diskurs_liste {
  width:180px;
  max-width:180px;
  min-width:180px;
  margin-right:40px;
}
.diskurs_container ul.diskurs_liste li.titel {
	border:0px!important;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style: normal;
	font-size:inherit;
	padding:0 0 20px;
}
.diskurs_container ul.diskurs_liste li {
	border-top:1px solid #000;
	padding: 7px 0;
	font-size:12px;
	
}
.diskurs_container ul.diskurs_liste li:last-child {
	border-bottom:1px solid #000;
}
.diskurs_container ul.diskurs_liste li a {
	
}
.diskurs_container ul.diskurs_liste li .zeit {
	font-size:inherit;
	
}
.diskurs_container ul.diskurs_liste li .titel {
	font-size:inherit;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style: normal;
}
.diskurs_container ul.diskurs_liste li .verfasser {
	font-size:inherit;
	
}
.diskurs_container .diskurs {
	
}
.diskurs_container .diskurs .titel {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style: normal;
	font-size: 21px;
}
.diskurs_container .diskurs .untertitel {
	margin-top:2px;
}
.diskurs_container .diskurs .verfasser {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style: normal;
	margin-top:3px;
}
.diskurs_container .diskurs .text{
	margin-top:10px;
	text-align: left;
    line-height: 135%;	
}
ul.form_body {
	display:flex;
	flex-wrap: wrap;
	margin-left:-20px;
}
ul.form_body li {
	min-width:calc(50% - 20px);
	max-width:calc(50% - 20px);
	width:calc(50% - 20px);
	margin-left:20px;
}
ul.form_body li input,
ul.form_body li textarea {
	width:calc(100% - 8px);
	font-size:15px;
	padding:2px 4px;
	margin-top:10px;
	border:1px solid #ccc;
}
ul.form_body li label input.radio {
	width:20px;
}
ul.form_body li label input.radio:first-child {
	width:20px;
	margin-left:0px;
}
ul.form_body li label {
	padding-right:10px;
}
ul.form_body li input.error,
ul.form_body li textarea.error {
	border: 1px solid #f00;
} 
ul.form_body li.ganz {
	min-width:calc(100% - 20px);
	max-width:calc(100% - 20px);
	width:calc(100% - 20px);
}
.error_message {
	display:none;
	margin:4px 0 10px;
	color:#b80000;
	
}
.form_submit {
	margin-top:30px;
	font-weight:600;
	color:#999;
	cursor:default;
}
.form_submit.aktiv {
	color:#000;
	cursor:pointer;
}
.newsletter_subscribe {
	position: absolute;
	padding:10px;
	border:1px solid #000;
	-webkit-box-shadow: 4px 6px 13px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 13px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 13px -2px rgba(0,0,0,0.75);	
	width:400px;
	right:10px;
	height:150px;
	top:35px;
	background: white;
	display:none;
	z-index:10000;
}
.newsletter_subscribe .content {
	margin-right:60px;
}

.newsletter_subscribe form .meldung {
	color:#f00;
	font-weight:600;
}
.newsletter_subscribe form ul {
	display:block!important;
	margin-bottom:10px!important;
}
.newsletter_subscribe form ul li,
ul.form li {
	margin-top:5px;
	display:flex;
}
.newsletter_subscribe form ul div.name,
ul.form div.name {
	min-width:100px;
	max-width:100px;
	font-size:15px;
	padding-top:7px;
}
ul.form div.name {
	min-width:150px;
	max-width:150px;	
}

.button.link {
	padding:5px 10px;
	font-weight: 600;
	border:1px solid #000;
	cursor:pointer;
	margin-left:0px;
	display:inline-block;
}
.newsletter_subscribe .button,
ul.form .button,
.button.res {
	padding:5px 10px;
	font-weight: 600;
	border:1px solid #000;
	cursor:pointer;
	display:inline-block;
	margin-top:13px;
}
ul.form .button {
	margin-left:150px;
}
#content ul.publikationen li a.bestellbutton {
	padding:5px 10px;
	font-weight: 600;
	border:1px solid #000;
	cursor:pointer;
	display:inline-block;
	margin-top:13px;
	
}
.newsletter_subscribe .button:hover,
ul.form .button:hover,
ul.form .button.submit.aktiv:hover {
	background-color: #000;
	color:#fff;
}
ul.form .button.submit:hover {
	background-color:#fff;
	color:#999;
}
ul.form .button.submit {
	color:#999;
	border-color:#999;
	cursor:default;
}
ul.form .button.submit.aktiv {
	color:#000;
	border-color:#000;
	cursor:pointer;
}
.newsletter_subscribe form ul input {
	font-size:15px;
	padding:5px;
	border:1px solid #000;
}
ul.form li input,
ul.form li textarea {
	width:200px;
	border:1px solid #000;
	font-size:15px;
}
#footer {
	font-size: 14px;
	background-color: #d5d5cc;
	padding:40px 40px;
	line-height: 140%;
}
#footer .menu {
	display:block;
	margin-top:20px;
}
#footer .menu ul {
/* 	justify-content: space-between; */
	margin-bottom:40px;
	flex-wrap: wrap;
	line-height: 140%;
}
#footer .menu ul li {
	font-size:14px;
	margin-right:10px;
}
#dimmer {
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vw;
	opacity: 0.8;
	background-color: #fff;
}
#layer {
	display:none;
	position: fixed;
	top:10vh;
	left:10vw;
	width:80vw;
	min-height:80vh;
	background-color: #fff;
	border:1px solid #000;
	padding:10px;
	
}
#layer .close {
	position: absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	background-image: url(images/exit.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	cursor:pointer;
	
}
#layer ul.events li {
	margin-top:10px;
}
#layer ul.events li:hover {
	background-color:#eee;
	cursor:pointer;
}
#layer ul.events li.titel.markiert {
	border-top:1px solid #999;
	padding:10px 0;
	font-size:16pt;
	margin:20px 0 10px 0;
}
#layer ul.events li.titel.markiert:hover {
	background-color:#fff;
	cursor: auto;
}
#layer ul.events h3 {
	font-family:''CenturyGothic'';
	font-size:16pt;
	font-weight:600;
	margin-top:3px;
	margin-bottom:3px;
}
#layer .layer_content {
	max-height: calc(100vh - 150px);
	overflow:scroll;
}
#layer .content {
	position: absolute;
	top:30px;
	width:100%;
}
#layer .content ul {
	list-style: none;
	margin:0;
	padding:0;
}
.columns.reservation {
	display:flex;
	margin-top:40px;
}
.reservation .links {
	width:60%;
}
.reservation .rechts {
	width:40%;
}
.reservation .rechts img {
	width:100%;
	height:auto;
}
ul.projekte_content_menu li {
	margin-bottom:2px;
}
ul.projekte_content_menu li.aktiv {
	font-family: 'CenturyGothic';
	font-weight:bold;
}
ul.projekte_submenu {
	display:none;
	position: fixed;
	right:10px;
	top:250px;
	padding:15px;
	width:250px;
	border: 1px solid #eee;
	background-color: white;
}
ul.projekte_submenu>li {
	padding-bottom:20px;
	cursor:pointer;
}
ul.projekte_submenu>li ul {
	margin-left:15px;
	display:none;
}
ul.projekte_submenu>li ul.offen {
	display:block;
}
ul.projekte_submenu>li ul>li {
	padding-top:6px;
	cursor:pointer;
	padding-bottom:6px;
}
.home_kurzliste {
	padding:5px 40px 30px 40px;
	
}
.home_kurzliste h1 {
	font-size:64pt;
	margin-bottom:40px;
	color:#fff;
	display:inline-block;
}
.home_kurzliste .editorial h1 {
	font-size:24pt;
}
.home_kurzliste.juli {
	background-image:url(images/kristall_hg_juli_1680px.jpg);
	background-size: cover;
}
.home_kurzliste.juli h1,
.home_kurzliste.juli ul.home_events_kurz li .text {
	color:#000;
}
ul.home_events_kurz li .text {
	font-family: 'CenturyGothic';
	font-size:24pt;
	color:#fff;
	max-width:100%;
}
ul.home_events_kurz li .text span {
	font-size:20pt;
	font-family: 'CenturyGothic';
	color:#00;
	white-space: nowrap;
}
ul.slideshow {
	height:250px;
	width:100%;
	overflow:hidden;
	position: relative;
	z-index:0;
}
ul.slideshow li {
	width:100%;
	height:250px;
	z-index:40000;
	position:absolute;
	left:0px;
	top:0px;
	z-index:30000;
}
ul.slideshow li.aktiv {
	z-index:50000;
}
ul.slideshow li.old.aktiv {
	z-index:40000;
}
ul.slideshow li img {
	object-fit:cover;
	width:100%;
}