/* text */


.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

strong { font-weight:700; }

h1 {
	font-family: 'Roboto', sans-serif;
	color:#00856c;
	font-size:60px;
	line-height:66px;
	margin-top:0;
	margin-bottom:20px;
	font-weight:100;
	text-align:center;
}

p {
	font-family: 'Roboto', sans-serif;
	color:black;
	font-size:25px;
	line-height:30px;
	margin-top:0;
	margin-bottom:20px;
	font-weight:300;
	text-align:center;
}

a:link {
	color:#00856c;
	text-decoration:none;
}
a:visited  {
	color:#00856c;
	text-decoration:none;
}
a:hover  { 
	color:black;
	text-decoration:underline;
}
a:active  { 
	color:black;
	text-decoration:underline;
}

/* bilder (rahmen) */

img {
	border:0px;
}

html, body { margin:0; padding:0; overflow:y-scroll; background:#daedea; }

#wrapper   { position:absolute; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
#text      { padding:20px; }

@media screen and (max-height:900px){
h1 {
	font-size:50px;
	line-height:55px;
}
p {
	font-size:20px;
	line-height:25px;
	margin-bottom:15px;
}
}

@media screen and (max-height:750px){
h1 {
	font-size:40px;
	line-height:45px;
}
p {
	font-size:15px;
	line-height:20px;
	margin-bottom:10px;
}
}

@media screen and (max-height:630px){
h1 {
	font-size:35px;
	line-height:40px;
}
p {
	font-size:15px;
	line-height:20px;
	margin-bottom:10px;
}
}

@media screen and (max-height:530px){
h1 {
	font-size:30px;
	line-height:35px;
}
p {
	font-size:12px;
	line-height:16px;
	margin-bottom:5px;
}
}