/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/Roboto-Thin.woff');
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('fonts/Roboto-Thin.woff') format('woff'), 
       url('fonts/Roboto-Thin.ttf') format('truetype'), 
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/roboto-v18-latin-100.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-100.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-100.woff') format('woff'), 
       url('fonts/roboto-v18-latin-100.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); 
}


/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}

html{margin: 0px; padding: 0px; }
body{margin: 0px; padding: 0px; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida;
font-weight: 100;
font-size: 1.1vw;
background-color: #F4F4F4; 
}

#gesamt{
margin: 50px 3% 30px 3%;
padding: 20px; 
border: 1px solid #CCCCCC;
width: 92%; 
background-color: #FFFFFF; 
position: relative;
transition: all 1.0s ease-in-out;
}

.startimage{
width: 30%; 
height: auto; 
padding: 3px; 
margin: 0px; 
float: right; 
border: 1px solid #CCCCCC; 
}

#logo a{
text-decoration: none; 
color: #000000; 
}

#logo {
border: 0px solid #FF0000;
width: calc(30% - 100px);
height: 150px;
padding: 0px;
margin: 50px 3% 50px 3%;
float: left;
}


#erwin{
font-weight: 100;
font-size: 3.5vw;
letter-spacing: 0.03em;
width: 100%;
display: block;
margin: 0px 0px 0px 0px;
}

#kuenstler{
position: relative; 
top: -8px; 
font-size: 1.0vw;
letter-spacing: 0.06em;
margin: 0px 0px 0px 6px;
}

.curriculum #texte ul{
padding: 0px; 
margin: 30px 0px 0px 0px; 
list-style-type: circle; 
}

.imageright{
float: right; 
padding: 3px; 
margin: 0px 0px 0px 30px; 
border: 1px solid #CCCCCC; 
}
#texte a{
padding: 0px; 
margin: 0px; 
text-decoration: none; 
color: #000000; 
font-weight: 300; 
}
hr{
padding: 0px; 
margin: 0px; 
border-top: 1px solid #CCCCCC; 
border-left: 0px solid #CCCCCC; 
border-right: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
}

h2{
font-weight: 300;
font-size: 1.5vw;
}

#texte{
padding: 0px 0px 50px 0px;
margin: 0px 3% 50px 3%;
display: inline-block; 
border: 0px solid #FF0000;
width: 94%; 
}



/*HIER kommen die BILDER*/
img{}
img.bildimtext{
width: 30%; 
float: right; 
padding: 10px; 
margin: 10px 0px 0px 10px; 
border: 1px solid #999999;
transition: all 1s ease-out;
opacity: 1.0; 
}
img.bildimtext:hover{
opacity: 0.5; 
margin: 0px 0px 0px 0px;
}
/*HIER SIND die BILDER VORBEI*/




#nav{
padding: 30px 0px 10px 0px;
margin: 50px 0px 50px 0px;
width: calc(70% - 10px);
border: 0px solid #999999;
display: inline-block;‚
float: left;
height: 110px;
transition: all 1.0s ease-in-out;
}
#nav li{
color: #000000;
float: left;
width: calc(20% - 20px);
border: 0px solid #FF0000;
padding: 0px 5px 10px 5px;
margin: 0px 10px 0px 0px;
background: #E6E6E6;
border-radius: 15px;
text-align: center;
font-weight: 200;
height: 30px;
line-height: 40px;
font-size: 0.9em;
transition: all 1.0s ease-in-out;
}

#nav li a {
text-decoration: none;
color: #000000;
}
#nav li:hover, #nav li:focus{
background: #C9C9C9;
}

.malerei #nav li a.malerei, 
.kleinplastik #nav li a.kleinplastik, 
.plastik #nav li a.plastik, 
.zeichnung #nav li a.zeichnung, 
.curriculum #nav li a.curriculum{
font-weight: 400; 
color: #999999;
}


#footer {
padding: 10px 10px 10px 77px;
margin: 50px 0px 0px 0px;
background: #D8D8D8; 
position: absolute; 
left: 0px; 
bottom: 0px;
width: calc(100% - 87px);
height: 50px;
line-height: 50px;
color: #999999; 
}

