@font-face {
	font-family: 'lucien_schoenschriftv_catRg';
	src: url('Lucian_Schoenschrift_CAT-webfont.woff') format('woff'),
		 url('Lucian_Schoenschrift_CAT-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DejaVu Sans Mono';
	src: url('DejaVu/ttf/DejaVuSansMono.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DejaVu Sans Mono';
	src: url('DejaVu/ttf/DejaVuSansMono-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/*@font-face {
	font-family: 'DejaVu Sans Mono';
	src: url('DejaVu/ttf/DejaVuSansMono-Oblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'DejaVu Sans Mono';
	src: url('DejaVu/ttf/DejaVuSansMono-ObliqueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
*/


body {
	font-family: 'Dejavu Sans Mono', monospace;
}
#swipebox-top-bar {
  font-size: 11px;
  line-height: 43px;
  font-family: 'Dejavu Sans Mono', monospace;
}


* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
	width: 620px;
	margin: 34px auto 34px auto;
}

h1{ /*Cnoodle-Logo*/
/*
	display: block;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
*/
	font-family: 'lucien_schoenschriftv_catRg', monospace;
	text-align: center;
	font-size: 71px;
	font-weight: normal;
	line-height: 100%;
}
h1 a {
	color:#000000;
}
h2 {
/*
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
*/
}
h3 {
/*
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
*/
}
h4 {
/*
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
*/
}
h5 {
/*
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
*/
}
h6 {
/*
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
*/
}
a{
	text-decoration:none;
	color: #707070;
}
p {
	text-align: justify;
	text-align-last: center;
	font-size: 11px;
	line-height: 150%;
}

header{}
nav{
	text-align: center;
	font-size: 10px;
}
main{}
article{}
section{}
.maintext{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
/* TODO: datenschutz schöner implementieren! */
/* TODO: html tags ordentlich nutzen!*/
footer{
	text-align: center;
	font-size: 10px;
}


/**
* flex-boxen
*/

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	/*grid-gap: 5px;*/
	align-items: center;
}
.fotos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 0;
}
.foto {
	margin: 3px;
}


.preisl {
	margin: 2px auto 2px auto;
	border-collapse: collapse;
}
.preislt{
	padding: 3px 7px 3px 7px;
	text-align: center;
	/** border-bottom: 1px solid #E3E4FA; border-right: 1px solid #E6A9EC; */
}