h1 {
	font-family: sans-serif;
	color: #72919D;
	/* [disabled]font-size: 2.5rem; */
}

h2 {
	font-family: sans-serif;
	color: #72919D;
	/* [disabled]font-size: 1.5rem; */
	padding-left: 0.1em;
	padding-right: 0.1em;
}

body {

	margin: 1em auto;
	max-width: 60em;
	font-family: sans-serif;
	color: #72919D;
	display: grid;
	grid-template-columns: repeat(12, 12fr);
	background-image: url(../img/back-htmll1.jpg);
	background-size: contain;
	
}

header {
	grid-column: 1 / 13;
	grid-row: 1 / auto;
	text-align: center;
	background-image: url(../img/fill-banner.jp);
	display: compact;
	background-repeat: no-repeat;
	margin-top: 50px;

}

infobox1 {
	background: 333;
	border-color: #666666;
	grid-column: 1 / 13;
	text-align: center;
	background-image: url(../img/fill-banner-4.pn);
	background-size: cover;
	
}

infobox3 {
	background: 333;
	border-color: #666666;
	grid-column: 1 / 13;
	text-align: center;
	background-image: url(../img/fill-banner-4.pn);
	background-size: cover;
	
}

infobox1,
infobox2,
infobox3,
main,
article,
section
{
	border-radius: 28px;
	border: 1px solid;
	background-color: #FFF;
	margin-bottom: 5%;
	margin-left: 10%;
	margin-right: 10%;
	background: rgba(255,255,255);
}


weiter0 {
	grid-column: 1 / 13;
	text-align: center;
	margin-bottom: 50px;
	background-image: url(../img/fill-banner-4.png);
	background-size: cover;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
}
	
weiter1 {
	grid-column: 1 / 13;
	text-align: center;
	margin-bottom: 100px;
	background-image: url(../img/fill-banner-2.png);
	background-size: cover;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	
}	
	
weiter2 {
	grid-column: 1 / 13;
	text-align: center;
	margin-bottom: 100px;
	background-image: url(../img/fill-banner.png);
	background-size: cover;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	
}	

weiter3 {
	grid-column: 1 / 13;
	text-align: center;
	margin-bottom: 100px;
	background-image: url(../img/fill-banner-4.png);
	background-size: cover;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	
}	
	
/* [anfang; */

figure,
figcaption {
	margin: 0;
	padding: 0;
}

#gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 1em;
	text-align: center;
}

#gallery figure {
	position: relative;
	color: black;
	background: white;
}

figure img {
	width: 100%;
	display: block;
}

#gallery > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}

#gallery > figcaption {
	grid-column: 1 / -1;
	color: #FFCC33;
}

/* [ende; */

/* [anfang; */

figure,
figcaption {
	margin: 0;
	padding: 0;
}

#gallery1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 1em;
	text-align: center;
}

#gallery1 figure {
	position: relative;
	color: black;
	background: white;
}

figure img {
	width: 100%;
	display: block;
}

#gallery1 > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}

#gallery1 > figcaption {
	grid-column: 1 / -1;
	color: #FFCC33;
}

/* [ende; */

/* [anfang; */

figure,
figcaption {
	margin: 0;
	padding: 0;
}

#gallery2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 1em;
	text-align: center;
}

#gallery2 figure {
	position: relative;
	color: black;
	background: white;
}

figure img {
	width: 100%;
	display: block;
}

#gallery2 > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}

#gallery2 > figcaption {
	grid-column: 1 / -1;
	color: #FFCC33;
}

/* [ende; */

/* [anfang; */

figure,
figcaption {
	margin: 0;
	padding: 0;
}

#gallery3 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 1em;
	text-align: center;
}

#gallery3 figure {
	position: relative;
	color: black;
	background: white;
}

figure img {
	width: 100%;
	display: block;
}

#gallery3 > figure > figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.3);
}

#gallery3 > figcaption {
	grid-column: 1 / -1;
	color: #FFCC33;
}

/* [ende; */


nav {
	grid-column: 1 / -1;
	color: #FFF;
	text-align: center;
}


footer {
	color: #FFF;
	grid-column: 1 / -1;
	text-align: left;
	background-image: url(../img/fill-back-footer.png);
	background-repeat: no-repeat;
	display: block;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 0px;
	font-size: 16px;
	height: auto;
}


weiter0,
weiter1,
weiter2,
weiter3
 {
	border-radius: 28px;
	border: 1px solid;
	padding: 2em;
	margin: 0.5em;
	background-color: #FFF;
	margin-bottom: 50px;
	border-color: #FFF;
}





.coverimg {
	/* [disabled]display: inline-table; */
	/* [disabled]margin: 0.3em; */
}

.logoimg {
	width: 100%;
	display: compact;
	margin-bottom: 50px;
}     


.button {
	background-color: #ffffff;
	color: #F30;
	padding: 30px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 30px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 90px;
	border: 1px solid;
}

.button:hover {
	background-color: #72919D;
	color: #F30;
	padding: 30px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 30px;
	/* [disabled]margin: 4px 2px; */
	cursor: pointer;
	border-radius: 90px;
	border: 1px solid;
}
.copyright {
	font-size: 9px;
	text-align: right;
	padding-bottom: 0px;
}
.minitest {
	font-size: 0.8rem;
	padding-top: 0px;
	padding-bottom: 0px;
	text-height: text-size;
}