html{color:#553b25;background:#FFF;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#553b25;}a:hover,a:active,a:focus {outline: 0;}#map_canvas img,.google-maps img {max-width: none;}button,input,select,textarea {margin: 0;font-size: 100%;vertical-align: middle;}button,input {*overflow: visible;line-height: normal;}button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}button,html input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer;-webkit-appearance: button;}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {cursor: pointer;}input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}textarea {overflow: auto;vertical-align: top;}.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }audio, canvas,video {display: inline-block; *display: inline; *zoom: 1;}audio:not([controls]) { display: none; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.row:after,.clearfix:after {clear: both;}.row,.clearfix {zoom: 1;}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

.hidden { display: none; }


img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

/* --->> GROUPING ------------*/
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

/* --->> GRID COLUMN SETUP ------------*/
.col {
display: block;
float: left;
margin: 0 0 0 0;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col:first-child {
  margin-left: 0;
}
/*
.logo { width: 100%; text-align: center; clear: both; }
.logo-inner { width: 35%; text-align: center; margin-bottom: 50px;}
.information { width: 36%; margin-left: 0; }
.bild { width: 60%; margin-left: 4%; text-align: left; }
.impressum { width: 100%; clear: both; position: absolute; bottom: 0; background-color: #e2e2e1; background-color: rgba(226,226,225,0.4); }
*/
.logo { width: 100%; text-align: center; clear: both; }
.logo-inner { text-align: center; padding: 30px; background-color: #e2e2e1; background-color: rgba(226,226,225,0.4); margin-bottom: 30px; }
.information { width: 35%; margin-left: 0; }
.bild { width: 65%; text-align: left; }
.impressum { width: 100%; clear: both; background-color: #e2e2e1; background-color: rgba(226,226,225,0.4); }


/* main styles 
============================= */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
overflow-y: scroll;
background: transparent url("../images/MA_HG.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
width: 100%;
height: 100%;
margin: 0 auto;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.4em;
background-color: transparent;
height: auto !important;
min-height: 100%;
padding: 0;
}

#wrapper {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 0 0 0; 
min-height: 100%;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.wrapper-inner {
width: 100%;
margin: auto;
padding: 0 4%;
max-width: 1500px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.infotext { 
text-align: center; 
border: 1px solid #553b25;
padding: 10px 20px;
margin-bottom: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* typographie 
============================ */
h1 {
font-family: Alegreya Sans, sans-serif;
font-weight: 400;
font-size: 30px;
color: #553b25;
line-height: 1.4em;
margin: 0 0 15px 0;
padding: 0 0 0 0;
}

h2 {
font-family: Alegreya Sans, sans-serif;
font-weight: 600;
font-size: 24px;
color: #553b25;
line-height: 1.4em;
margin: 0 0 30px 0;
padding: 0 0 0 0;

}

a, p {
font-family: Alegreya Sans, sans-serif;
font-size: 18px;
font-weight: 400; 
font-style: normal; 
line-height: 1.4em;
margin: 0 0 16px 0;
color: #553b25;
}
a { text-decoration: underline; }
a:hover { text-decoration: none; }

.termin { font-size: 18px; line-height: 1.2em; }
.venue { font-weight: 700; }
.audio a { display: inline-block; margin-left: 10px; }

.impressum p { font-size: 18px; padding: 20px 0 0 0; }
.infotext p { margin-bottom: 0; }

strong { font-weight: 600; }

@media (max-width: 1023px) {
.logo { width: 100%; }
.logo-inner { width: 100%; }
.information { width: 100%; margin-left: 0; }
.bild { width: 100%; margin-left: 0; text-align: center; }
}