a.footerlink{
margin: 0px; 
padding: 0px 20px 0px 20px; 
text-decoration: none; 
color: #666666; 
font-weight: 400; 
transition: all 1.0s ease-in-out;
}
a.footerlink:hover, a.footerlink:focus{
color: #000000; 
}

#nav ul {
list-style-type: none;
margin: 0px; 
padding: 0px; 
}


.link{}











/*mm*/
.malerei #texte, 
.plastik #texte, 
.kleinplastik #texte, 
.zeichnung #texte {
display: grid;  
-ms-grid-columns: repeat(auto-fit); 
grid-template-columns: repeat(auto-fit); 
align-items: end;
grid-auto-rows: 100px;
gap: 10px;
/*
justify-content: space-between;
flex-flow: row wrap;
align-items: stretch;*/
}

.curriculum #texte{
display: block; 
font-size: 1.3vw; 

}

.bild_border{
border: 1px solid #DDDDDD; 
align-self: stretch; 
/*
align-content: stretch; 
flex-flow: column wrap;
align-items: stretch; */
/*float: left; */
overflow: hidden; 
position: relative; 

}
.bild_border a{
display: inline-block; 
width: 100%; 
height: 100%; 
padding: 0px; 
margin: 0px; 
}

.bild_border div{
min-height: 100%;
min-width: 100%; 
margin: 0px;
padding: 0px; 
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
/*ZEICHNUNG*/
.zeichnung .bild_border.nr001{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; position: relative;}
.zeichnung .bild_border.nr002{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; position: relative;}
.zeichnung .bild_border.nr009{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; position: relative;}
.zeichnung .bild_border.nr004{grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; position: relative;}
.zeichnung .bild_border.nr005{grid-column-start: 5; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; position: relative;}
.zeichnung .bild_border.nr006{grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; position: relative;}
.zeichnung .bild_border.nr007{grid-column-start: 7; grid-column-end: 8; grid-row-start: 1; grid-row-end: 3; position: relative;}
.zeichnung .bild_border.nr008{grid-column-start: 8; grid-column-end: 10; grid-row-start: 1; grid-row-end: 4; position: relative;}
.zeichnung .bild_border.nr00xx{grid-column-start: 10; grid-column-end: 11; grid-row-start: 1; grid-row-end: 2; position: relative;}
.zeichnung .bild_border.nr010{grid-column-start: 10; grid-column-end: 11; grid-row-start: 1; grid-row-end: 2; position: relative;}
.zeichnung .bild_border.nr011{grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr012{grid-column-start: 9; grid-column-end: 10; grid-row-start: 5; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr013{grid-column-start: 10; grid-column-end: 11; grid-row-start: 2; grid-row-end: 3; position: relative;}
.zeichnung .bild_border.nr014{grid-column-start: 10; grid-column-end: 11; grid-row-start: 3; grid-row-end: 4; position: relative;}
.zeichnung .bild_border.nr015{grid-column-start: 5; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr016{grid-column-start: 7; grid-column-end: 8; grid-row-start: 4; grid-row-end: 5; position: relative;}
.zeichnung .bild_border.nr017{grid-column-start: 7; grid-column-end: 8; grid-row-start: 3; grid-row-end: 4; position: relative;}
.zeichnung .bild_border.nr018{grid-column-start: 8; grid-column-end: 10; grid-row-start: 4; grid-row-end: 5; position: relative;}
.zeichnung .bild_border.nr019{grid-column-start: 10; grid-column-end: 11; grid-row-start: 4; grid-row-end: 5; position: relative;}
.zeichnung .bild_border.nr020{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr021{grid-column-start: 4; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr022{grid-column-start: 7; grid-column-end: 8; grid-row-start: 5; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr023{grid-column-start: 8; grid-column-end: 9; grid-row-start: 5; grid-row-end: 6; position: relative;}
.zeichnung .bild_border.nr024{grid-column-start: 10; grid-column-end: 11; grid-row-start: 5; grid-row-end: 6; position: relative;}
/*ab hier nicht verwendet*/
.zeichnung .bild_border.nr025{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; position: relative;}
.zeichnung .bild_border.nr026{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; position: relative;}
.zeichnung .bild_border.nr027{grid-column-start: 4; grid-column-end: 5; grid-row-start: 6; grid-row-end: 7; position: relative;}
.zeichnung .bild_border.nr028{grid-column-start: 5; grid-column-end: 7; grid-row-start: 6; grid-row-end: 7; position: relative;}
.zeichnung .bild_border.nr029{grid-column-start: 7; grid-column-end: 9; grid-row-start: 6; grid-row-end: 7; position: relative;}
.zeichnung .bild_border.nr030{grid-column-start: 9; grid-column-end: 11; grid-row-start: 6; grid-row-end: 7; position: relative;}


/*PLASTIK*/
.plastik .bild_border.nr001{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; position: relative;}
.plastik .bild_border.nr002{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; position: relative;}
.plastik .bild_border.nr003{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; position: relative;}
.plastik .bild_border.nr004{grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; position: relative;}
.plastik .bild_border.nr005{grid-column-start: 5; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; position: relative;}
.plastik .bild_border.nr006{grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; position: relative;}
.plastik .bild_border.nr007{grid-column-start: 7; grid-column-end: 8; grid-row-start: 1; grid-row-end: 3; position: relative;}
.plastik .bild_border.nr008{grid-column-start: 8; grid-column-end: 10; grid-row-start: 1; grid-row-end: 4; position: relative;}
.plastik .bild_border.nr009{grid-column-start: 9; grid-column-end: 10; grid-row-start: 4; grid-row-end: 5; position: relative;}
.plastik .bild_border.nr010{grid-column-start: 10; grid-column-end: 11; grid-row-start: 1; grid-row-end: 2; position: relative;}
.plastik .bild_border.nr011{grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr012{grid-column-start: 9; grid-column-end: 10; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr013{grid-column-start: 10; grid-column-end: 11; grid-row-start: 2; grid-row-end: 3; position: relative;}
.plastik .bild_border.nr014{grid-column-start: 10; grid-column-end: 11; grid-row-start: 3; grid-row-end: 4; position: relative;}
.plastik .bild_border.nr015{grid-column-start: 5; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr016{grid-column-start: 7; grid-column-end: 8; grid-row-start: 4; grid-row-end: 5; position: relative;}
.plastik .bild_border.nr017{grid-column-start: 7; grid-column-end: 8; grid-row-start: 3; grid-row-end: 4; position: relative;}
.plastik .bild_border.nr018{grid-column-start: 8; grid-column-end: 9; grid-row-start: 4; grid-row-end: 5; position: relative;}
.plastik .bild_border.nr019{grid-column-start: 10; grid-column-end: 11; grid-row-start: 4; grid-row-end: 5; position: relative;}
.plastik .bild_border.nr020{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr021{grid-column-start: 4; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr022{grid-column-start: 7; grid-column-end: 8; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr023{grid-column-start: 8; grid-column-end: 9; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr024{grid-column-start: 10; grid-column-end: 11; grid-row-start: 5; grid-row-end: 6; position: relative;}
.plastik .bild_border.nr025{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr026{grid-column-start: 10; grid-column-end: 11; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr027{grid-column-start: 4; grid-column-end: 5; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr028{grid-column-start: 5; grid-column-end: 6; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr029{grid-column-start: 6; grid-column-end: 7; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr030{grid-column-start: 7; grid-column-end: 8; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr031{grid-column-start: 8; grid-column-end: 10; grid-row-start: 6; grid-row-end: 8; position: relative;}
.plastik .bild_border.nr032{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 8; position: relative;}
/*ab hier nicht verwendet*/
.plastik .bild_border.nr033{grid-column-start: 3; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; position: relative;}
.plastik .bild_border.nr034{grid-column-start: 5; grid-column-end: 6; grid-row-start: 8; grid-row-end: 9; position: relative;}
.plastik .bild_border.nr035{grid-column-start: 6; grid-column-end: 8; grid-row-start: 8; grid-row-end: 9; position: relative;}
.plastik .bild_border.nr036{grid-column-start: 8; grid-column-end: 9; grid-row-start: 8; grid-row-end: 9; position: relative;}

/*KLEINPLASTIK*/
.kleinplastik .bild_border.nr001{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; position: relative;}
.kleinplastik .bild_border.nr002{grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; position: relative;}
.kleinplastik .bild_border.nr003{grid-column-start: 5; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr004{grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; position: relative;}
.kleinplastik .bild_border.nr005{grid-column-start: 5; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; position: relative;}
.kleinplastik .bild_border.nr006{grid-column-start: 3; grid-column-end: 5; grid-row-start: 4; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr007{grid-column-start: 7; grid-column-end: 9; grid-row-start: 4; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr008{grid-column-start: 8; grid-column-end: 11; grid-row-start: 1; grid-row-end: 4; position: relative;}
.kleinplastik .bild_border.nr009{grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; position: relative;}
.kleinplastik .bild_border.nr010{grid-column-start: 10; grid-column-end: 11; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr011{grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr012{grid-column-start: 9; grid-column-end: 10; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr013{grid-column-start: 10; grid-column-end: 11; grid-row-start: 4; grid-row-end: 5; position: relative;}
.kleinplastik .bild_border.nr014{grid-column-start: 9; grid-column-end: 10; grid-row-start: 4; grid-row-end: 5; position: relative;}
.kleinplastik .bild_border.nr015{grid-column-start: 7; grid-column-end: 8; grid-row-start: 1; grid-row-end: 4; position: relative;}
/*ab hier nicht verwendet*/
.kleinplastik .bild_border.nr016{grid-column-start: 7; grid-column-end: 8; grid-row-start: 4; grid-row-end: 5; position: relative;}
.kleinplastik .bild_border.nr017{grid-column-start: 7; grid-column-end: 8; grid-row-start: 3; grid-row-end: 4; position: relative;}
.kleinplastik .bild_border.nr018{grid-column-start: 8; grid-column-end: 10; grid-row-start: 4; grid-row-end: 5; position: relative;}
.kleinplastik .bild_border.nr019{grid-column-start: 10; grid-column-end: 11; grid-row-start: 6; grid-row-end: 7; position: relative;}
.kleinplastik .bild_border.nr020{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr021{grid-column-start: 4; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr022{grid-column-start: 7; grid-column-end: 8; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr023{grid-column-start: 8; grid-column-end: 9; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr024{grid-column-start: 10; grid-column-end: 11; grid-row-start: 5; grid-row-end: 6; position: relative;}
.kleinplastik .bild_border.nr025{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr026{grid-column-start: 10; grid-column-end: 11; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr027{grid-column-start: 4; grid-column-end: 5; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr028{grid-column-start: 5; grid-column-end: 6; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr029{grid-column-start: 6; grid-column-end: 7; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr030{grid-column-start: 7; grid-column-end: 8; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr031{grid-column-start: 8; grid-column-end: 10; grid-row-start: 6; grid-row-end: 8; position: relative;}
.kleinplastik .bild_border.nr032{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 8; position: relative;}
/**/
.kleinplastik .bild_border.nr033{grid-column-start: 3; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; position: relative;}
.kleinplastik .bild_border.nr034{grid-column-start: 5; grid-column-end: 6; grid-row-start: 8; grid-row-end: 9; position: relative;}
.kleinplastik .bild_border.nr035{grid-column-start: 6; grid-column-end: 8; grid-row-start: 8; grid-row-end: 9; position: relative;}
.kleinplastik .bild_border.nr036{grid-column-start: 8; grid-column-end: 9; grid-row-start: 8; grid-row-end: 9; position: relative;}

/*MALEREI*/
.malerei .bild_border.nr001{grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; position: relative;}

.malerei .bild_border.nr002{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; position: relative;  }
.malerei .bild_border.nr003{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; position: relative;}
.malerei .bild_border.nr004{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; position: relative;}
.malerei .bild_border.nr005{grid-column-start: 5; grid-column-end: 6; grid-row-start: 1; grid-row-end: 3; position: relative;}
.malerei .bild_border.nr006{grid-column-start: 6; grid-column-end: 8; grid-row-start: 1; grid-row-end: 4; position: relative;}
.malerei .bild_border.nr007{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 6; position: relative;}
.malerei .bild_border.nr008{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; position: relative;}
.malerei .bild_border.nr009{grid-column-start: 2; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; position: relative;}
.malerei .bild_border.nr010{grid-column-start: 4; grid-column-end: 5; grid-row-start: 5; grid-row-end: 7; position: relative;}
.malerei .bild_border.nr011{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 6; position: relative;}
.malerei .bild_border.nr012{grid-column-start: 3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 7; position: relative;}
.malerei .bild_border.nr013{grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5; position: relative;}
.malerei .bild_border.nr014{grid-column-start: 4; grid-column-end: 6; grid-row-start: 3; grid-row-end: 5; position: relative;}
.malerei .bild_border.nr015{grid-column-start: 6; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; position: relative;}
.malerei .bild_border.nr016{grid-column-start: 7; grid-column-end: 8; grid-row-start: 4; grid-row-end: 5; position: relative;}
.malerei .bild_border.nr017{grid-column-start: 1; grid-column-end: 3; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr018{grid-column-start: 3; grid-column-end: 4; grid-row-start: 7; grid-row-end: 10; position: relative;}
.malerei .bild_border.nr019{grid-column-start: 5; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; position: relative;}
.malerei .bild_border.nr020{grid-column-start: 4; grid-column-end: 5; grid-row-start: 7; grid-row-end: 10; position: relative;}
.malerei .bild_border.nr021{grid-column-start: 5; grid-column-end: 6; grid-row-start: 7; grid-row-end: 10; position: relative;} 
.malerei .bild_border.nr022{grid-column-start: 7; grid-column-end: 8; grid-row-start: 5; grid-row-end: 7; position: relative;}
.malerei .bild_border.nr023{grid-column-start: 7; grid-column-end: 8; grid-row-start: 7; grid-row-end: 10; position: relative;}
.malerei .bild_border.nr024{grid-column-start: 1; grid-column-end: 3; grid-row-start: 8; grid-row-end: 10; position: relative;}
.malerei .bild_border.nr025{grid-column-start: 6; grid-column-end: 7; grid-row-start: 7; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr026{grid-column-start: 6; grid-column-end: 7; grid-row-start: 8; grid-row-end: 10; position: relative;}
/*ab hier nicht verwendet*/

.malerei .bild_border.nr027{grid-column-start: 4; grid-column-end: 5; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr028{grid-column-start: 5; grid-column-end: 6; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr029{grid-column-start: 6; grid-column-end: 7; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr030{grid-column-start: 7; grid-column-end: 8; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr031{grid-column-start: 8; grid-column-end: 10; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr032{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 8; position: relative;}
.malerei .bild_border.nr033{grid-column-start: 3; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; position: relative;}
.malerei .bild_border.nr034{grid-column-start: 5; grid-column-end: 6; grid-row-start: 8; grid-row-end: 9; position: relative;}
.malerei .bild_border.nr035{grid-column-start: 6; grid-column-end: 8; grid-row-start: 8; grid-row-end: 9; position: relative;}
.malerei .bild_border.nr036{grid-column-start: 8; grid-column-end: 9; grid-row-start: 8; grid-row-end: 9; position: relative;}



.bild_border a{
margin: 0px; 
padding: 0px; 
}
.ma_text{
margin: 0px; 
padding: 0px; 
border: 0px solid #00FF00; 
display: none; 
height: 50px; 
line-height: 25px; 
position: absolute;
bottom: 0px;  
text-align: center; 
}
.ma_text b{
margin: 0px; 
padding: 0px; 
border: 0px solid #00FF00; 
display: none; 
width: 100%; 
font-weight: 100; 
color: #999999; 
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
#logo{
width: 36%;
height: auto; 
display: inline-block; 
margin: 30px 32% 50px 32%;
border: 0px solid #FF0000;
padding: 0px 0px 0px 0px;
}
#erwin{
font-size: 6.0em; 
}
#kuenstler{
font-size: 1.9em; 
}
#nav{
border: 0px solid #FF0000;
width: 96%; 
margin: 0px 2% 0px 2%;
padding: 0px; 
font-size: 1.9em; 
}
#footer{
font-size: 1.9em; 
}

.lb-data .lb-caption{
font-size: 1.9em !important; 
}



}



@media screen and (min-width: 300px) and (max-width: 768px) {
#gesamt{
margin: 50px 3% 30px 3%;
padding: 20px;
width: 87%;
}
#logo{
width: 60%;
margin: 0px 20% 0px 20%;
border: 0px solid #FF0000;
padding: 0px 0px 0px 0px;
}
#erwin{
font-size: 8.0em;
margin: 0px 0px 0px 0px;
}
#kuenstler{
font-size: 2.5em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 5px; 
}
#nav{
width: calc(100% - 10px);
font-size: 2.0em;
/*border:1px solid #FF0000;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 50px 0px;
z-index: 10;
position: relative;
height: 50px;
overflow: hidden; 
}
#nav ul {
background-color: #e6e6e6;
display: inline-block;
width: 100%;
padding: 50px 0px 0px 0px;
margin: 0px;
background-image: url("images/hamburgermenul.png");
background-position: right 10px;
background-repeat: no-repeat;
background-size: 48px 30px;
}

#nav li {
width: 90%;
height: 50px;
margin: 0px 5% 0px 5%;
border-top: 1px solid #999999;
border-radius: 0px;
font-size: 2.5em;
text-align: left;
line-height: 50px;
}
#nav li:nth-child(1){
border-top: 0px solid #999999;
}
#texte{
margin: 0px 10px 60px 0px;
border: 0px solid #FF0000;
font-size: 3.0em;
}
#footer{
font-size: 2.6em;
padding: 0px 0px 0px 20px;
background: #D8D8D8; 
position: absolute; 
width: calc(100% - 20px);
}
#nav.ausgeklappt {
height:350px;
transition: 1.5s ease-in-out:
}
.lb-data .lb-caption{
font-size: 2.5em !important; 
}
.lb-data .lb-close{
right: 0px !important; 
}
.lb-data .lb-number{
display: none !important; 
}

.malerei #texte, .plastik #texte, .kleinplastik #texte, .zeichnung #texte {
display: inline-block; 
}
.bild_border.nr001, .bild_border.nr002, .bild_border.nr003, .bild_border.nr004, .bild_border.nr005, .bild_border.nr006, .bild_border.nr007, .bild_border.nr008, .bild_border.nr009, .bild_border.nr010, .bild_border.nr011, .bild_border.nr012, .bild_border.nr013, .bild_border.nr014, .bild_border.nr015, .bild_border.nr016, .bild_border.nr017, .bild_border.nr018, .bild_border.nr019, .bild_border.nr020, .bild_border.nr021, .bild_border.nr022, .bild_border.nr023, .bild_border.nr024, .bild_border.nr025, .bild_border.nr026, .bild_border.nr027, .bild_border.nr028, .bild_border.nr029, .bild_border.nr030, .bild_border.nr031, .bild_border.nr032, .bild_border.nr033, .bild_border.nr034, .bild_border.nr035, .bild_border.nr036{
display: inline-block; height: 250px; width: 45%; margin: 0px 2% 10px 0px; padding: 0px; float: left;   
} 
.bild_border.nr001 .thumbnail, .bild_border.nr002 .thumbnail, .bild_border.nr003 .thumbnail, .bild_border.nr004 .thumbnail, .bild_border.nr005 .thumbnail, .bild_border.nr006 .thumbnail, .bild_border.nr007 .thumbnail, .bild_border.nr008 .thumbnail, .bild_border.nr009 .thumbnail, .bild_border.nr010 .thumbnail, .bild_border.nr011 .thumbnail, .bild_border.nr012 .thumbnail, .bild_border.nr013 .thumbnail, .bild_border.nr014 .thumbnail, .bild_border.nr015 .thumbnail, .bild_border.nr016 .thumbnail, .bild_border.nr017 .thumbnail, .bild_border.nr018 .thumbnail, .bild_border.nr019 .thumbnail, .bild_border.nr020 .thumbnail, .bild_border.nr021 .thumbnail, .bild_border.nr022 .thumbnail, .bild_border.nr023 .thumbnail, .bild_border.nr024 .thumbnail, .bild_border.nr025 .thumbnail, .bild_border.nr026 .thumbnail, .bild_border.nr027 .thumbnail, .bild_border.nr028 .thumbnail, .bild_border.nr029 .thumbnail, .bild_border.nr030 .thumbnail, .bild_border.nr031 .thumbnail, .bild_border.nr032 .thumbnail, .bild_border.nr033 .thumbnail, .bild_border.nr034 .thumbnail, .bild_border.nr035 .thumbnail, .bild_border.nr036 .thumbnail{min-height: 250px; width: 100%; display: inline-block;}




}