/* hellgrau #f1f1f1 */
/* gold #9e8861 */
/* dunkelgrau #2c2b2b */




@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald-v49-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/oswald-v49-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

header, nav, section, article, aside, footer {display:block; clear: both;}

* {box-sizing:border-box; padding:0; margin:0; border: 0;}

body {font-family: 'Oswald', sans-serif; font-size:1em; color:#2c2b2b;}


header, footer {background-color: #f1f1f1; text-align: center; padding:10px; font-size: 0.8rem; font-weight:300; letter-spacing: 2px;}

footer {position: fixed; bottom:0px; left:0px; width: 100%; z-index: 10;}

header img {width:90%; max-width:360px; margin:18px 0 34px 0;}

p {font-family: 'PT Sans', sans-serif; font-size:0.9rem; margin-bottom: 0.6rem;}

a { text-decoration: none; color:#9e8861;}
main a:hover {text-decoration: underline;}

h1 {text-transform: uppercase; font-size: 1.2rem; letter-spacing: 1px; margin-bottom: 0.6rem}


#bigBox {max-width: 1060px; margin: 40px auto 70px auto; min-height:500px; padding:0 20px;}
sidebar {float:left;  width:20%; border:solid 0px white;}
main {float:right; width:80%; border:solid 0px white; margin-bottom: 100px;}

.flexslider {float: left; width:57%;}
.text {float: right; width:40%;}


/* +++++++++ navi ++++++++++++++ */
nav {}
nav ul {text-transform: uppercase; padding-right:0px;}
nav li  {list-style-type: none; margin-bottom: 12px;}
nav a {font-size: 0.9em; color: #052c35; padding:3px; padding-left:7px; transition: all 1s ease 0s;}
nav a:hover {color: #9e8861;}
nav .sub {margin-left:20px; font-weight: 300; margin-bottom: 5px}

body#startseite nav a.startseite,
body#uebermich nav a.uebermich,
body#kontakt nav a.kontakt,
body#galerie nav a.galerie,
body#malerei nav a.malerei,
body#graphiken nav a.graphiken,
body#mischtechniken nav a.mischtechniken,
body#collagen nav a.collagen {color:#9e8861;}
/* +++++++++ navi ende ++++++++++++++ */




/* +++++++++ galerie ++++++++++++++ */

body#galerie main a {text-decoration: underline;} 

section#galerie {display: flex;  flex-wrap: wrap;}
section div.box {flex:1; min-width:160px; margin:0 8px 20px 0;} 

.galerieBild {height:200px; background-position: center center; background-size: cover; background-repeat: no-repeat;border:solid 5px #f1f1f1; }
.galerieMischtechniken {background-image: url(../images/galerie_mischtechniken.jpg)}
.galerieCollagen {background-image: url(../images/galerie_collagen.jpg)}
.galerieMalerei {background-image: url(../images/galerie_malerei.jpg)}
.galerieGraphiken {background-image: url(../images/galerie_graphiken.jpg)}

section#galerie h2 {font-weight: 400; font-size: 1.2rem; margin:10px 0; letter-spacing: 1px;}
section#galerie h2, section#galerie p {text-align: center;}
h2.farbeMal {color:#AB6F32;}
h2.farbeGra {color:#15454B;}
h2.farbeMis {color:#E05531;}
h2.farbeCol {color:#3D889F;}


/* +++++++++ galerie ende ++++++++++++++ */



/* +++++++++ werke start +++++++++++*/

#bildblock {display: flex; flex-wrap: wrap; background-image: url(../images/bg.jpg); justify-content: center; margin-bottom: 100px;}
#bildblock img {max-width:70px; display: block; margin:0 auto; max-height:140px;}

.kunstwerk {}

/* sitecake  */

.sc-content {border:solid 0px transparent;}
.sc-html {display: flex; width:150px; height: 200px; flex-wrap: wrap; margin:0 5px;}
.sc-html  > div {width: 140px; margin: 0px; align-self: flex-end;}
.sc-html p {font-size: 10px; text-align: center;}
.sc-html strong {text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}





/* +++++++++ werke ende +++++++++++*/

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}


button {display: none;}


/* +++++++ anpassung mobil ++++++++ */

@media (max-width: 767px) {
    
body {font-size:1.2em;}

    
#bigBox {margin-top: 30px;}    

header img {margin:30px 0 10px 0;}
  
sidebar {float:none;}
main {float:none; width:auto;}

.flexslider {float: none; width:auto;}
.text {float: none; width:auto;}
  
}