@font-face {
   font-family: 'JCMFont';
	src: url(../fonts/jcmfont.otf);
	
}


body {
 
   background: #5c0202;
   z-index:3;
   font-family:JCMFont;
   padding: 0px;
}

h1 {
   color: #ce1517;
   clear:both;
   margin-top: 0px;
}
.newsrow .admin {
   display:flex;
}

.newsrow .admin div {
   padding:3px;
}

.newsrow .admin a, .newsrow .admin a:visited, .newsrow .admin a:active, .newsrow .admin a:hover, .newsrow .admin a:focus {
   color:#ce1517;
   text-decoration:underline;
}
h1.news {
   display:block !important;
}
h2 {
   color: #ce1517;
  
   margin-top: 0px;
}

h3 {
   color: #ce1517;
}
.newsrow .article h1{
   font-size:25px;
} 

.newsrow .article h2{
   font-size:20px;
}

.error {
   background: #ff2400;
   border: solid 1px #ff0800;
   padding:10px;
    color:#000;
}
.info {
   background: #00E76A;
   border: 1px solid #008900;
   padding: 15px;
   color:#000;
}   
.headline {
   border-bottom: 1px solid #b40000;
   margin-bottom:5px;
   margin-top: 5px;
}

.single_headline {
   border-bottom: 1px solid #b40000;
   margin-bottom:5px;
   margin-top: 5px;
   margin-bottom:25px;
}
.row {
   clear:both;
   padding:5px;
} 

#admin {
   position: absolute;
   z-index:5;
   
   width: 200px;
   font-size: 16px;
   padding: 4px;
   background: rgba(180,0,0,0.7);
}

#admin a div {
   border-right: 1px solid #cccccc;
}

#admin a:last-child div {
   border-right: none;
}

#admin a {
   color: #cccccc;
}
#all {
   position: absolute;
   width:100%;
   height: 100%;
   z-index:1;
}  
#allcontent{
   width: 1300px;
   margin: 0em auto;
   background:#ededed;
   padding:0px;
   min-width:450px;
  -webkit-box-shadow: 0px 3px 2px  #ccc;
-moz-box-shadow: 0px 3px 2px  #ccc;
box-shadow: 0px 3px 2px  #ccc;
}


#header{
   text-align: center;
   background: #ce1517;
   margin: 0px;
   padding: 5px;
}

#header img {
   width: 40%;
   min-width: 350px;#FF1A00;
}

#slideshow {
   width:100%;
   height: 312px;
   position:relative;
   -webkit-box-shadow: 0px 2px 0px -1px rgba(0,0,0,1);
-moz-box-shadow: 0px 3px 2px -1px rgba(0,0,0,1);
box-shadow: 0px 3px 2px -1px rgba(0,0,0,1);
}

#slideshow img {
   display:none;
 position:absolute;
 top:0; left:0;
 
}

#slideshow img.start {
 display:block;
}

#content {
   padding:30px;
   
}


#footerimg {

   height: 235px;
   background-image: url(../img/overheader.png);
   background-position: left center;
   background-size: contain;
   background-repeat: no-repeat;
   clear:both;
}
  
#footer {
   padding: 50px;
   padding-top:25px;
   color: #252525;
   background: #ce1517;
   clear:both;

}

#footer a {
   color: #cccccc;
}

.left{
   width: 30%;
   text-align:left;
   float:left;
}

.siteimg {
   
   float: right;
}
.right{
   width: 30%;
   float:right;
}

.middle {
   text-align:center;
}
/*Navigation*/
#menue, #submenu {
   background: #ce1517;
   text-align: center;
   padding-top:5px;
   padding-bottom: 5px;
   font-size: 16px;
}

#menue a div, #submenu a div {
   display: inline;
   padding-left: 10px;
   padding-right: 10px;
   margin-left:10px;
   margin-right: 10px;
   
}

#menue a:last-child div, #submenu a:last-child div{
   border-right: none;
}

#menue a, #submenu a {
   color: #cccccc;
   text-decoration: none;
}

#menue a:hover, #submenu a:hover {
   
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   
}


.leftbig {
   float: left;
   text-align: left;
   width: 900px;
}

.rightbig {
   float:right;
   Width: 300px;
}
.clear {
   clear:both;
}


/* Termine */
#datespace {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-flow: row wrap;
   margin: 0em auto;
   
}

#datespace a, #datespace a:visited{
   text-decoration: none;
}
.next_date {
   text-align:center;
   width: 185px;
   height: 180px;
   background: #cccccc;
   margin: 10px;
   -webkit-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   -moz-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
}

.next_date {
   text-align:center;
   width: 210px;
   height: 180px;
   background: #cccccc;
   margin: 10px;
   -webkit-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   -moz-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
}

.next_date:hover .title {
   background: #ce1517;
}
.next_date .title{
   background: #b40000;
   padding: 5px;
   color: #cccccc;
   
}

.next_date .row {
   padding:5px;
   color: #b40000;
   padding-top: 15px;
   vertical-align:middle;
}

.important_date{
   text-align:center;
   width: 325px;
   height: 180px;
   background: #cccccc;
   margin: 10px;
   font-size: 16px;
   -webkit-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   -moz-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   
}

.important_date .title{
   background: #b40000;
   padding: 5px;
   color: #cccccc;
}

.important_date .row {
   padding:5px;
   padding-top: 15px;
   color: #b40000;
   font-size: 25px;
   vertical-align:middle;
}

.important_date:hover .title {
   background:#ce1517;
}

.unimportant_date:hover{
   width: 185px;
   height: 180px;
   transition: height 1s, width 1s, font-size 1s;
   font-size: 100%;
   
}
.unimportant_date{
   text-align:center;
   width: 95px;
   height: 120px;
   background: #cccccc;
   margin: 10px;
   font-size:60%;
   -webkit-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   -moz-box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
   box-shadow: 0px 20px 21px -13px rgba(0,0,0,1);
}

.unimportant_date:hover .title {
   background: #ce1517;
}
.unimportant_date .title{
   background: #b40000;
   padding: 5px;
   color: #cccccc;
   font-size:15px;
}

.unimportant_date .row {
   padding:5px;
   color: #b40000;
   padding-top: 15px;
   vertical-align:middle;
}

#date {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0em auto;
}

#date .entry, #date .place {
   width:50%;
   padding: 5px;
}

#date .entry h1, #date .entry h2 {
   display:none;
}

#date .place img{
   margin-top: 10px;
}

.newsrow{
   border-bottom: 2px solid #ccc;
   clear: both;
   padding-bottom: 30px;
}

.newsrow:last-child{
   border-bottom: none;
}
.newsrow img {
   width: 15%;
   float: left;
}

.newsrow .article {
   width: 80%;
   float: right;
}


.box_rep{
   background: #cccccc;
}
.box_rep .title {
   clear:both;
   background: #b40000;
   padding:5px;
   font-size: 16px;
   color: #cccccc;
}
.box_rep .row{
   clear:both;
   border-bottom: 1px solid #ededed;
   padding: 5px;
   color: #b40000;
}

.box_rep .left, .box_rep .right {
   width: 45%;
}

.imgleft {
   padding-right: 10px;
   float: left;
}