*{
	padding: 0;
	margin: 0;
	outline: 0;
}
body{
	/* background-color: #fbfbfb; */
	background: #465d77;
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}
.accessible{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: #465d77;
    background: #fff;
    font-size: 1.2em;
    text-align: center;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);	
}
.accessible:focus {
    overflow: visible;
    clip: auto;
}
a{
	color: #465d77;
	text-decoration: none;
}
.container{
	margin: auto; 
	max-width: 1200px;
	font-size: 12px;
	clear:both;
	max-width: calc( 100vw - 40px );
}
header{
	/* height: 80px; */
	color: #fff;
	padding: 10px 20px 0 20px;
}
header .container{
    font-size: 24px;
    padding: 20px 0;
	text-transform: uppercase;
	font-weight: 100;
	position: relative;
}
header #kontakt, header nav, header #logo {
	width: 32.9%;
	display: inline-block;
    vertical-align: bottom;
	font-size: 18px;
}
header #logo{
	text-align: center;
}
header #logo img{
	vertical-align: bottom;
}
header #kontakt{
	text-align: right;
}
header nav a{
	border-bottom: 3px solid transparent;
}
header nav a, header nav span.seperator{;
	float: left;
	margin-right: 1px;
}
header nav a, #kontakt a,header nav span.seperator{
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	transition: .1s all ease-in-out; 
}
header nav span.seperator{
    margin: 0;
    width: 1px;
    background: #fff;
    padding: 0;
    width: 1px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 7px;
	opacity: 0.3;
}
header nav.right a, header nav.right span.seperator{
	float: right;
}

