/* Body -------------------------------- */
body	{
    width:100%;
    min-height:100%;
    background: #EBEBEB;
    background-color: #EBEBEB;
	color: #000;
}

.aussen {
   position: relative;
   width: 100%;
   min-height: 100%;
   padding: 12px 0;
   /* //-

   background: rgba(248,248,248,1);
   background-color:rgba(248,248,248,1);
   */
}
.innen, .aInnen, .iNav, .iaNav, .aTAH, .iFuss {
   max-width: 1200px;
   margin: 0 auto;
}


/* Font -------------------------------- */

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v8-latin-regular.woff');
}
/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v8-latin-500.woff');
}
/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons.woff');
}

h1, h2, select, optgroup, option	{
    font-family: 'Fira Sans', sans-serif;
	font-weight:500;
	font-size:1rem;
	line-height:150%;
	}
h3	{
   font-family: 'Fira Sans', sans-serif;
	font-weight:500;
	font-size:1.125rem;
	line-height:125%;
	margin:0;
	padding:0 0 1rem 0;
	}
h4, h5, p, a, ul, li, tr, td, label, figcaption, figcaption a, input, .capt	{
    font-family: 'Fira Sans', sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:0.875rem;
	line-height:1.3rem;
	margin:0;
	padding:0;
	}
	/* //-

.iaNav p, .iaNav a	{
   font-family: 'Fira Sans', sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:14px;
	line-height:150%;
	margin:0;
	padding:0;
	}
	*/
h4	{
	font-weight:500;
	padding:0 0 6px 0;
	}
label, figcaption, figcaption a, .capt, .error	{
	font-size:12px;
	}
figcaption	{
	padding:12px 0 6px 0;
	}
.capt  {
	padding:0 0 48px 0;
}
.wrp  {
	padding:0 0 32px 0;
}
.item  {
	padding:0 0 24px 0;
}
.liste figcaption	{
	padding:0;
	}
.material-icons   {
    font-family: 'Material Icons', sans-serif;
	font-style:normal;
    line-height:48px;
}
.event h3{
	padding:0 0 6px 0;
	}	
td{
	vertical-align:top;
	}
.eventOrt td{
	padding: 18px 0;
	}
.eventLink td{
	padding: 18px 0 0 0;
	}
.caution{
	font-weight:500; 
	color:#f00;
	}
.vergriffen{
	color:#9999ff;
	font-size:10px; 
	}


/* Links -------------------------------- */
a:link	{
	text-decoration:none;
	color:#33f;
	}
a:visited	{
	text-decoration:none;
	color:#33f;
	}
a:hover	{
	text-decoration:none;
	color:#39f;
	}
a:active	{
	text-decoration:none;
	color:#33f;
	}
.grau a:link{
	text-decoration:none;
	background:transparent;
	color:#999;
	}
.grau a:visited{
	text-decoration:none;
	background:transparent;
	color:#999;
	}
.grau a:hover{
	text-decoration:none;
	background:transparent;
	color:#39f;
	}
.grau a:active{
	text-decoration:none;
	background:transparent;
	color:#999;
	}
.grau a:focus{ 
	outline:none; 
	}



/* Kopf -------------------------------- */
.kopf {
   width: 100%;
   height: 40px;
   background-color: #EBEBEB;
}
.bgKopf {
   width: 100%;
   height: 39px;
   border-bottom: 1px solid rgba(0,0,0,0.05);
}
.bgKopf, .navigation {
   position: absolute;
   top: 0;
}
.iKopf {
   float: right;
   margin-top: -35px;
}
.logo img {
   height: 24px;
   padding-right: 36px;
}


/* Fuss -------------------------------- */
.innen {
	padding: 24px 0;
}
.aInnen {
	padding: 6px 0 24px 0;
}
.fuss {
    width:100%;
    min-height: 65px;
    /* //-

    background-color: #EBEBEB;
    */
    border-top: 1px solid #D0D0D0;
}
.fuss .material-icons, .row2 .material-icons, .rowPHP .material-icons, .cnt .material-icons   {
	font-size:14px;
    line-height:14px;
    vertical-align: sub;
}
.fuss ul {
	list-style-type:none;
	margin:0;
	padding:16px 16px 0 16px;
}
.fuss a {
	text-decoration: none;
}
.fussS a {
	float:left;
	padding:24px 16px;	
}
.bioS a {
	float:left;
	padding:12px 6px;	
}
.bioS a:first-child {
	margin-left:-12px;	
	padding-left:0;	
}
.fussS a:last-child, .bioS a:last-child {
	padding-right:0;	
}
.fussS img, .bioS img {
   height:36px;
}
.dFuss  {
    padding:100px 0 96px 20px;
    color:#808080;
}



