@import url("https://use.typekit.net/qnc7ccn.css");
body {
 margin: 0 auto;
 font-family: Arial, Times new Roman, Sans-Serif;
 font-size: 100%;
 background-color:#ffcc66;
}
#nicenines {
	font-family: "adore-you-slanted", sans-serif;
    font-weight: 100;
    font-style: normal;
}
#padding {
   padding-left:20px;
}
#content {
    margin: 0 auto 0 auto;
    display: flex;
    -webkit-flex;
    -ms-flex;
    justify-content: center;
    background-color:#f6f2e4;
	color: #000000;
}
#nav_menu {
   margin: 0 auto 0 auto;
   padding: 0px;
   background-color: #ffcc66;
   color: #ffffff;
   font-size: 100%;
   font-weight:normal;
}
summary {
font-family:Arial, Myriad, Times new Roman;
   color: #000000;
   font-size: 100%;
   background: #ffcc66;
}
.logo {
     width:200px;
}
dl {
   color: #000000;
   font-size: 100%;
   font-weight:normal;
}
dt {
   padding-left:20px;
}
dd {
   padding-top:5px;
}
header {
  margin: 0 auto 0 auto;
  padding-top: 10px;
  color: #000000;
  background-color:#ffcc66;
}
header h1 {
    margin: 0 auto 0 auto;
    padding-top:20px;
    font-family: "adore-you-slanted", Arial, Myriad, "Times New Roman", Times, serif;
    color:#d44914;
    text-shadow:
    rgba(0,0,0,0.5) 2px 0,
	rgba(0,0,0,0.3) 0 2px,
	rgba(255,255,255,0.5) 3px 3px,
	rgba(0,0,0,0.3) 2px 3px;
	font-size: 500%;
	text-align:center;
}
header h2 {
  color:#000000;
  font-size:150%;
  padding-top:5px;
  line-height: 1.2em;
}
article {
 margin: 0 auto 0 auto;
 background-color:#f6f2e4;
 color: #000000;
 font-weight:normal;
 text-align:left;
 padding: 0.5em;
  flex:  2 3;
  -webkit-flex:  2 3;
  -ms-flex: 2 3;
}

article a:link {
	color: #d44914;
	font-weight: normal;
	text-decoration:none;
	font-family: Arial, Times new Roman, Sans-Serif;
    font-size: 100%;

}
article a:visited {
	color: #d44914;
	font-weight: normal;
	text-decoration: underline;
	font-family: Arial, Times new Roman, Sans-Serif;
    font-size: 100%;

}
article a:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	font-family: Arial, Times new Roman, Sans-Serif;
    font-size: 100%;
}
article h1 {
  font-size: 250%;
  line-height: 0.5em;
}
article h2 {
  font-size: 200%;
  line-height: 0.8em;
}
article h4 {
  font-size: 130%;
  color: #CC0000;
}
nav {
 margin: 0 auto 0 auto;
 padding-bottom:10px;
 padding-top: 0px;
 text-align:center;
 background-color:#ffcc66;
 color:#000000;
 height:100%;
}
nav a:link {
	color: #000000;
	font-weight: bold;
	font-size:100%;
}
nav a:visited {
	color: #000000;
	font-weight: bold;
	font-size:100%;
}
nav a:hover {
	color: #d44914;
	font-weight: bold;
	font-size:100%;
}
dl dd a:link {
	color: #d44914;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Times new Roman, Sans-Serif;
    font-size: 100%;
}
dl dd a:visited {
	color: #d44914;
	font-weight: normal;
	text-decoration: underline;
	font-family: Arial, Times new Roman, Sans-Serif;
    font-size: 100%;
}
dl dd a:hover {
	color: #000000;
	font-size:100%;
}
footer {
   margin: 0 auto 0 auto;
   padding-bottom:10px;
   padding-top: 10px;
   text-align:center;
   background-color:#ffcc66;
   color:#d44914;
   height:100%;
}
footer a:link {
	color: #d44914;
	font-weight: bold;
	font-size:100%;
}
footer a:visited {
	color: #d44914;
	font-weight: bold;
	font-size:100%;
}
footer a:hover {
	color: #000000;
	font-weight: bold;
	font-size:100%;
}
#animation {
   background-color:#ffffff;
   text-align:center;
   color: #000000;
   font-family: Arial, Times new Roman, Sans-Serif;
}
figure {
   font-weight:normal;
   line-height: 1em;
}
.mobil {
    width:600px;
}

@media all and (max-width: 60em) {
body {
 margin: 0 auto;
 font-family: Arial, Times new Roman, Sans-Serif;
 font-size: 100%;
 background-color:#ffcc66;
}
#content {
  display: flex;
  -webkit-flex;
  -ms-flex;
  flex-direction: column;
  justify-content: center;
  background-color:#ffcc66;
  color: #000000;
}
#article {
  display: flex;
  -webkit-flex;
  -ms-flex;
  flex-direction: column;
  justify-content: center;
  background-color:#ffcc66;
  color: #000000;
}
#nav_menu {
   margin: 0 auto;
   padding 0.5em;
   background-color:#ffcc66;
   color: #000000;
   font-size: 110%;
   font-weight:bold;
}
.logo {
    width: 150px;
}
header h1 {
  font-size: 200%;
  line-height: 0.0em;
}
header h2 {
  font-size: 110%;
  line-height: 1em;
}
nav {
 padding-bottom: 2px;
 padding-top: 2px;
 text-align:center;
 background-color:#ffcc66;
 color:#000000;
}
figure {
   float:none;
   font-weight: bold;
   line-height: 0.9em;
}
#bild {
 float:none;
 width:50%;
 line-height: 1em;
}
.mobil {
  width:300px;
}}

@media (max-width: 600px) {
table, tr, th, td {
  display: block;
}}