.content{
	position: relative;
}
.homebutton{
	/* color: #7fa71b; */
	/* background: #fff; */
	padding: 5px 10px;
}
#kontakt{
	text-align:right;
}
#filter, #filter-mobile{
	/* display: none !important; */
}
.filter-container{
	display:none;
	background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	margin: 0 auto 40px;
	padding: 20px;
	box-sizing: border-box;
}
header nav a.active, header nav a:hover, #kontakt a:hover{
	/* color: #7fa71b; */
	/* background: #7fa71b; */
	cursor: pointer;
	border-bottom: 3px solid #7fa71b;
}
.breadcrumb{
	list-style-type: none;
	margin-bottom: 25px;
	color: #fff;
}
.breadcrumb a{
	color: #7fa71b;
	text-decoration: none;
	margin-right: 5px;
	background: #fff;
    padding: 1px 5px;
	display: inline-block;
}
.breadcrumb li:last-child a{
	color: #fff;
	background: #7fa71b;	
}
.breadcrumb a:hover{
	color: red;
	
}
.breadcrumb > li{ 
	float: left;
}
.clear{
	clear:both;
}
footer > .container{
	margin: 20px auto;
	color: #fff;
	text-align: center;
}
footer a{
	color: #7fa71b;
	text-decoration: none;
}
.shariff{

}
.shariff li{
	background: #7fa71b;
	-webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
	min-width: 80px;
    max-width: 160px;
	margin-right: 1.8%;
	width: auto;
	float: left;
	margin-bottom: 10px;
}
.shariff li:last-child {
    margin-right: 0;
}
.print{
	display: none !important;
}
.shariff-button.print{
	display: list-item !important;
}
.smartphone{
	display: none;
}
form input[type=text],form input[type=search],form input[type=email], form textarea{
	display: block;
}
form input[type=text],form input[type=search],form input[type=email], form textarea{
	padding: 1em;
    width: 50%;
    box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,.08) inset;
    transition: all 0.3s;
	background-color: #f3f3f3;
	border: 0;
}
form textarea{
	width: 75%;
}
form input[type=submit]{
	background: #7fa71b;
    color: #fff;
    border: 0;
    padding: 1em;
}
form label{
	font-size: 1.5em;
}
.errorlist{
	color: red;
	list-style-type: none;
}
.send_status{
	font-weight: 2em;
}
.back{
	color: #fff;
    background: #7fa71b;
    cursor: pointer;
	padding: 5px 10px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.back:before{
	/* content: "«"; */
	/* margin-right: 10px; */
}
.back.bottom{
	bottom: 20px;
    top: auto;
}
input[type='range'] {
  width: 100%;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
    outline: none;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb{
  -webkit-appearance: none;
    background: none;
}
/* input[type='range']::-ms-track{ */
	/* background: none; */
	/* -webkit-appearance: none; */
/* } */

input[type='range']::-webkit-slider-runnable-track{
  width: 99%;
  height: 1px;
  background: #465d77;
}
/* input[type='range']::-ms-track { */
  /* width: 99%; */
  /* height: 1px; */
  /* background: #465d77; */
/* } */
input[type='range']:nth-child(2)::-webkit-slider-runnable-track{
  background: none;
}
/* input[type='range']:nth-child(2)::-ms-track{ */
  /* background: none; */
  /* z-index: -1; */
/* } */
input[type='range']::-webkit-slider-thumb{
	position: relative;
	height: 15px;
	width: 15px;
	margin-top: -7px;
	background: #7fa71b;
	border: 2px solid #fff;
	border-radius: 25px;
	z-index: 1;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

}
input[type='range']::-webkit-slider-thumb{
	
	
}
/* input[type='range']::-ms-thumb  { */
	/* position: relative; */
	/* z-index: 1; */
	/* -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); */

/* } */

input[type='range']:nth-child(1)::-webkit-slider-thumb{
  z-index: 200;
}
/* input[type='range']:nth-child(1)::-ms-thumb{ */
  /* z-index: 2000; */
/* } */
.rangeslider{
    position: relative;
    width: 50%;
    display: inline-block;
	vertical-align: top;
}
.rangeslider input{
    /* position: absolute; */
}
.rangeslider{
    /* position: absolute; */
}

.rangeslider span{
    /* position: absolute; */
    /* margin-top: 30px; */
    /* left: 0; */
}

.rangeslider .right{
	position: relative;
	float: right;
	margin-right: -5px;
}
.tagselect{
	width: 230px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
#tagselect{
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #AAA;
	color: #555;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
	margin-top: 15px;
}
#spinning-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #465d77;
	color: #fff;
	min-height: 700px;
}
.nav-footer{
	position: absolute;
	bottom: 0;
	color: #000;
	font-size: 0.5em;
	width: 100%;
}
.nav-footer a{
	border-top: 1px dashed #7fa71b;

}
.nav-footer span{
	padding: 10px;
	display: block;
}
#search{
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.7em;
	cursor: pointer;
	text-align: right;
}
.search-container{
	display: none;
}
#search input{
	padding: 0.5em;
    /* width: 50%; */
    box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,.08) inset;
    transition: all 0.3s;
    background-color: #f3f3f3;
    border: 0;
}
#search-form label:nth-child(3){
	display: none;
}
#id_models{
	display:none;
}
@media screen and (min-width: 1200px) {
	.container{
		max-width: 1200px;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	header #kontakt, header nav, header #logo{
		width: auto;
	}
	.tablet{
		display: block;
	}
	.text, .sidebar {
		width: 100% !important;
	}
	section.ereignis > .content, section.seite > .content{
		padding: 40px !important;
	}
	header {
		padding: 10px 10px 0 10px !important;
	}
	.tagselect{
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.rangeslider, #tagselect{
		width: 100%;
	}
}
@media screen and (max-width: 498px) {
	html{
		overflow-x: hidden;
	}
	body{
		max-width: 100vw;
	}
	.breadcrumb{
		margin-top: 10px;
		padding-bottom: 10px;
	}
	section.ereignis > .content > h1, section.seite > .content > h1 {
		font-size: 2.5em !important;
	}
	section.ereignis > .content, section.seite > .content{
		padding: 20px !important;
	}
	.text, .sidebar {
		float: none;
		word-break: break-word;
	}
	.shariff .orientation-horizontal li{
		min-width: 0 !important;
	}
	.shariff .orientation-horizontal li .share_text{
		display: none;
	}
	.event > a {
		font-size: 2em!important;
	}
	.smartphone{
		display: block;
	}
	header .container{
		padding-bottom: 0;
	}
	.homebutton{
	    display: none;
	}
	.event.event-width-2, .event{
		width: 100% !important;
	}
	.open-nav{
		position: absolute;
		top: 15px;
		right: 10px;
		font-size: 2em;
		padding: 10px;
		z-index: 9999;
		cursor: pointer;
	}
	.open-nav span{
		opacity: 0;
		
	}
	.open-nav.active{
		color: #7fa71b;
	}
	.open-nav.active span{
		opacity: 1;
		transition: opacity 0.5s ease-in-out;
	}
	.sm-nav{
		position: absolute;
		right: 0;
		top: 80px;
		background: #fff;
		width: 65%;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
		transition: all .2s ease-in-out;
		height: 95vh;
		z-index: 999;
		right: -200vw;
		z-index: 99;
		top: 0;
		padding-top: 100px;
		text-align: right;
		box-sizing: border-box;
	}
	.sm-nav.active{
		right: 0;
		
	}
	.sm-nav a:first-child{
		border-top: 1px dashed #7fa71b;
	}
	.sm-nav a{
		display:block;
		color: #000;
		padding: 10px;
		width: 100%;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.tablet{
		display: none;
	}
	.back{
		padding: 1px 5px;
		position: absolute;
		right: 0;
		top: -34px;
	}
	.back.bottom{
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.desktop{
		display: block;
	}
	.mobile{
		display: none;
	}
	.shariff-button.whatsapp, .shariff-button:first-child + li + li{
		display: none;
	} 
}
.print-list	{
	list-style-type: none;
	column-count: 3;
}
.print-list li{
	margin-bottom: 5px;
}
.print-list label{
	display: inline;
}
.print-list label input, .print-list label i{
	margin-right: 5px;
}

#print-check-toggle-label{
	border-bottom: 1px dashed #efefef;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#print, #print2{
	margin-bottom: 20px;
	padding: 5px 10px;
	background: #7fa71b;
	color: #fff;
	display: inline-block;
	font-size: 1.5em;
	cursor:pointer;
	float: right;
}
#print-link{
	position: absolute;
	padding: 5px 10px;
	background: #7fa71b;
	color: #fff;
	top: 10px;
	right: 0px;
	font-size: 0.5em;
    transform: rotate(-3deg);
    cursor: pointer;
}
#print-link a{color: #fff}
#twitter{
	position: absolute;
	color: #fff;
	top: 10px;
	right: 160px;
    cursor: pointer;
	    width: 40px;
    height: 40px;
}
#twitter img{
	max-width: 100%;
}
@media print {
	h1, h2, h3, h4, h5 {
	  page-break-after: avoid;
	}
	table, figure {
	  page-break-inside: avoid;
	}
	body{
		background: #fff;
	}
	section.ereignis > .content, section.seite > .content{
		box-shadow: none !important;
		padding: 10px !important;
	}
	.shariff, header nav, #filter, header, .breadcrumb{
		 display:none !important;
	}
	.text, .kurztext{
		width: 100% !important;
		font-size: 12px !important;
		float:none !important;
		clear:both;
	}
	.kurztext{
		margin-top: 10px;
	}
	.mainImage{
		width: 100% !important;
	}
	.mainImage img{
		max-height: 300px !Important;
		margin-top: 10px;
	}
	.bild_copyright, .bild_sub{
		text-decoration: none;
	}
	.mainImage a{
		text-decoration: none;
		color: #ccc;
	}
	.sidebar{
		/* page-break-before: always !important; */
		float:none !important;
	}
	.sidebar, .images{
		width: 100% !important;
	}
	.subseiten, .links, .quellen{
		width: 100% !important;
		/* display: none !important; */
		clear: both;
	}
	.sidebar .images .image{
		width: 32%;
		float: left;
		margin-right: 1%
	}
	section.ereignis > .content > h1, section.seite > .content > h1{
		font-size: 2em !important;
	}
	.images h3, .quellen h3, .links h3, .subseiten h3, .schlagworte h3,
	.images a, .quellen a, .links a, .subseiten a, .schlagworte a{
		font-size: 0.8em !important;
		margin-bottom: 0px;
	}
	footer{
		float: footnote !important;
		color: #000 !important;
	}
	footer a{
		color: #000 !important;
	}
	@page 
	{
		size: auto;   /* auto is the current printer page size */
		margin: 5mm;  /* this affects the margin in the printer settings */
	}
	html{
		padding: 5mm;
	}
	.print{
		display: initial !important;
	}
	.back, .noprint{
		display:none;
	}
	.ereignis-druck{
		margin-top: 10mm;
	}
}
.event{
	width: 100%;
	margin-bottom: 40px;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);

}
.grid-sizer{
	width: 100%;
}
.event.event-width-2{
	width: calc( 40% - 34px );
}
.event img{
	margin: auto;
	display: block;
	position: relative;
	max-width: 100%;
	width: 100%;
}
.event > a{
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: table;
    box-sizing: border-box;
	color: #000;
	background: #eeeeee;
    transition: all 100ms ease-in ;
	transform: scale(1) ;

}
.event:hover{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    z-index: 10;
    /* -webkit-transition: all 100ms ease-in; */
    /* -webkit-transform: scale(1.5); */
    /* -ms-transition: all 100ms ease-in; */
    /* -ms-transform: scale(1.5);    */
    /* -moz-transition: all 100ms ease-in; */
    /* -moz-transform: scale(1.5); */
    transition: all 100ms ease-in ;
    /* transform: scale(1.1) ; */
}
.event .event-hover{
	position: absolute;
	background: transparent;
	opacity: 0;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
	color: #fff;
	text-align: center;
	transition: all 50ms ease-in-out ;
}
.event:hover > a > .event-hover{
	background: rgba(0, 0, 0, 0.50);
	opacity: 1;
}
.event > a > .event-year{
	position: absolute;
    z-index: 3;
    background: rgba(255,255,255,0.5);
    left: 0;
    bottom: 0;
    padding: 5px;
}
.event > a .event-title{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.event > a .event-text{
	max-height: 130px;
	overflow: hidden;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.scroller-status, .pagination{
	display:none;
}
label{
	display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
  /* 5 columns for larger screens */
  .grid-sizer, .event {	width: calc( 33.3% - 34px );  }
}
@media screen and (min-width: 768px) {
  /* 5 columns for larger screens */
  .grid-sizer, .event {	width: calc( 20% - 34px );  }
}
@media screen and (max-width: 768px) {

	.event > a > .event-year{
		background: #fff;
		display:none;
	}	
	.event .event-hover {
		opacity: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color: #000;
		position: relative;
		background: #fff;
	}
	.event > a .event-text {
		max-height: auto;
		overflow: hidden;
		position: relative;
		top: 0px;
		transform: none;
	}
}
p{
	margin-bottom: 1em;
}
#filter{
	/* display:none !important; */
}
section.ereignis > .content, section.seite > .content{
	background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	padding: 80px;
}
.text{
    width: 60%;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 300;
	float: left;
}
.text a{
	color: #7fa71b;
}
section.ereignis > .content > h1, section.seite > .content > h1{
	font-size: 3.5em;
	width: 100%;
	margin-bottom: 10px;
}
.sidebar{
	width: 30%;
	float: right;
    font-size: 15px;
}
.kurztext{
	margin: 0 0 1em 0;
	font-weight: bold;
}
.langtext{
	
}
.mainImage{
	margin-bottom: 30px;
	font-size:12px;
	color: #bbb;
}
.mainImage a {
	text-decoration: none;
	color: #888;

}
.images > .image{
	display:block;
    display: block;
    /* text-align: center; */
	margin-bottom: 30px;
}
.images > .image > img{
	max-width: 100%;
	max-height: 150px;
	margin: auto;
	display: block;
	margin-bottom: 5px;
}
.images > .image > span.bild_sub{
	color: #000;
}
.images > .image > span.bild_copyright, .images > .image > span.bild_sub, .images > .image > span.bild_beschreibung{
	color: #000;
	font-size: 12px;
	font-weight: 300;
	display: inline-block;
}
 span.bild_beschreibung{
	display: block;
}
.images > .image > span.bild_copyright{
	display: block;
}
.mainImage img{
	max-width: 100%;
	display: block;
}
.images, .quellen, .links, .subseiten, .schlagworte{
	margin-bottom: 30px;
}
.images h3, .quellen h3, .links h3, .subseiten h3, .schlagworte h3{
	margin-bottom: 10px;
}
.images a, .quellen a, .links a, .subseiten a{
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}
.shariff{
	margin-bottom: 1em;
}
.schlagworte a{
	color: #fff;
    background: #7fa71b;
    cursor: pointer;
	text-decoration: none;
	padding: 5px;
	display: inline-block;
    margin-bottom: 3px;
}
.ereignis-list li{
	list-style-type: none;
	border-bottom: 1px dashed #efefef;
	padding-bottom: 10px;
	margin-bottom: 10px;
	height: 50px;
}
.ereignis-list a{
	text-decoration: none;
	display: block;
}
.ereignis-list img{
	max-width: 80px;
	float: left;
	margin-right: 20px;
	max-height: 52px;
}
.ereignis-list .ej{
	font-weight: normal;
}
.ereignis-list .en{
	font-weight: bold;
}