/* Inhalt -------------------------------- */
section {
   width: 100%;
   padding-bottom: 36px;
}
.fuss section, .verz {
   padding-bottom: 0;
}
.verz a {
   padding-left: 24px;
   line-height: 200%;
}
.cnt {
   padding: 16px;
}
.cntK {
   padding: 0 16px 16px 16px;
}
article{
	padding-bottom: 60px;
	}
figure{
	margin: 0 0 36px 0;
	}
figure img{
	max-height: 480px;
	}
.fluidbox__wrap img {
    width: 100%;
    min-width: 200px;
}	

.row2, .rowPHP {
   float: left;
   width: 100%;
   padding: 24px 0 0 0;
}
.row2 img {
   max-height:480px;
   width:auto;
}
.kontakt h2{
	padding:6px 0 12px 0;
	}
.kontakt li{
	list-style:disc outside;
	margin:0 0 1em 1.2em;
	}
.liste{
	float:none;
	clear:both;
	margin:0 0 72px 0;
	}
.liste figure, .liste fboxleer{
	float:left;
	width:40%;
	margin:0 0 72px 0;
	}
.liste figure img{
	width: 80%;
	}
.listeText{
	margin:0 0 72px 0;
	}
.listeText h3{
	padding:0 0 6px 0;
	}
.listeText p{
	padding:0 0 6px 0;
	}
.grau{
	color:#999;
	}
.bio{
	width:480px;
	margin:24px 0 0 0;
	}
.bioJahr{
	width:96px;
	}
.bildWrap{
	position:relative;
	top:0;
	left:0;
	width:680px;
	height:480px;
	}
.bildLegende{
	width:640px;
	margin:48px 0 24px 0;
	}
.unten{
	position:absolute;
	bottom:0;
	}
.fboxleer{
   float: left;
	width:40%;
	min-height:280px;
	}
.publi, .einzelnr   {
	padding:12px 0 0 0;
	}
.publi td{
	padding:0 24px 60px 0;
	}
.publi h3, .publi p{
	padding:0 0 6px 0;
	}
.einzelnr td{
	padding:0 6px 12px 0;
	}
.einzelnr h3, .einzelnr p{
	padding:0 0 6px 0;
	}

.mov {
   position:relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
   }
.mov iframe, .mov img {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   }
.mov iframe {
   height:100%;
   }
.mov img {
   height: auto;
   }


/* Navigation -------------------------------- */
.navigation, .aNav {
   width: 100%;
   padding: 0;
}
.navigation {
   z-index: 1000;
}

/*Strip the ul of padding and list styling*/
.iNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.iNav li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
.iNav li a {
	display:block;
	min-width: 12px;
	height: 36px;
	padding: 0 18px 8px 6px;
	font-size: 16px;
	line-height: 50px;
	font-weight:400;
	color: #808080;
	text-decoration: none;
}

/*Hover state for top level links*/
.iNav li:hover a {
	font-weight:500;
	color: #000;
}

/*Style for dropdown links*/
.iNav li:hover ul a {
	background: #EBEBEB;
	font-weight:400;
	color: #808080;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.iNav li:hover ul a:hover {
	font-weight:500;
	color: #000;
}

/*Hide dropdown links until they are needed*/
.iNav li ul {
	display: none;
}

/*Make dropdown links vertical*/
.iNav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.iNav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 24px;
}

/*Display the dropdown on hover*/
.iNav ul li a:hover + .hidden, .iNav .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.iNav .show-menu {
	text-decoration: none;
	color: #fff;
	padding: 4px 0 0 16px;
	display: none;
}

/*Hide checkbox*/
.iNav input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.iNav input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width: 48rem){
	/*Make dropdown links appear inline*/
	.iNav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.iNav li {
	   background: #EBEBEB;
      border-bottom: 1px solid rgba(0,0,0,0.25);
	}
	/*Make all menu links full width*/
	.iNav ul li, .iNav li a {
		width: 100%;
	}
	.iNav li a {
		padding-left: 16px;
	}
   .iNav li ul li a {
		padding-left: 32px;
   }
	/*Display 'show menu' link*/
	.iNav .show-menu {
		display: block;
		color: #000;
	}
}

.subM ul, .shop ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.subM li, .shop li {
	padding:0 0 6px 0;
}
.submenu li {
	padding:0 0 0 12px;
}

#mScroll .material-icons {
	font-size: 28px;
	line-height: 24px;
}

.subM {
   display: flex;
}
.menu3a   {
   width: 40%;
}


/* Formular -------------------------------- */
form.formular, form.formularP{
    font-family: 'Fira Sans', sans-serif;
	font-style:normal;
	font-weight:400;
	width:100%;
	}
