.show-menu, .field-name-field-mobilepic {
    display: none;
}

input[type="checkbox"]#show-menu {
    opacity: 0;
    position: absolute;
}

input[type="checkbox"]:checked ~ .menu-block-wrapper {
    display: block;
}

@media (max-width: 425px) {

	#page,
	.region-bottom {width:100%;}
	#content {margin:20px;}
	p { font-size:1.2em; line-height:1.4;}	
	h2 {font-size: 1.4em;line-height: 1.4em;}	
	#main {width: 100%; padding:0; margin:0; }
	#header {position:relative;height:140px;padding-top:5px;width:100%;}
	#header p {font-size:10px;line-height:14px;}	

	#block-block-1 img,
	#block-block-5 img,
	#block-block-6 img,
	#block-block-11 img,
	#block-block-13 img { height:80px!important;position:relative;float:left;margin-left:20px;}	
	#block-block-4,
	#block-block-7,
	#block-block-8,
	#block-block-12,
	#block-block-14 {position:relative;display:block;float:left;width:100%;margin-top:0px;background:#ffffff;border-bottom: 1px solid #999; width:100%;}	
	#block-block-4 a,
	#block-block-7 a,
	#block-block-8 a,
	#block-block-12 a,
	#block-block-14 a { margin-bottom:5px; margin-left:20px;}
	#block-block-4 a:hover,
	#block-block-7 a:hover,
	#block-block-8 a:hover,
	#block-block-12 a:hover,
	#block-block-14 a:hover {background-position: 0px -20px; }
	#block-block-9 {position:relative;margin:0 0 0 -15px}
	#block-block-9 ul li {float:left;}	

	.archiv-geiger-link a{background-image:url(/templates/archiv/pics/archiv-geiger-link.png);}
	.rupprecht-geiger-link {background-image:url(/sites/all/themes/archivgeiger/images/rupprecht-geiger-link.png);       }
	.willi-geiger-link {background-image:url(/sites/all/themes/archivgeiger/images/willi-geiger-link.png);}
	
	.show-menu {display: block;width:48px;position:relative;z-index:99; float:right;margin-right:20px;}
	.show-menu img {margin: 0px 0 0 0; top:0; background:#fff;}
	.menu-block-wrapper {position: static; display: none; width:100%;background:#ffffff;}
	.menu-block-wrapper ul li { width: 100%;background:#ffffff;}	
	#show-menu:checked + .menu-block-1 ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;display:block;background:#ffffff;}
	#show-menu:checked + .menu-block-1 ul ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;}	
	#show-menu:checked + .menu-block-2 ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;display:block;background:#ffffff;}
	#show-menu:checked + .menu-block-2 ul ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;}		
	#show-menu:checked + .menu-block-3 ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;display:block;background:#ffffff;}
	#show-menu:checked + .menu-block-3 ul ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;}		
	#show-menu:checked + .menu-block-4 ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;display:block;background:#ffffff;}
	#show-menu:checked + .menu-block-4 ul ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;}	
	#show-menu:checked + .menu-block-5 ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;display:block;background:#ffffff;}
	#show-menu:checked + .menu-block-5 ul ul {margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;}			
	.menu-block-wrapper ul li a { display: block;  pointer-events: all;cursor: default;}	
	.menu-block-wrapper ul li ul li a { display: block;pointer-events: all;cursor: default;}	
    #block-menu-block-1 ul,
	#block-menu-block-2 ul,
	#block-menu-block-3 ul,
	#block-menu-block-4 ul,
	#block-menu-block-5 ul {position: relative;}
	#block-menu-block-1 ul::after,
	#block-menu-block-2 ul::after,
	#block-menu-block-3 ul::after,
	#block-menu-block-4 ul::after,
	#block-menu-block-5 ul::after { clear: left;}
	#block-menu-block-1 ul li,
	#block-menu-block-2 ul li,
	#block-menu-block-3 ul li,
	#block-menu-block-4 ul li,
	#block-menu-block-5 ul li {float: left;border-bottom: 0px solid #ccc;text-align:left;margin-left:0px;}
	#block-menu-block-2 ul li:nth-child(1) {margin-top:20px;}	
	#block-menu-block-2 ul li ul li:nth-child(1) {margin-top:0px;}
	#block-menu-block-3 ul li:nth-child(1),
	#block-menu-block-4 ul li:nth-child(1) {margin-top:20px;}	
	#block-menu-block-3 ul li ul li:nth-child(1),
	#block-menu-block-4 ul li ul li:nth-child(1),
	#block-menu-block-5 ul li ul li:nth-child(1) {margin-top:0px;}	
	#block-menu-block-1 ul li a,
	#block-menu-block-2 ul li a,
	#block-menu-block-3 ul li a,
	#block-menu-block-4 ul li a,
	#block-menu-block-5 ul li a { padding:5px 0;font-size:1.3em;color:#000;margin-left:20px;}	
	#block-menu-block-1 ul ul li a,
	#block-menu-block-2 ul ul li a,
	#block-menu-block-3 ul ul li a,
	#block-menu-block-4 ul ul li a,
	#block-menu-block-5 ul ul li a	{ padding:0;font-size:1.2em;color:#999;line-height:1em;margin-left:30px;padding:5px 0;}
    .menu-block-wrapper ul li a.active,
    .menu-block-wrapper ul.menu li ul li a:hover,
    .menu-block-wrapper ul.menu li ul li a.active {	color: #000!important;}	
	
	.menu-mlid-2095  {background:url(/sites/all/themes/archivgeiger/images/sign.svg) no-repeat 14px!important;margin:40px 0;}	
	
	#footer { width: 100%;height:auto;display:block; margin: 0 0 0 0;font-weight: bold;color:#000;padding-top:20px;font-size:1.2em;}
	#footer ul {width:100%;height: auto;}
	#footer ul li {margin-left:20px;padding:5px 0;}	
	#footer ul li a, #footer ul li a:link {	color: #999; font-size:1em; line-height:1em;}

	.field-name-title-field {width:100%;padding: 20px 0 0 0;font-size:1.4em;line-height:1.2em;}
	.field-name-field-inhalt {width:100%;	padding: 0px 0px 0 0;}	
	.field-name-field-bild img,
	#block-views-bild-rechts-bei-aktuell-block img {width:100%;}

	.node-type-aktuelles .field-name-field-rubrik  {width:100%;font-size:1.2em;padding: 20px 0px 0 0;}
	.node-type-aktuelles .field-name-field-ausstellung  {width:100%;font-size:1.2em;padding: 5px 0px 0 0;}
	.node-type-aktuelles .field-name-title-field  {width:100%;padding: 0px 0px 0px 0;}
	.node-type-aktuelles .field-name-title-field p {font-size:1.4em;padding: 0px 0px 0px 0;}
	.node-type-aktuelles .field-name-field-zeitraum  {width:100%;font-size:1em;}
	.node-type-aktuelles .field-name-field-inhalt {width:100%;padding: 0px 0 0 0;	}

	.view-aktuelles,
	.view-aktuelles-rupprecht-geiger,
	.view-aktuelles-willi-geiger,
	.view-archiv-2018
	{width:100%;	}
	.view-aktuelles .views-field-field-ausstellung,
	.view-aktuelles-rupprecht-geiger .views-field-field-ausstellung,
	.view-aktuelles-willi-geiger .views-field-field-ausstellung,
	.view-archiv-2018 .views-field-field-ausstellung {	font-size:0.9em;	line-height:1em;}
	.view-aktuelles .views-field-field-rubrik,
	.view-aktuelles-rupprecht-geiger .views-field-field-rubrik,
	.view-aktuelles-willi-geiger .views-field-field-rubrik,
	.view-archiv-2018 .views-field-field-rubrik  {font-size:0.9em;	line-height:1em;}
	.view-aktuelles .views-field-title-field,
	.view-aktuelles-rupprecht-geiger .views-field-title-field,
	.view-aktuelles-willi-geiger .views-field-title-field,
	.view-archiv-2018 .views-field-title-field, .views-field-field-name-ausstellung  {font-size:1.4em;	line-height:1.2em;}
	.view-aktuelles .views-field-field-zeitraum,
	.view-aktuelles-rupprecht-geiger .views-field-field-zeitraum,
	.view-aktuelles-willi-geiger .views-field-field-zeitraum,
	.view-archiv-2018 .views-field-field-zeitraum  {font-size:1.1em;line-height:1.2em;}

	.field-name-field-bilderunterschrift {width:100%;}
	.field-name-field-bilderunterschrift a {font-size: 1.4em;line-height: 1em;}

	.field-name-field-mobilepic {display: block;padding-top:0px;margin:-5px -20px 0 -20px;}
	.field-name-field-mobilepic img {width:100%;}

	.node-1 table {width: 100%; font-size:1em; margin-top:-20px; }
	.node-1 .field-name-body img {display:none;}
	.node-1 table td {display: block; }
	.node-1 table td:first-child {width:100%;padding: 0 0px 0 0;}
	table td:second-child  {width:100%;padding: 0 0 0 0;}

/* Table calender */

    .page-node-3 table {width: 100%;font-size:1em;line-height:1.4em;padding:0;  border-collapse: separate;}
	.page-node-3 table tr:nth-child(even) {background: #e9e9e9;}
    .page-node-3 table tr:nth-child(odd) {background: #f2f2f2;}
	.page-node-3 table tr:last-child td:nth-child(3) {  border-bottom: 0px solid #ccc;}
	.page-node-3 table tr{display:block;padding:0;margin:0;}    
	.page-node-3 table td { display: block;width:100%!important;border-bottom: 0px solid #ccc;margin:2% 0 0 0;padding:10px 0;}
	.page-node-3 table td:first-child { width:96%!important; font-weight:bold;padding:2% 2%}
    .page-node-3 table td:not(:first-child) { padding:0  2% }
	.page-node-3 table td:last-child { padding-bottom: 1em}
	.page-node-3 table td:nth-child(4) { border-bottom: 0px solid #ccc;}

/* Table at RG */

	.node-infoseiten-rupprecht .field-name-field-inhaltrg table {width:100%;}
	.node-infoseiten-rupprecht .field-name-field-inhaltrg table:first-of-type {margin:0 0px 0 0;}
	.node-infoseiten-rupprecht .field-name-field-inhaltrg table img {width:100%; padding:10px 0px 0px 0;}
	.node-infoseiten-rupprecht .field-name-field-inhaltrg table p {font-size:1.4em; line-height:1.4em   }

/* Table at WG */

	.node-infoseiten-willi .field-name-field-inhaltwg table {width:100%;}
	.node-infoseiten-willi .field-name-field-inhaltwg table:first-of-type {margin:0 0px 0 0;}
	.node-infoseiten-willi .field-name-field-inhaltwg table img {width:100%; padding:10px 0px 0px 0;}
	.node-infoseiten-willi .field-name-field-inhaltwg table p {font-size:1.4em; line-height:1.4em   }

/* Praesentation */

	.field-name-field-zusammenfassung, 
	.field-name-field-arbeitszimmer,
	.field-name-field-werke,
	.field-name-field-bu,
	.field-name-field-hauptraum,
	.field-name-field-bibliothek,
	.field-name-field-empore,
	.field-name-field-pigmentraum  {width:100%;	padding: 0px 0px 0 0;	}
	.field-collection-container {width:100%;padding: 0px 0px 0 0;	  }
	.field-name-field-arbeitszimmer,
	.field-name-field-werke,
	.field-name-field-hauptraum,
	.field-name-field-bibliothek,
	.field-name-field-empore,
	.field-name-field-pigmentraum  {font-size:1.2em;line-height:1.4em;margin:10px 0 10px 0;	font-weight:bold;}
	.field-name-field-bu p {padding:0;	margin:0 0 20px 0;}

/*Werke*/

	.node-type-werke-malerei .field-name-field-foto,
	.node-type-werke-druckgrafik .field-name-field-foto,
	.node-type-werke-auflagenobjekte .field-name-field-foto,
	.node-type-werke-plakate .field-name-field-foto,
	.node-type-werke-collagen .field-name-field-foto,
	.node-type--ffentliche-werke .field-name-field-foto,
	.node-type-begehbare-r-ume .field-name-field-foto	{height:300px;  }
	.node-type-werke-malerei .field-name-field-foto img,
	.node-type-werke-druckgrafik .field-name-field-foto img,
	.node-type-werke-auflagenobjekte .field-name-field-foto img,
	.node-type-werke-plakate .field-name-field-foto img,
	.node-type-werke-collagen .field-name-field-foto img,
	.node-type--ffentliche-werke .field-name-field-foto img,
	.node-type-begehbare-r-ume .field-name-field-foto img	{max-height:300px;height:auto }
	.field-name-field-titel,
	.field-name-field-jahr,
	.node-type-werke-malerei .field-name-title-field,
	.node-type-werke-druckgrafik .field-name-title-field,
	.node-type-werke-auflagenobjekte .field-name-title-field,
	.node-type-werke-plakate .field-name-title-field,
	.node-type-werke-collagen .field-name-title-field,
	.node-type--ffentliche-werke .field-name-title-field,
	.node-type-begehbare-r-ume .field-name-title-field {font-size:1.1em;line-height:1.2em;}
	.field-name-field-foto-credits,
	.field-name-field-copyright {font-size: 0.8em;line-height: 1.4em;}

	.page-malerei table,
	.page-druckgrafik table,
	.page-auflagenobjekte table,
	.page-plakate table,
	.page-collagen table,
	.page-oeffentlicher-raum table,
	.page-begehbare-raeume table	{width: 100%; font-size:1em;line-height:1.4em}
	.page-malerei table td,
	.page-druckgrafik table td,
	.page-auflagenobjekte table td,
	.page-plakate table td,
	.page-collagen table td,
	.page-oeffentlicher-raum table td,
	.page-begehbare-raeume table td	{ display: block;width:100%; border-bottom: 0px solid #ccc;padding: 0px 0 0 20px;}
	.page-malerei table td:first-child,
	.page-druckgrafik table td:first-child,
	.page-auflagenobjekte table td:first-child,
	.page-plakate table td:first-child,
	.page-collagen table td:first-child,
	.page-oeffentlicher-raum table td:first-child,
	.page-begehbare-raeume table td:first-child	{ width:100%; font-weight:bold;padding: 20px 0px 10px 20px;}
	.page-malerei table td:last-child,
	.page-druckgrafik table td:last-child,
	.page-auflagenobjekte table td:last-child,
	.page-plakate table td:last-child,
	.page-collagen table td:last-child,
	.page-oeffentlicher-raum table td:last-child,
	.page-begehbare-raeume table td:last-child	{ border-bottom: 0px solid #ccc;padding: 10px 0 10px 20px;}


}