body {
	background-color: white;
	box-shadow: inset #db8c00 0 0 0 3px;
	font-family:Century Gothic, Sans-Serif;
	text-align: center;
}

.header {
	padding: 2em;
}

.header img{
	max-width: 100%;
}

.main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(25em, 1fr)); 
	column-gap: 1em;
	row-gap: 1em;
	margin: 2em;
}

.bildContainer {
}

.bildContainer img{
	 width: 100%;
}

.textgrid {
	font-size: 1.1em;
	text-align: left;
	display: grid;
	grid-template-columns: 1fr minmax(15em, 40em) 1fr; 
	row-gap: 3em;
}

.textbox {
	grid-column-start: 2;
	grid-column-end: 3;
}

.textbox p{
	
	font-size: 1.2em;
	padding-bottom: 1em;
}
.textbox img{
	 width:100%;
}

.textbox > figure {
	border: 0.2em #db8c00 solid;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
	padding: 0em;
}

figure {
	border: 0.2em #db8c00 solid;	
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
}

figcaption {
  background-color: #db8c00;
  color: white;
  padding: 0.3em;
  font-size: 2.5em;
  text-align: center;
  margin: 0px;
}

p:first-child:first-letter {
	font-size: 3em;
	font-style: bold;
}

.footer {
	margin: 3em;
	padding: 3em;
	font-size: 0.75em;
}

h1 {
	font-size: 5em;
}

h2 {
	font-size: 3em;
}

a:link {	
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:hover {
  color: red;
}

a:active {
  color: yellow;
  text-decoration: none;
}