*, body {
    color: #000000;
    font-family: MicrogrammaExtD-Med;
    font-size:12px;
    padding: 0;
    margin: 0;
    z-index:10;
    letter-spacing: 1px;
}
b{
    font-weight:normal;
    font-family: MicrogrammaExtD-Bol;
}
body {
    margin: 0;
    background-color: #fff ;
}

img {
    border: 0;
    vertical-align: middle;
}

a {
    text-decoration: none;
}

h1, h1 span {
    font-size: 19px; 
    line-height:0.9em;
    font-weight:normal;
    font-family: MicrogrammaExtD-Bol;
}

h2, #search input#searchinput{
    font-size:18px;
    font-weight:normal;
    font-family: MicrogrammaExtD-Bol;
}
h3,h4 {
    font-size:14px;
    font-weight:normal;
    font-family: MicrogrammaExtD-Bol;
}  
strong{
	color:#edb73d;
}
.img-responsive {
    width: 100%;
    height: auto;
}

iframe {
	display:none;
}
 
/* Aspect Ratio */

.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
}

#headercontainer {
    position: fixed;
    top:0;
    height:120px;
    overflow:hidden;
    z-index:999;
    text-align: center;
}

#header {
    background:#edb73d;
    height:89px;
}

#logo {
    position: absolute;
    bottom:60px;
    left:10px;
}

#logo h1, #logo h1 span{
    color:#fff;   
    text-align:left;
    letter-spacing: 0;
}

#logo a > h1, #logo h1 span{
    font-size: 20px; 
}
#logo h1 span{ 
    letter-spacing:4px;

}
#logo .break::before {
	content: "\A";
	white-space: pre;
}
#owner {
    position: absolute;
    bottom:35px;
    right:10px;
}
#secure{
    display: none;	
}
#owner h2{
    color:#fff;
    font-size:14px;
}

.languagecontainer {
    height:31px;
    background:#000;
}

#language {
    color:#fff;
    position: absolute;
    right: 10px;
    bottom:6px;
    font-family: MicrogrammaExtD-Bol;
}

#language a{
    color:#fff;
    font-family: MicrogrammaExtD-Bol;
}

#language a:hover, #language a.active{
    color:#edb73d;
}
/* Admin-Bereich Anfang*/
.singleevent {
	width:100%;
	float:left;
	padding-bottom:4em;
}
.eventpic {
	width: 30%;
	float:left;
}
.eventpic img{
	max-width: 200px;
}
.eventtext {
	width: 70%;
	float:left;
}
/* Admin-Bereich Ende*/

/* Mobiles Menü */
#mobilmenu {
  width: 200px;
  background-color:#000 ;
  position: fixed;
  right: -200px;
  top: 0;
  bottom: 0;
  overflow: auto;
  z-index: 9999;
  float: left;
  -webkit-backface-visibility:hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition:.5s ease all;
  -moz-transition:.5s ease all;
  -o-transition:.5s ease all;
  transition:.5s ease all;
  padding-top:30px;
}  

#mobilmenu ul{
  list-style-type: none;
  float: left;
  padding-bottom:2em;
}

#mobilmenu ul li{
  height: auto;
  width: 100%;
  display: block;
  float: left;
  background: url('../images/mobilmenu_bg.gif') top center no-repeat;
} 

#mobilmenu ul li:first-child{
  background: none;
}
#mobilmenu ul li a{
  color: #fff;
  padding: 10px 0 10px 20px;
  font-size: 1.2em;
  display: block;
} 

#mobilmenu ul li a:hover, 
#mobilmenu ul li a.active{
  color: #edb73d;
}
.has-mobilmenu #mobilmenu {
    -webkit-transform:translateX(-200px);
    -moz-transform:translateX(-200px);
    -ms-transform:translateX(-200px);
    -o-transform:translateX(-200px);
    transform:translateX(-200px);
}
.mainmenu{}
.mainmenu ul {}

.mainmenu ul li, #footermenu li{
    list-style-type: none;
    display: inline-block;
}

.languagecontainer .mainmenu{
    padding-top:8px;
    display: none;
}

