@charset="utf-8";

/* Farben siehe: https://paletton.com/ , 
folgende Farben könnten für Julias Foto passen:
dunkelblau: 2B3E5B
etwas heller: 435673
mittel: 607089
hellblau, z.b. background: 838FA1
fast weiß: EDEFF3 oder etwas dunkler: B5BDC7*/
    
	h1 {font-size: 2em; color: #2B3E5B}
	h2 {font-size: 1.5em; color: #2B3E5B}
	h3 {font-size: 1em; color: #435673; margin-top: 0.3em; margin-bottom: 0.6em}
	body {background-color: #838FA1; line-height: 1.4; font-family: Arial, Sans; padding: 0.4em}
	img {padding: 0.3em}
	ul {list-style-type: disc; padding-left: 1em; margin-left: 0.5em}
	li {list-style-type: disc; line-height: 1.4; margin-bottom: 0.3em; padding-left: 1em; text-indent: 0em}
	a {font-size: 1em; color: #EDEFF3}
	a:visited {color: #EDEFF3}
	summary {line-height: 1.6;}
	summary:focus {}
	summary:hover {color: #EDEFF3; }
	summary:active {}
	address {font-size: 0.9em;}
	nav {}
	hr {margin-left: 1em; width: 50%; height: 0.01em; background-color: grey}
	figcaption {font-style: italic; font-size: 0.9em; margin-bottom: 0.7em}
	p {text-align: justify; line-height: 1.5;}
	div  class="aligncenter" {text-align: center}
	footer {font-size: 0.8em; border-top-style: dotted; border-top-width: thin; border-top-color: #EDEFF3; padding-top: 0.5em; margin-top: 1em}
	header {font-size: 1em}
	
	/* Folgendes platziert die Navigation neben das Porträtbild   */
	@media (min-width: 55em) {
		section {display: grid; grid-template-columns: 1fr 30em}
		section h4 {grid-column: -1 / 1}
	}

	


/* wenn man auf einzelnen Seiten einzelne Elemente anders formatieren möchte, kann man z.B. einen style direkt dort hin schreiben:
 <h3><span style="font-size: 14pt;">Als technische Redakteurin habe ich u.a. erstellt:</span></h3>*/