body {
background-image:url('starclusterpixabay.jpg');
font-family:sans-serif;
} 

h3 {
font-size: 1.4em;
color: white;
margin: auto;
font-family:Courier, monospace;
 }

.featureframe {
margin: auto;
margin-top: 200px;
width: 300px;
height:400px; 
border-style:dashed;
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
-moz-border-radius: 15px;
border-radius: 15px;
border: #232323 solid 0.4em;
padding-top: 20px;
padding-left: 20px;
color: white;
-moz-box-shadow:4px 4px 10px #101010; /* Firefox */
-webkit-box-shadow:4px 4px 10px #101010; /* Chrome, Safari */
-khtml-box-shadow:4px 4px 10px #101010; /* Konqueror */
box-shadow:4px 4px 10px #101010; /* CSS3 */
}


.linebg {
background-color: #FFF8FF; 
background-image: 
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em );
background-size: 100% 1.2em;
width: 275px;
height: 235px;
margin-top: 30px;
border-radius: 15px;
color:  #595959;
padding-top: 1em;
}

.displaycaro {
background-color: #EFEFEF;
width: 275px;
height: 235px;
margin-top: 30px;
border-radius: 15px;
color:  #595959;
padding-top: 1em; 
border: #1B1B1B solid 0.2em;
-moz-box-shadow:    inset 0 0 10px #000000; /*inset shadow */
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow:         inset 0 0 10px #000000;
}

.caro {
background-color: white;
background-image: linear-gradient(#EDEDED 2px, transparent 2px),
linear-gradient(90deg, #EDEDED 2px, transparent 2px),
linear-gradient(rgba(191, 192, 193, 0.7) 1px, transparent 1px),
linear-gradient(90deg, rgba(191, 192, 193, 0.7) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
width: 275px;
height: 235px;
margin-top: 30px;
border-radius: 15px;
color:  #595959;
padding-top: 1em; 
border: #1B1B1B solid 0.2em
}


ul {
   font-size: 0.8em;
   list-style-type:square;
 }
 
 
.mitteilung {
font-family: 'Courier', sans-serif;
font-size: 0.9em;
padding-left: 2em;
padding-right: 2em;
 }
 
.mitteilung2 {
font-family: 'Courier', sans-serif;
font-size: 0.9em;
padding-left: 1em;
padding-right: 1em;
color: #FFFFFF;
font-weight: bolder;
 }
 
.mitteilung3 {
font-family: 'Kite One', sans-serif;
color: #0B109E;
font-size: 1em;
padding-left: 2em;
padding-right: 2em;
 }