.abc {
width: 70px;
height: 60px;
background-color: #D0DCE0;
border-radius: 8px;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: center;
font-weight: normal;
font-size: 32px;
border: 3px solid #406090;
box-shadow:2px 2px 2px #888;
margin: 5px;
}

.abc:hover {
width: 70px;
height: 60px;
background-color: #ffffff;
border-radius: 8px;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: center;
font-weight: normal;
font-size: 32px;
border: 3px solid #406090;
box-shadow:2px 2px 2px #888;
margin: 5px;
}

.abcwort {
width:170px;
height:50px;	
border:2px solid #406090; 
border-radius:5px; 
background-color:#D0DCE0; 
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:24px;
font-weight:bold; 
text-decoration:none;
color:#406090; 
box-shadow:3px 3px 3px #888;
margin:5px;
}
.abcwort:hover {
width:200px;	
height:60px;
border:2px solid #406090; 
border-radius:5px; 
background-color:#D0DCE0; 
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:32px;
text-decoration:none;
color:#ff0000; 
box-shadow:3px 3px 3px #888;
margin:5px;
letter-spacing:3px;
}

.begleiter {
height: 60px;
background-color: #D0DCE0;
border-radius: 8px;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: center;
font-weight: normal;
font-size: 36px;
border: 3px solid #406090;
box-shadow:2px 2px 2px #888;
margin: 5px;
letter-spacing:10px;
}
.begleiter:hover {
background-color:#ffff99;
cursor:pointer;
}

.pronomen1 {
width: 300px;
height: 60px;
background-color: #D0DCE0;
border-radius: 8px;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: right;
font-weight: normal;
font-size: 32px;
border: 3px solid #406090;
box-shadow:2px 2px 2px #888;
margin: 2px;
letter-spacing:3px;
}

.pronomen1b {
width: 300px;
height: 60px;
background-color: #ffffff;
border-radius: 8px;
color: #ffffff;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: right;
font-weight: normal;
font-size: 32px;
border: 3px solid #ffffff;
box-shadow:2px 2px 2px #fff;
margin: 2px;
letter-spacing:3px;
}

.pronomen2 {
width: 100px;
height: 60px;
background-color: #D0DCE0;
border-radius: 8px;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
text-align: left;
font-weight: normal;
font-size: 32px;
border: 3px solid #406090;
box-shadow:2px 2px 2px #888;
margin: 2px;
letter-spacing:2px;
}

.blindfeld {
height:80px;
background-color:#D0DCE0;
color: #000000;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:48px;
border:0;
letter-spacing:5px;
cursor:pointer;
text-shadow: 0px 2px 0px #ffffff, 1px 3px 1px #D0DCE0, 2px 3px 2px #888, 3px 3px 3px #406090;
}

.endefeld {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:42px;
font-weight:normal;
color:#0000ff;
background-color:#ffffff;
width:300px;
border:0;
border-radius:3px;
text-decoration:none;
text-align:left;
letter-spacing:2px;
}

.startfeld {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:42px;
font-weight:normal;
color:#000000;
background-color:#ffffff;
width:80px;
border:3px solid #ffffff;
border-radius:3px;
text-decoration:none;
text-align:right;
}
      
.nomenfeld {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:42px;
font-weight:normal;
color:#ff0000;
background-color:#ffff00;
width:300px;
border:2px solid #406090;
border-radius:3px;
text-decoration:none;
text-align:left;
letter-spacing:2px;
}

.nomenfeld2 {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:36px;
font-weight:normal;
color:#000000;
background-color:aqua;
width:80%;
border:2px solid #406090;
border-radius:3px;
text-decoration:none;
text-align:center;
letter-spacing:3px;
}

.fenster {
width:90%; 
max-width:600px; 
height:auto; 
margin-left:auto;
margin-right:auto;
background-color:#D0DCE0; 
border:5px solid #406090; 
border-radius:5px; 
box-shadow:2px 2px 3px #888; 
}

.anzeige {
display:flex;
flex-wrap:wrap;
justify-content: space-around;
border:3px solid #406090;
background:#ffffff;
}

.kopfbut {
width:90%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:28px;
text-align:center; 
background:#D0DCE0;
margin-top:10px;
}

.bildfeld {
width:150px;
height:150px;
margin-top:50px;	
}
.bildfeld:hover {
 cursor:pointer;
}

.gummi {
width:10%;
height:150px;
margin-top:50px;
border:0;	
}

.einmehrzahl {
width:100%;
height:60px;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 36px;
color:#ffffff;
text-align:center;
background:#406090;
border:0;
}

.titelwort {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 24px;
color: red;
font-size:24px;
text-align:center;
}

.pfeil {  
width:50px; 
height:50px; 
text-align:right;
margin-right:10px; 
}
.pfeil:hover {  
cursor:pointer; 
}

.abcknopf {
width:300px;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:32px;
color:#000000;
padding:5px;
background:#D0DCE0;	
border:2px solid #406090;
border-radius:5px;
box-shadow:2px 2px 3px #888;	
cursor:pointer;
margin-top:20px;
}

.abcknopf2 {
width:80%;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:32px;
color:#000000;
padding:5px;
background:#D0DCE0;	
border:2px solid #406090;
border-radius:5px;
box-shadow:2px 2px 3px #888;	
letter-spacing:10px;
text-align:center;
margin-top:20px;
cursor:text;
}

.wahlknopf {
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 18px;
padding:5px;
cursor:pointer;
}

.blank {
width:auto;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 42px;
border:0;	
background:#ffffff;
}

.blank2 {
width:auto;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 32px;
border:0;	
background:#ffffff;
}

.liblank {
width:45%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 42px;
border:0;	
background:#ffffff;
text-align:right;
}

.reblank {
width:45%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size: 42px;
border:0;	
background:#ffff99;
text-align:left;
}

.liblank2 {
width:22%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:24px;
color:black;
border:1;	
background:#ffffff;
text-align:right;
}

.reblank2 {
width:22%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:24px;
color:blue;
border:1;	
background:#ffff99;
text-align:left;
}

.miblank2 {
width:33%;
height:auto;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:24px;
color:green;
border:1;	
background:#ffffff;
text-align:left;
}

.prozfeld {
width:22%;
height:50px;
font-family: Comic Relief LRS, Comic Sans MS, Verdana;
font-size:24px;
color:black;
border:2px solid #000000;	
background:#ffffff;
text-align:center;
margin:2px;
}