/*  */

/* Anpassung an mobile Geraete */
@viewport{
    zoom: 1.0;
    width: device-width;
}

/* Grundgeruest Seiten */
body {
	background:#EEE
	width: 90%;
  	margin: 0 auto;
	padding: 5px 15px 15px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00rem;
	font-style: normal;
	line-height: 150%;
	text-align: justify;
}

h1 {
	font-size: 1.25rem;
	text-align: center;
	}
	
h2{
 	font-size: 1.15rem;
  	text-align: center;
}
	
h3 {
	font-size: 1.00rem;
	text-align:left;
	}

 /* Relative Abweichungen zum Standard 16px */
.small {font-size: .80rem;}
.large {font-size: 1.15rem;}


.smallred {
	font-size: .75rem;
	font-style:italic;
	color:#C00;
}

.textredbold {
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00rem;
	font-style:normal;
	font-weight:bold;
	color: red; 
}

.textgreenbold {
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00rem;
	font-style:normal;
	font-weight:bold;
	color:#363;
}

.textboldblue {
	font-size: 1.00rem;
	font-style:normal;
	font-weight:bold;
	color:#00B;
}

.ribbon01 {
  	background:#F63;padding: 0.3em 0.3em 0.3em 0.3em;
}

.ribbon01text {
	font-size: 1.15rem; font-weight:bold; text-align:center; color: black; 
}

.ribbon02 {
  	background:#BBB;padding: 0.2em 0.2em 0.2em 0.2em;
}

.ribbon02text {
	font-size: 1.00rem; font-weight:bold; text-align:left; color: black; 
}

.ribbon03 {
  	background:#DDD;padding: 0.2em 0.2em 0.2em 0.2em;
}

.ribbon04 {
  	background:#FF3;padding: 0.2em 0.2em 0.2em 0.2em;
}

figure {
	display: block;
  	margin: 0 auto;
	font-size: small;
	font-style: normal;
	text-align: center;
	line-height: 125%;
}

/*Bildunterschrift zentriert oder wenn lang, dann linksbündig*/
figcaption {
  display: inline-block; 
  text-align: left;
}

/*Block zentriert*/
p.center1 { 
	border: 0px;
	text-align: center;
}
p.center2 { 
	border: 0px;
	text-align: center;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF00FF;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

	
.lineblue {
 	background:#00E;
 	border: none;
 	color:#00E;
 	height: 2px;
	width: 100%;
}

.linegrey {
 	background:#777;
 	border: none;
 	color:#777;
 	height: 2px;
	width: 100%;
}

.linetop {
 	background:#F63;
 	border: none;
 	color:#F63;
 	height: 2px;
	width: 100%;
}

/*relevant insbes. für Logo*/
img {
	display: block;
  	margin: 0 auto;
}
.kapitaelchen
{
	font-style: font-variant:small-caps;
	font-variant: small-caps;
}

input[type="radio"] {
    display: none;
}
input[type="radio"] + label {
  position: relative;
  cursor: pointer;
}
input[type="radio"] + label:before {
    display: inline-block;
    position: relative;
	
    content: url(../pictures/rb.checkno.png);
}
input[type="radio"]:checked + label:before {
	display: inline-block;
    position: relative;
	
  content: url(../pictures/rb.checkyes.png);
}
.button1 {
 width: 120px; /* Breite des Buttons */
 height: 25px; /* Höhe des Buttons */
 border: 1px solid #aaa; /* Rahmen */
 border-radius: 5px; /* Abgerundete Ecken */
 background: #eee; /* Hintergundfarbe für ältere Browser */
 background-image: linear-gradient(#cdffbc, #6ec153); /* Farbverlauf */
 display: block; /* Darstellung als Block-Element */
 text-align: center; /* Horizontale Text-Ausrichtung */
 text-decoration: none; /* Links nicht unterstrichen */
 color: #333; /* Textfarbe */
}


#intropictures {
   display: grid;
   grid-template-columns: 10rem 10rem;
   width: inherit;
   /*grid-template-rows: 15em 15em;*/
   align-items: center;
   justify-content:center;
   gap: 1rem;
}





/* h2-Überschrift mitorangenem Hintergrund
h2{
 	font-size: 1.10rem;
  	color: black;
  	background: #F63;
	padding: 0.2em 0.2em 0.2em 2em;
}
*/