.calibg { 
width: 550px; 
margin: auto; 
padding: 20px; 
background-color: #e2dfc6; 

}

 .calibox { 
width: 540px; 
margin: auto; 
padding: 5px; 
border: dotted 1px #787051;

} 

/*-FACTS & IMG-*/ 

.caliimg { 
width: 180px;
height: 180px; 
padding: 5px; 
margin: auto; 
border: solid 1px #b9ad83; 

} 

.califact { 
width: 140px; 
background-color: #b9ad83; 
font-family: 'Calibri'; 
font-size: 11px; 
text-align: center; 
text-transform: uppercase; 
padding: 5px; 
letter-spacing: 2px; 
margin: 10px; 
color: #393b47;

} 

.califamimg {
width: 50px; 
height: 50px; 
border: solid 1px #2574a9; 
float: left; 
padding: 3px; 
margin-right: 5px;

} 

.califamimgr {
width: 50px; 
height: 50px; 
border: solid 1px #2574a9; 
float: right; 
padding: 3px; 
margin-left: 5px;

}

 /*--ZWISCHENÜEBERSCHRIFT--*/ 

.storyhead {
background-color: var(--farbe5); 
width: 530px; 
padding: 5px; 
margin: auto; 

}

 .calih1 { 
font-family: 'Calibri'; 
font-size: 12px; 
color: #393b47; 
text-align: center; 
text-transform: uppercase; 
letter-spacing: 2px; 
font-weight: bold;

}

/*-TEXT-*/ 

.calitxt { 
font-size: 12px; 
padding: 10px; 
margin: auto; 
text-align: justify; 
color: #a6a099 
line-height: 15px; 

} 

.calitxt b { 
font-size: 12px; 
text-transform: uppercase; 
color: #393b47; 
font-weight: bold; 

}


*/Vorlage Storyline / Relations /*

.header { 
height: 110px; 
background-position: 50% 50%;
background-size: cover;
text-align: center;
padding-top: 90px; 
}

.title {
font-size: 14px;
text-transform: uppercase;
 color: #393b47; 
letter-spacing: 1.5px;
font-weight: bold; 
text-shadow:4px 4px 4px #937e5a; 
box-sizing: border-box; 
border: 1px solid #000000;
padding: 15px; } 


*/Vorlage Gesuch /*

.gi_body {
  width: 500px;
  margin: auto;
  padding: 10px;
  background-color: #b9ad83;
}

.gi_head {
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  color: #7d6149;
  line-height: 45px;
}

.gi_head2 {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #7d6149;
  letter-spacing: 5px;
  padding-top: 10px;
}

.gi_head3 {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  color: #7d6149;
  letter-spacing: 3px;
  padding-top: 3px;
}

.gi_box {
  width: 220px;
  height: 91px;
  background-color: #7d6149;
  padding-top: 30px;
  margin-top: 5px;
  color: #f9f3e7;
}

.gi_name {
  color: #f9f3e7;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.gi_who {
  color: #f9f3e7;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 10px;
}

.gi_credit a {
  color: #000000;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.gi_credit {
  color: #6e6d6d;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.gi_info {
  font-style: italic;
  font-family: calibri;
  text-align: center;
  color: #f5f5f5;
  font-size: 11px;
  line-height: 10px;
}

.gi_tbox {
  height: 215px;
  width: 250px;
  background-color: #fffbf2;
  font-family: calibri;
  font-size: 11px;
  text-align: justify;
  overflow: auto;
  padding: 3px;
  border: 2px dotted #7d6149;
  color: #5e4325;
}

.gi_rbox {
  width: 472px;
  background-color: #fffbf2;
  font-family: calibri;
  font-size: 11px;
  text-align: justify;
  overflow: auto;
  padding: 3px;
  border: 2px dotted #7d6149;
  margin: auto;
  color: #5e4325;
}

.gi_rtop {
  width: 482px;
  background-color: #7d6149;
  color: #f9f3e7;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  margin: auto;
}