@charset "UTF-8";
/* CSS Document */

/* <weight>: Use a value from 400 to 700
<uniquifier>: Use a unique and descriptive class name*/

.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}

html {
	box-sizing: border-box;
}
body {
	font-family: "Courgette", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
	background-color:#350050;
}

td,th {
	font-family: 'courier', serif; font-weight: 300; font-style: italic;
}
h1 {
    font-size: 2em;
    font-weight: 100;
}
h2 {
    font-size: 1.5em;
    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:#cccccc;
}
#Titel {
    position: fixed;
    padding-left: 1.8em;
    top: 0.8em;
    font-size: 3em;
    z-index: 3;
}
#MenuAuf {
    position: fixed;
    padding-left: 0.5em;
    padding-top: 0.5em;
    z-index: 2;
   
    
    
}
#MenuOffen {
    position: fixed;
    padding-left: 0.5em;
    padding-top: 5em;
    z-index: 2;
   
    
}
#Hamburger {
	width: 4em;
    height: 4em;
	padding-bottom: 1em;
}
#Hamburger_quer {
	width: 4em;
    height: 4em;
	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 {
    width: 1080px;
}
#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;
}
#angebot {
    height: auto;
}
#galerie {
    height: auto;
}
#kontakt {
    height: 1000px;
}
#impressum {
    font: 1em sans-serif; 
    font-size: smaller;
}