em.error {
	color:#f00;
	padding:16px 0 0 0;
}
em.success {
	color:#f2f2f2;
	background:url("/nav/checked.gif") no-repeat 2px 14px;
	padding:12px 0 0 16px;
}
#summary, #warning{
	color:#f00;
	}
#warning, div.error{
	display:none;
	}
form.formular fieldset, form.formularP fieldset{
	margin-bottom:24px;
}
form.formular label, form.formularP label{
	display:block;
	padding:12px 0 3px 0;
}
form.formular input.submit, form.formularP input.submit{
	width:92%;
	cursor:pointer;
	margin:24px 0;
}
form.formular legend, form.formular label, form.formularP legend, form.formularP label{
	color:#404040;
	}
form.formular fieldset{
	border:none;
	background-color:#f2f2f2;
	}
form.formularP fieldset{
	border:none;
	}
form.formular fieldset p, form.formularP fieldset p{
	padding:6px 0 0 0;
	}
input{
	border:1px solid #ccc;
	width:84%;
	font-size:14px;
	padding:4px 12px 4px 4px;
	}
.publi input, .einzelnr input{
	width:22px;
	padding:4px;
	margin-right:2px;
	text-align:right;
	}
input.checkbox{
	border:none;
	}
input:focus{
	border:1px dotted #ccc;
	}
input.error{
	border:1px dotted #f00;
	}
textarea {
	width:90%;
   }
.halbe   {
   padding:0;
   margin:0;
	}


/* size -------------------------------- */
.test {
	display: block;
}
.size_xs, .size_s, .size_m, .size_l {
	display: none;
}
.size_xs {
	display: inline-block;
}


/* Clearfix by Nicolas Gallagher -------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }

@media screen and (min-width: 23rem) {
	h4, h5, p, a, ul, li, tr, td, figcaption, figcaption a, input	{
		font-size:14px;
		}
	/* Kopf -------------------------------- */
	.kopf {
	    height: 56px;
	}
	.bgKopf {
	    height: 55px;
	}
	.logo img {
	    height: 32px;
	}
	/* Fuss -------------------------------- */
	.fuss {
	    min-height: 91px;
	}
	.iNav .show-menu {
		padding: 12px 0 0 16px;
	}
	/* size -------------------------------- */
	.size_xs, .size_s, .size_m, .size_l {
		display: none;
	}
	.size_s {
		display: inline-block;
	}
}

@media screen and (min-width: 32rem) {
	/* Fuss -------------------------------- */
	.fuss {
	    min-height: 129px;
	}
	.fuss ul {
		padding:16px 24px 0 24px;
	}
	/* Navigation -------------------------------- */
	.menu3a   {
	    width: 33%;
	}
	/* Inhalt -------------------------------- */
	section {
	    float: left;
	    width: 49%;
	}
	.cnt {
	    padding: 24px;
	}
	.row2, .rowPHP {
	    width: 95%;
	}
	/* size -------------------------------- */
	.size_xs, .size_s, .size_m, .size_l {
		display: none;
	}
	.size_m {
		display: inline-block;
	}
}

@media screen and (min-width: 48rem) {
		/* Kopf -------------------------------- */
	.kopf {
	    height: 80px;
	}
	.bgKopf {
	    height: 79px;
	}
	iKopf {
	    margin-top: 47px;
	}
	.logo img {
	    height: 32px;
	    padding-top: 35px;
	}
	/* Fuss -------------------------------- */
	.noMob {
	    display: block;
	}
	/* Navigation -------------------------------- */
	.navigation {
	    padding: 50px 0 0 0;
	}
	#menu {
	    padding-left: 18px;
	}
	.subM {
	    float: left;
	    display: block;
	    width: 25%;
	    padding: 46px 0 0 60px;
	}
	#mName   {
		padding:12px 0 0 0;
	}
	#mWerke, #mPublikationen, #mVeranstaltungen   {
		padding: 0 0 0 8px;
	}
	.menu3a   {
	   width: 100%;
	}
	.menu3b   {
		padding: 24px 12px 0 0;
	}
	/* Inhalt -------------------------------- */
	.cntK {
	    padding: 16px;
	}
	section {
	    width: 33%;
	}
	.row2, .rowPHP {
	    width: 50%;
	}
	.liste figure{
	    width:40%;
	}
	/* image -------------------------------- */
	.wrp, .wrp img {
	    max-height:480px;
	    width:auto;
	}
	/* Formular -------------------------------- */
	form.formular, form.formularP{
	    width:575px;
	}
	/* size -------------------------------- */
	.size_xs, .size_s, .size_m, .size_l {
	    display: none;
	}
	.size_l {
		display: inline-block;
	}
}