.languagecontainer .mainmenu li a{
    margin: 0 16px 0 10px;
    font-family: MicrogrammaExtD-Bol;
}

.languagecontainer .mainmenu li a, .mainmenu li a:visited,
#footermenu li, #footermenu li a, #footermenu li a:visited{
    color:#fff;
}
.languagecontainer .mainmenu li:after, #footermenu li:after {
    content: '\007C';
    color:#fff;
}

.languagecontainer .mainmenu li:last-child:after, #footermenu li:last-child:after {
    content: '';
}

.contentcontainer .mainmenu{
    margin: 10px 0;
    text-align: center;
}
.contentcontainer .mainmenu li a {
    font-size:18px;
    margin: 0 10px;
    font-family: MicrogrammaExtD-Bol;
}
.contentcontainer .mainmenu li a, .contentcontainer li a:visited {
    color:#000;
}
.mainmenu li a:hover, .mainmenu li a.active, .mainmenu li a:focus,
#footermenu li a:hover, #footermenu li a.active, #footermenu li a:focus {
    color:#edb73d;
}
#pagecontainer {
    margin-top:120px;
}
.content {
	position:relative;
}
.content, .content ol, .content, .content ul {
	padding:0 20px; 
	line-height:1.5em;
}
.content h2, .content h3, .content h4, .content ol li, .content p {
	padding:1em 0;
}
.content a {
    color:#edb73d;
}
.content a:hover, .content a:focus {
    color:#000;
}
.content table{
	width:100%;
} 
.content table td{
	vertical-align:top;
}
.content table td.mitte{
	text-align:center;
}
.content table td.rechts{
	text-align:right;
}
#mainimagecontainer{
    height: 170px;
    position: relative;
}
#search{
    z-index:99;
    width: 95%;
    margin: 80px auto 0 auto ;
}
#search h2{
    color:#fff;
    text-align: left;
    display:block;
    text-shadow: 0px -1px 5px black
}

#search input#searchinput {
    width: 65%;    
    float: left;
    height: 45px;
    text-align: left;
}
textarea, input {
	-webkit-appearance: none;
    -webkit-border-radius: 0;
    border:0;
}
#search input#searchenter, input#configenter {  
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 50px;
    background: #edb73d;
    color: #fff;
    font-family: MicrogrammaExtD-Med;
}
a.btnevent {
	cursor: pointer;
	display:inline-block;
    padding: 15px 15px 14px 15px;
    background: #edb73d;
    color: #fff;
    font-family: MicrogrammaExtD-Med;
}
input#configenter {
    padding: 0 20px;	
}
#search input#searchenter {
    width: 31%; 	
}
input#configenter {  
    float: left;
}
#search input#searchenter:hover{  
    background:#fff;
    color: #000;
}
input#configenter:hover, a.btnevent:hover {  
    color:#fff;
    background: #000;
}
.contentcontainer{
}

