@charset "UTF-8";
/* CSS Document */
html {
	box-sizing: border-box;
}
body {
	font-family: 'courier', serif; font-weight: 300; font-style: normal; font-size: 2em;
	background-color:#11aa99;
}

td,th {
	font-family: 'courier', serif; font-weight: 300; font-style: italic;
}
h1 {
    font-size: 2em;
    font-weight: 100;
}

a {
    text-decoration: none;
    text-decoration-color: #000000;
    color: #000000;
}
#kopfzeile {
    position: absolute;
   width: 100%;
   height: 20em;
    
}
#kopfzeileInhalt {
     margin-left: auto;
    margin-right: auto;
    width: 1080px;
}
#haupt {
    margin-left: auto;
    margin-right: auto;
    top: 1em;
    width: 1080px;
    height: auto;
    background-color:#ffaa00;
}
#Titel {
    position: fixed;
    padding-left: 1.8em;
    top: 0.8em;
    font-size: 3em;
}
#MenuAuf {
    position: fixed;
    padding-left: 0.5em;
    padding-top: 0.5em;
   
    
    
}
#MenuOffen {
    position: fixed;
    padding-left: 0.5em;
    padding-top: 5em;
   
    
}
#Hamburger {
	width: 4em;
    height: 4em;
	padding-top: 0em;
	padding-bottom: 1em;
}
#Hamburger_quer {
	width: 4em;
    height: 4em;
	padding-top: 0em;
	padding-bottom: 1em;
}
[aria-hidden="true"] {
	height: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	transition: height 0.2s ease-out;
}
[aria-hidden="false"] {
	height: auto;
	transition: height 0.2s ease-out;
}
#titelbild {
    margin-top: 5em;
    margin-left: 0.5em;
}
#subtitle {
    margin-left: 0.5em;
}
.nav1 {
	font-weight: 400;
	font-size: 2em;
	text-align: start;
	background-color: #dddddd;
	padding-left: 0.5em;
	margin-bottom: 0.7em;
}
.inhalt {
    margin-left: 1em;
    margin-top: 5em;
    }
.abstand {
    height: 5em;
}
.bildbreite {
    width: 1000px;
}
#ueber {
    height: 300px;
}
#ausstellungen {
    height: auto;
}
#cyanotypien {
    height: auto;
}
#textiles {
    height: 300px;
}
#ton {
    height: 300px;
}
#kontakt {
    height: 1000px;
}