/* nueckel.at myKitchenApp 0.1 2023 Susanne Nückel */
/* stylesheet general */
/* 
1. colors: hellgrau #f2f0ea, #023e47
2. font+links
3. positions+spaces
4. decorations (striche, linien)
5. images

*/


/*
!!! TODOs
html:lang(en) {
	display: none;
}

blau #3b4b82;

*/

/* 1. colors 
f2f0ea hintergrund hell wp
367588 teal blue
5f9ea0 cadet blue (heller)
0a7e8c metallic seaweed
264348 japanese indigo
*/

/* dark mode 
body {
	background-color: #000000;
	color: #ffffff;
}
a:hover { 
	color:  #ffffff;
	text-decoration: underline;
	}
a:active { 
	color: #ffffff;
	text-decoration: underline;
	}
*/
/* light mode */
body, body.light {
	background-color: #f2f0ea;
	color: #264348;
}
a:link { 
	color: #0a7e8c; /* heller */
	text-decoration: none; 
	}
a:visited { 
	color: #367588; /* dunkler */
	text-decoration: none;
	}

a:hover { 
	color: #264348;
	text-decoration: underline;
	}
a:active { 
	color: #264348;
	text-decoration: underline;
	}

/* */
h1, h2, h3 {
	color: #0a7e8c; /* heller */
}

/* 2. font */

article.pin figcaption, article.pin p {
	font-size: 1em;
}
body {
	font-family: Alegreya, Garamond, Georgia, serif;
	font-size: 100%;
}
dt {
	font-weight: bold;
}
figcaption {
	font-size: 0.8em;
}
footer {
	font-size: smaller;
}
p#teaser, q {
	font-style: italic;
}
.message {
	color: red;
	font-weight: bold;
}	

/* 3. positions+spaces */
.block {
	text-align: justify;
}
.center {
	text-align: center;
}
article.pin {
	margin-bottom: 20px;
}
body {
	padding: 10px;	
}
dl, dt, dd {
	text-align: left;
}
dd {
	padding: 2px 0px 5px 0px;
	line-height: 1.8;
}
dt {
	padding: 10px 0px 10px 0px;
}
figcaption {
	text-align: center;	
}
figure {
	margin: 0px;
	text-align: left;
}
form#search {
	margin: 10px 0px 10px 0px;
}
footer {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
footer p {
	text-align: center;
}
footer p#CC a {
	display:inline-block;
}
footer p#CC img {
	height: 22px !important;
	margin-left: 3px;
	vertical-align:text-bottom;
}
h1, h2, h3 {
	text-align: center;
}
h4 {
	text-align: left;
}
header#top {
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: block;
	float: none;
	text-align: center;
}
img#header {
	width: 100%;
}
dt, dd, li {
	line-height: 1.8;
	text-align: left;
}
main {
	width: 100%;
	text-align: center;
	margin: 1px 0px 1px 0px;
}
nav {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
nav ul {
	padding-left: 0px;
}
nav ul li {
	list-style: none;
	display: inline;
}
article {
	max-width: 520px; 	
	line-height: 1.8;
	text-align: center;
}
article p, section p {
	line-height: 1.8;
	text-align: left;
}
article.pin {
	margin-top: 10px;
}
figure {
	text-align: center;
}
hgroup p {
	text-align: center;
	
}
p#outro {
	text-align: center;
	margin: 20px 0px 20px 0px;
}
q {
	text-align: center;
	padding: 2px 40px 2px 40px;
}
section {
	width: 520px;
	padding: 5px 0px 5px 0px; 
	margin: auto;
}
section#intro {
	margin-bottom: 20px;
}

summary {
	text-align: left;
}
@media screen and (max-width: 600px) {
	section {
		width: 360px;
	}

}

/* 4. decorations */
footer {
	border-top: 1px solid #0a7e8c;
}

article, header {
	border-bottom: 1px solid #0a7e8c;
}
.dialog {
	font-style: italic;	
	}
img#header {
	border: 1px solid #0a7e8c;
}	
main {
	border-top: 1px solid #0a7e8c;
	border-bottom: 1px solid #0a7e8c;
}
nav {
	border-bottom: 1px solid #0a7e8c;
}
article.pin {
	border-bottom: 1px solid #0a7e8c;
}
section#intro  {
	border-bottom: 1px solid #0a7e8c;
}
#rect {
  -webkit-clip-path: inset(40% 0% 40% 0%);
  clip-path: inset(40% 0% 40% 0%);
}
summary ul li {
	list-style-type: none;
}
.el {
  list-style-type: "↗ ";
  list-style-position: inside;
}
/*
	border: 1px solid #fff000;
*/