.imagerow {
    margin: 0 4px;
    margin-top:-10px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display:-moz-box;
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-flex-direction: row; /* Safari 6.1+ */
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.imageslider{
    margin: 0;
}
.imagerow .singleimage{
    width: 50%;
}
.singleimage {
}
.singleimage .image{
    overflow:hidden;
    margin:0 4px;
}
.imageslider .singleimage .image {
    margin:0;
}

.imagerow .singleimage img,
.imageslider .singleimage img,
.footerrow .singleimage img{
    display: inline-block;
    position: relative; 
    z-index:10; 
}
 
.imageslider .singleimage img,
.footerrow .singleimage img{
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);  
}
/* Springen in Opera */
.imageslider .singleimage img:hover,
.footerrow .singleimage img:hover{
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}
.imagerow .singleimage img{
}
.imageslider .singleimage img{
    border: 0;
}
.imagerow h3, .imageslider h3{
    margin-top: 1em;
}
.imageslider h3{
    font-family: MicrogrammaExtD-Med;
}    
.imagerow h3, .imagerow p, .imageslider h3, .imageslider p{
    text-align: left;
    padding-left:10px;
    word-break: break-word;
}
.imagerow p, .imageslider p{
    font-family: MicrogrammaExtD-Med;
    margin-bottom:2em;
}
.imagerow a.more, .imageslider a.more{
    margin-top:1em;
    display: inline-block;
    font-size:12px;
    font-family: MicrogrammaExtD-Bol;
}
.imagerow a.more, .imagerow a.more:visited,.imageslider a.more, .imageslider a.more:visited{
    color: #edb73d;
}   
.imagerow a.more:hover, .imagerow a.active, .imagerow a.more:focus,
.imageslider a.more:hover, .imageslider a.active, .imageslider a.more:focus{
    color: #000;
} 
.imageslider{}
.spacer {
    height:50px;
}
.imagerowspacer {
    height:150px;
}
#footercontainer{
    background: #000;
    position: fixed;
    bottom:0;
    text-align: center;
    overflow:hidden;
    z-index:999;
}
/* Bilderreihe im Footer */
.footerrow{
    margin:0;
    max-height:171px;
    overflow:hidden;	
	display: -moz-flex;	
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.footerrow .singleimage{
    width:20%;
    float:left;
    overflow:hidden;
}
.footerrow .ungerade{
    display:none;
}
.footerrow .singleimage .image{
    margin:0;
    padding:0;
}	

#footermenu{
    padding: 5px 0;
}
#footermenu li {
    padding:5px 0;
}
#footermenu li, #footermenu li a, #footermenu li a:visited {
    font-family: MicrogrammaExtD-Med;
    font-size: 10px;
}
#footermenu li a{
    margin: 0 5px 0 10px;
}

#footermenu li a img.facebook{
}
/* ANFANG Mobil Menu **/
#hamburger {
    display: block;
    z-index: 997;
    cursor: pointer;
    float: left;
    top: 22px;
    right: 10px;
    position: absolute;
}
#hamburger img {
    height: 25px;
    width: auto;
}

 #pagecontainer, #headercontainer, #footercontainer{
 	-webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:.5s ease all;
    -moz-transition:.5s ease all;
    -o-transition:.5s ease all;
    transition:.5s ease all;
}
.has-mobilmenu #pagecontainer,.has-mobilmenu #headercontainer, .has-mobilmenu #footercontainer
{
	-webkit-transform:translateX(-200px);
	-moz-transform:translateX(-200px);
	-ms-transform:translateX(-200px);
	-o-transform:translateX(-200px);
	transform:translateX(-200px);
}

/* ENDE Mobil Menu **/


/* BOOTSTRAP ANFANG */

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

.clearfix:before,
.clearfix:after,
.footercontainer:before,
.footercontainer:after,
.contentcontainer:before,
.contentcontainer:after,
.threeinfos:before,
.threeinfos:after,
.mainmenu:before,
.mainmenu:after,
.mainimage:before,
.mainimage:after,
.submenu:before,
.submenu:after,
.wrapper:before,
.wrapper:after,
.sticky:before,
.sticky:after,
.singleimage:before,
.singleimage:after {
  display: table;
  content: " ";
}

.clearfix:after,
.wrapper:after,
.contentcontainer:after,
.footercontainer:after,
.footercontainer:before,
.mainmenu:after,
.submenu:after,
.threeinfos:after,
.singleimage:after, {
  clear: both;
}

/* BOOTSTRAP ENDE */
@media (min-width: 340px) {
    #logo {
        bottom:38px;
    }
    h1, h1 span {
        font-size: 30px; 
    }
    #logo a > h1, #logo h1 span{
        font-size: 20px; 
    }
    #logo h1 span{
        letter-spacing:4px;
    }
    
    #owner h2{
        font-size:16px;
    }
}
@media (min-width: 481px) {
    #logo a > h1, #logo h1 span{
        font-size: 30px; 
    }
    #logo h1 span{
        letter-spacing:6px;
    }
    
    #owner h2{
        font-size:20px;
    }
}
@media (min-width: 569px) {
    h1, h1 span {
        font-size: 36px; 
    }
    #logo {
        left:20px;
    }
    #logo a > h1, #logo a > h1 span{
        font-size: 38px; 
    }
       
    #logo a > h1 span{
        letter-spacing:8px;
    }
    #owner h2 {
        font-size:24px;
    }
    #hamburger {
        top: 10px;
    }
}    
@media (min-width: 578px) {
	#footermenu li {
    	padding:0;
	}
}
@media (min-width: 768px) {
    iframe {
    	display:block;
    }
    .noiframe{
    	display:none;
    }
}
@media (min-width: 875px) {
    #search{
        width: 870px;
    }
    .languagecontainer .mainmenu{
        display: block;
    }
    #hamburger {
        display: none;
    }
