@media only screen and (min-width: 768px) {
	.container {
		display: grid;
		grid-template-rows: 90px auto auto 120px 90px;
		grid-template-columns: repeat(10, 10%);
		}
	body {
		margin: 0 auto;
		max-width: 820px;
		}	
	header {
		margin: 0 auto;
		padding: 1.6em;
		grid-column: 1 / 11;
		grid-row: 1 / 2;
		}
	.marginalie001 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie002 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie003 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie004 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie005 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie006 { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie006_a { 
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie007 {		
		margin: 0;
        padding: 0 1.6em 0 1.6em;
		background-image: url(.//pics/collage.jpg);
		background-repeat: no-repeat;
		background-position: 11em -2em;
		background-size: 80% auto;		
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie008 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em;  
	    width: 80%;		
		text-align: center;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie009 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em;  
	    width: 80%;		
		text-align: left;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie010 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em; 
		text-align: left;
		background-image: url(./pics/gruppe_a.jpg);
		background-repeat: no-repeat;
		background-position: -0.4em -1em;
		background-size: 100% auto;	
	    width: 100%;
		height: 450px;
		text-align: left;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie011 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em;
		background-image: url(./pics/sofakissen.jpg);
		background-repeat: no-repeat;
		background-position: 24em 2em;
		background-size: 45% auto;			
	    width: 100%;
		grid-column: 1 / 11;
		grid-row: 2 / 3;
		}
	.marginalie012 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		}
	.content {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		padding: 1.6em;
		grid-column: 1 / 11;
		grid-row: 3 / 9;	
		 }
	.article01,
	.article02,
	.article03 {			
		margin: 0;
		padding: 2em 0 0 0;
		width: 45%;
		}
	.article01_a,
	.article02_a,
	.article03_a {			
		margin: 0;
		padding: 2em 0 0 0;
		width: 100%;
		}
	.article01_treibholz {			
		background-image: url(./pics/07_neue_arbeiten/rueckseite.jpg);
		background-repeat: no-repeat;
		background-position: 48em 3.5em;
		background-size: 15% auto;	
		}		
.article010 {			
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 60%;
		}
	.article011 {			
		margin: 0 auto;
		width: 45%;
		}
	.article012 {			
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 45%;
		}
	.article013 {			
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 45%;
		}
	.article014 {			
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 45%;
		}
	.article015 {			
		margin: 0 auto;
		padding: 2em 0 0 0;
		width: 80%;
		}
	.article016 {

		margin: 1.6em;
		padding: 2em;
		width: 80%;
		}
	.figure01 {

		margin-left: 26em;
		left: -2.1em;
		bottom: 0em;
		text-align: left;		
		width: 100%;
		}
	.figure02 {
		display: flex;
		margin-left: 26em;
		left: -2.1em;
		bottom: 0em;
		text-align: left;		
		width: 100%;		
		}
	.figure_klein {
		display: flex;
		position: relative;
		margin: 0;
		right: -15em;
		top: 3em;
		text-align: left;		
		width: 100%;
		}
	.figcaption_klein {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 4em;
		left: -5.5em;
        text-align: left;
		width: 100%;		
		}
	.figure03 {
		display: flex;
		position: relative;
		margin: 0;
		left: 26em;
		bottom: 0;
		text-align: left;		
		width: 100%;
		}
	.figcaption_a {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 8em;
		left: 12em;
        text-align: left;
		width: 100%;		
		}
	.figcaption_b {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 8em;
		left: 12em;
        text-align: left;
		width: 100%;		
		}
	.figcaption_c {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 1em;
		right: 13em;
        text-align: center;
		width: 100%;
		
		}
	.figcaption_d {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 21em;
		right: 13em;
        text-align: center;
		width: 100%;		
		}
	.figcaption001 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 8.5em;
        text-align: left;
		width: 100%;		
		}
	.figcaption002 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 35.8em;
        text-align: left;
		width: 100%;
		}	
	.figcaption003 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 63em;
		background-image: url(./pics/kopf_gitter_360.jpg);
		background-repeat: no-repeat;
		background-position: 8em -4em;
		background-size: 33% auto;
		width: 100%;
		height: 400px;
		}
	.figcaption004 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 8.5em;
        text-align: left;
		width: 100%;
		}
	.figcaption005 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 31.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption006 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 58.8em;
        text-align: left;
		width: 100%;
		}
	.figcaption007 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 14.1em;
        text-align: left;
		width: 100%;		
		}
	.figcaption008 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 52em;
        text-align: left;
		width: 100%;
		}
	.figcaption009 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 89.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption010 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 7.5em;
        text-align: left;
		width: 100%;		
		}
	.figcaption011 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 45.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption012 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 81.5em;
		background-image: url(./pics/05_keramik/signatur.jpg);
		background-repeat: no-repeat;
		background-position: 8.0em 7.5em;
		background-size: 30% auto;
		width: 100%;
		height: 650px;
        text-align: left;
		}
	.figcaption010_a_01 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 7.2em;
        text-align: left;
		width: 100%;		
		}
	.figcaption011_a_02 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 45.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption012_a_03 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 20.5em;
		background-image: url(./pics/05_keramik/goldtyp.jpg);
		background-repeat: no-repeat;
		background-position: 3.0em 31.5em;
		background-size: 35% auto;
		height: 850px;		
		width: 100%;
        text-align: left;
		}
	.figcaption010_b_01 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 7.3em;
        text-align: left;
		width: 100%;		
		}
	.figcaption011_b_02 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 45.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption012_b_03 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 81.5em;
		background-image: none;
        text-align: left;
		width: 100%;
		}
	.figcaption010_c_01 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 8.5em;
        text-align: left;
		width: 100%;		
		}
	.figcaption011_c_02 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 48.6em;
        text-align: left;
		width: 100%;
		}
	.figcaption012_c_03 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 88.4em;
		background-image: none;
        text-align: left;
		width: 100%;
		}		
	.figcaption013,
	.figcaption014 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 88.2em;
	
        text-align: left;
		width: 100%;
		}
	.figcaption013 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 31em;
		background-image: url(./pics/05_keramik/gruppe.jpg);
		background-repeat: no-repeat;
		background-position: 2.0em 4.0em;
		background-size: 35% auto;
		width: 100%;
		height: 650px;
		}
	.figcaption015 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 8.4em;
        text-align: left;
		width: 45%;
		}
	.figcaption016 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 43em;
        text-align: left;
		width: 45%;
		}	
	.figcaption017 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 84em;
        text-align: left;
		width: 45%;
		}
	.figcaption018 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 8.4em;
        text-align: left;
		width: 35%;
		}
	.figcaption019 {
		position: absolute;
		display: block;
		margin: 0;
		left: 31em;
		top: 36.1em;
        text-align: left;
		width: 45%;
		}
	.figcaption020 {
		position: absolute;
		display: block;
		margin: 0;
		left: 29.9em;
		top: 75.1em;
        text-align: left;
		width: 45%;
		}
	.figcaption021 {
		position: absolute;
		display: block;
		margin: 0;
		left: 36em;
		top: 27.3em;
        text-align: left;
		color: #303030;
		width: 100%;
		}		
	.navi {
        margin: 0;
        width: 100%;
		grid-column: 1 / 11;
		grid-row: 9 / 10;					
		}
     .navi ul {
        padding: 0;
		margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
		justify-content: space-between;
		}
    .navi li {
        padding: 3em 0 1em 0;
        margin: 0;
	    width: 100%;
		background: #303030;
        text-align: center;
		list-style: none;
		}
	footer {
		grid-column: 1 / 11;
		grid-row: 10 / 11;
		}