#secure{
    position: absolute;
    top:10px;
    right:10px;	
    display: block;
	}
}
@media (min-width: 992px) {
    *, body {
        font-size:14px;
    }
    .content {
    	width:800px;
    	margin:0 auto;
    	padding:0; 
    }
	.content h2 {
		padding-top:2em;
	}  

	.content table{
		width:600px;
	}  
}
@media (min-width: 640px) {
    .imagerow .singleimage{
        width: 33%;
    }
}
@media (min-width: 1186px) {
    .languagecontainer .mainmenu{
        padding-top:6px;
    }
    .languagecontainer .mainmenu li a{
        margin: 0 26px 0 20px;
    }
    h2, #search input#searchinput{
        font-size:24px;
    }
    .imagerow .singleimage{
        width: 20%;
    }
    .contentcontainer .mainmenu li a {
        font-size:24px;
        margin: 0 20px;
    }
.imagerow h3, .imageslider h3{
    margin-top: 2em;
}
.imageslider h3{
    font-family: MicrogrammaExtD-Bol;
}  
.imagerow h3, .imagerow p, .imageslider h3, .imageslider p{
    padding-left:30px;
}
}
@media (min-width: 1279px) {
.footerrow .singleimage{
    width:10%;
}
.footerrow .ungerade{
    display:block;
}
}

/* Größe der Schriften */
@media (min-width: 1024px) and (orientation: landscape){
.contentcontainer .mainmenu{
    margin: 10px 0;
}
#footermenu li, #footermenu li a, #footermenu li a:visited {
    font-size: 12px;
}
#footermenu li a{
    margin: 0 15px 0 10px;
}
}

/* Anfang Abfrage Höhe Bild und Suche*/

@media (min-height: 799px){
#mainimagecontainer{
    height: 320px;
}
#search{
    margin: 130px auto 0 auto ;
}
.contentcontainer .mainmenu{
    margin: 20px 0;
}
}

/*IPAD Portrait */
@media (min-height: 768px) and (orientation: portrait){
#mainimagecontainer{
    height: 440px;
}
#search{
    margin: 340px auto 0 auto ;
}
}
/*IPAD Landscape - and (max-width: 1024px) raus */
@media (min-height: 768px) {
#mainimagecontainer{
    height: 300px;
}
#search{
    margin: 200px auto 0 auto ;
}
}
/* 1440 900*/
@media (min-height: 900px) and (orientation: landscape) {
#mainimagecontainer{
    height: 330px;
}	
#search{
    margin: 240px auto 0 auto ;
}
.contentcontainer .mainmenu{
    margin: 30px 0;
}
}

/*IPAD Landscape */
@media (min-height: 1024px) and (orientation: landscape) {
#mainimagecontainer{
    height: 586px;
}	
#search{
    margin: 470px auto 0 auto ;
}
}
/* 1920x1080 */
@media (min-height: 1050px) and (orientation: landscape) {
#mainimagecontainer{
    height: 440px;
}	
#search{
    margin: 340px auto 0 auto ;
}
}

@media (min-height: 1200px) and (orientation: landscape) {
#mainimagecontainer{
	height: 586px;
}	
#search{
    margin: 470px auto 0 auto ;
}
}

/* Ende Abfrage Höhe Bild und Suche*/

.content span.error {
    font-weight:normal;
    font-family: MicrogrammaExtD-Bol;
    color: #edb73d;
}
/* To Top */
.cd-top {
    display: none;
}
.js .cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #edb73d url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 999;
}
.no-svg .cd-top {
  background: #edb73d url(../images/cd-top-arrow.png) no-repeat center 50%;
}
.js .cd-top.cd-is-visible, .js .cd-top.cd-fade-out, .js .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.js .cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.js .cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}