/**Gruppen Formatierung**/
.admin{
	color:var(--schrift);
	font-weight: bold;
}
.h_i{
	background:var(--farbe21);
	margin: 2px;
    padding: 3px;
}
.h_i2{
	background:var(--farbe21);
	margin: 5px;
    padding: 3px;
	float: left;
    width: 190px;
}
.h_i3{
	background:var(--farbe21);
	margin: 5px;
    padding: 3px;
	float: left;
    width:293px;
}
.h_i a{	
	color:var(--farbe3) !important;
}
/**Überschriften**/
.kat_headline{
  font-family: var(--mainfont2);
	margin-right:20px;
  font-size: 40px;
  text-align: right;
	color: var(--farbe4);
	border-bottom:1px solid;
}
.listen_hl{
	font-family: var(--mainfont);
    text-transform: uppercase;
    font-size: 34px;
    text-align: center;
    padding-bottom: 5px;
    font-weight: 900;
    font-style: italic;
}
.listen_sl{	
	font-family: var(--mainfont);
    text-transform: lowercase;
    font-size: 24px;
    text-align: right;
    padding-bottom: 5px;
    font-style: italic;
	color:var(--farbe4);
}
.listen_sl2{
	font-family: var(--mainfont);
    text-transform: lowercase;
    font-size: 17px;
    text-align: right;
    padding-bottom: 5px;
    font-style: italic;
    color: var(--farbe2);
}
/**Header Template**/
#battle_header {
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(5, auto);
grid-column-gap: 5px;
grid-row-gap: 5px;
  width:1100px;
  margin:auto;
  font-family:var(--subfont);
  color:var(--schrift);
  font-size:12px;
}

.battle_header1 { 
  grid-area: 1 / 1 / 3 / 4;
	
}
.header_bild{
	 width:1100px;
	height:550px;
		background-image: var(--headerpic);	
}
.battle_header2 { 
  grid-area: 1 / 3 / 2 / 4; 
  display: flex;  
  justify-content: right;
  padding:10px;
}
.battle_header2 i{
  font-size:20px;
  margin:5px;
  color:var(--farbe4);
}

.battle_header3 { 
  grid-area: 2 / 3 / 3 / 4;
}

.battle_header4 { 
  grid-area: 3 / 1 / 4 / 4;
  text-align:center;
}
.battle_header5 { 
  grid-area: 4 / 1 / 5 / 2;
  width:var(--battle_box);
  padding:10px;
  background:var(--farbe1);
  height:16em;
  overflow:auto;
}
.battle_header6 { 
  grid-area: 4 / 2 / 5 / 4; 
  padding:10px;
  background:var(--farbe1);
  height:16em;
  overflow:auto;
  text-align:justify;
}

.battle_header8 { 
  grid-area: 5 / 1 / 6 / 4;
  background:var(--farbe2);
  padding:5px;
  color:var(--farbe1);
	margin-top: 20px;
}

.battle_headerlink{
  display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
  background:var(--farbe1);
    color: var(--battle_c1);
    padding: 5px 15px;
    letter-spacing: 2px;
    margin: 10px 10px;
    border: 3px solid var(--farbe4);
}
.battle_hl{
    text-transform: uppercase;
    /* font-weight: 700; */
    font-size: 28px;
    font-family: Abril Fatface;
    letter-spacing: 0px;
    /* font-style: italic; */
    color: var(--farbe4);
    background: none;
    border-bottom: none;
    padding: 0;
    text-align: right;
    margin: 10px 50px;
    margin-top: 350px;
}
/*.battle_hl1{
  display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
    color: var(--farbe1);
    padding: 5px 15px;
    letter-spacing: 2px;
    background: var(--farbe4);
    margin: 2px 10px;
  float:left;*/
}
.battle_sl{
        font-size: 15px;
    text-transform: uppercase;
    color: var(--farbe4);
    padding: 0px 15px;
    /* letter-spacing: 2px; */
    margin: -10px 10px;
    /* outline: 1px solid var(--farbe1); */
    outline-offset: 2px;
    text-align: right;
}
.header2 {
  width:1100px;
  margin:auto;
}

.header_pic{
  width:1100px;
  height: 550px;
 background-image: var(--headerpic);
}

.hicons{
  width:380px;
  height: 100px;
  margin-left:690px;
}

.header_icon{
  width: 30px;
  height: 27px;
  border-radius: 50%;
  float: left;
  margin-left: 3px;
  margin-top:10px;
	font-size: 25px;
	padding: 10px;
	text-align: center;
}

.hwelcome{
  margin:auto;
  margin-bottom: 3px;
	margin-top: 20px;
  display:flex;
	  justify-content: space-evenly;
	background: var(--farbe1);
    border-radius: 5px;
}
.wb_left{
	width:20em;
	margin: 5px;
	padding:5px;
}
.wb_middel{
	width: 60em;
	margin: 5px;
	padding:5px;
}
.wb_right{
	text-align:center;
	width:20em;
	margin: 5px;
	padding:5px;
}
.header_box{
  width:1100px;
  height: 200px;
  margin-top:0px;
  display: flex;
  align-items: center;
}

.hbox{
  width: 250px;
  height: 170px;
  margin: 10px;
  padding: 5px;
  overflow: auto;
}

.hline{
  height: 1px;
  background: var(--farbe4);
	margin-bottom: 4px;
}

/**Index Template**/
.icontainer{
  max-width: 1090px;
  height: 100px;
  margin:auto;
  display: flex;
  align-items: center;
}

.iicon{
  width:110px;
  height:110px;
  margin-left: 5px;
  padding-top:9px;
}

.ititel{
  width:500px;
  padding: 5px;  
  margin: 10px;
  height:90px;
  overflow: auto;
}

.i-titel a:link {
    font-size: 25px;
}

.i-titel{
  color:var(--farbe4);
  font-family: var(--mainfont);
  font-size:30px;
  /**font-style: italic;**/
  letter-spacing:0.1em;
}

.iform{
  width: 185px;
  /*height: 90px;*/
  overflow: auto;
  font-size: 10px;
}

.iform_icon{
  width: 120px;
  padding: 5px;
  margin: 2px;
}

.iinfo{
  width: 100px;
  height: 65px;
  padding: 5px;
}

.iposts {
margin: 5px 8px 0px 8px;
    padding: 5px;
    background: var(--farbe4);
    float: left;
    font-size: 12px;
  font-weight: bold;
     border-radius: 5px;
    text-transform: lowercase;
}

.itheme{
     color: var(--farbe1);
margin: 5px 8px 0px 8px;
    padding: 5px;
    background: var(--farbe4);
    float: left;
    font-size: 12px;
  font-weight: bold;
     border-radius: 5px;
    text-transform: lowercase;
}

.ilastp {
  width: 140px;
  padding: 10px;
  margin: 5px;
}

/**Post Template**/
.pcontainer{
}

.pheader{
  width: 250px;
  float:left;
}

.pava{
  width: 240px;
  height: 200px;
  margin: 5px;
}

.picon{

}

.icongif{
	width: 100px;
  height: 100px;
  border: solid 3px var(--schrift);
  border-radius: 50%;
}

.pname{
    font-family: var(--mainfont);
    font-size: 20px;
    font-style: italic;
    letter-spacing: 0.1em;
    margin-left: 60px;
    border-bottom: solid 3px var(--farbe3);
    text-align: right;
    margin-top: 16px;
}

.pname a:link{
    color:var(--farbe3);
  font-size: 20px;
}

.pcharatext{
    height: 150px;
	border: 1px solid var(--farbe31);
    padding: 10px;
    margin-top: 10px;
    overflow: auto;
	text-align: justify;
}

.pinfo{
    font-size: 10px;
    background: var(--farbe21);
    text-align: center;
	padding:2px;
}

.pinfo2{
    text-align: center;
    margin: 20px 0px 10px 0px;
}

.ppost{
	min-height:650px;
  width: 820px;
  padding: 10px;
  float:left;  
}

.ppost_icons{
  width:10px;
  float:left;
	margin-right:20px;
	text-align:center;
}
..ppost_icons i {
	margin 2px 0px;
}

.ptext{
	background: var(--farbe11);
    width: 770px;
    padding: 10px;
    overflow: auto;
    margin-top: 25px;
	    text-align: justify;
    line-height: 1.9;
    font-size: 12px;
}

.psig{
  width: 590px;
  margin-top:50px;
}

.pt_container{
  width:500px;
  margin:auto;
  background: var(--base);
}

.pt_head{
  width:500px;
  height:200px;
  font-family:var(--mainfont);
  background: var(--farbe3);  
  font-size: 60px;
  text-align: center;
line-height: 190px;
}

.pt_text{
	border:1px solid var(--farbe31);
}

.pt_headline{
  font-family: var(--mainfont);
  font-size: 33px;
  text-align: center;
  color: var(--farbe3);
}

.p_down{
  height: 100px;
}

.p_down_info{
  width:218px;
  height:50px;
  padding:10px;
  float:left;
	margin-left:10px;
}

.p_down_question{
  color:var(--schrift1);
  text-align: right;
  border-bottom:2px solid var(--farbe3);
}

.p_down_awnser{
  font-family: var(--mainfont);
  font-size: 18px;
}

/**Profil Template**/
.prof_container{

}
.prof_header{
	height: 250px;
    margin-bottom: 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content:space-evenly;
  align-items: center;
}
.prof_header_box1{
  width: 250px;
}
.prof_header_box2{
  width: 250px;
  height: 200px; 
  background: var(--farbe21);
  padding: 10px; 
  overflow: auto;
}
.prof_header_icon1{
	    background: var(--base1);
    padding: 7px;
    margin: 5px 0px;
}
.prof_tab1 {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(3, auto);
grid-column-gap:10px;
grid-row-gap: 10px;
}

.prof_tab11 { grid-area: 1 / 1 / 3 / 2;background: var(--base1);
    padding: 10px; }
.prof_tab12 { grid-area: 1 / 2 / 2 / 3;background: var(--base1);
    padding: 10px; }
.prof_tab13 { grid-area: 2 / 2 / 3 / 3;background: var(--base1);
    padding: 10px; }
.prof_tab14 { grid-area: 3 / 1 / 4 / 3;background: var(--base1);
    padding: 10px; }
.prof_feld_unten{
	display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.prof_feld_unten1 { 
	grid-area: 1 / 1 / 2 / 2;
	margin: 5px;
    padding: 5px;
    width: 240px;
    height: 150px;
    background: var(--farbe21);
	overflow:auto;
}
.prof_feld_unten2 { 
	grid-area: 1 / 2 / 2 / 3; 
	margin: 5px;
    padding: 5px;
    width: 240px;
    height: 150px;
    background: var(--farbe21);
	overflow:auto;
}
.prof_feld_unten3 { 
	grid-area: 1 / 3 / 2 / 4; 	
	margin: 5px;
    padding: 5px;
    width: 240px;
    height: 150px;
    background: var(--farbe21);
	overflow:auto;
}
.prof_feld_unten4 { 
	grid-area: 1 / 4 / 2 / 5; 	
	margin: 5px;
    padding: 5px;
    width: 250px;
    height: 150px;
    background: var(--farbe21);
	overflow:auto;
}
.prof_feld_unten5 { grid-area: 2 / 1 / 3 / 2;    padding-top: 60px;}
.prof_feld_unten6 { grid-area: 2 / 2 / 3 / 5;padding-left: 100px;}
.prof_tab_hl{
	text-align: right;
    font-family: var(--mainfont);
    font-size: 26px;
    font-weight: 900;
    margin: 10px;
    color: var(--farbe31);
}
.prof_tab_hl4{
	text-align: right;
    font-family: var(--mainfont);
    font-size: 14px;
    margin: 10px;
    color: var(--farbe4);
}
.prof_tab_iconl{
	float:left;
	padding: 4px;
	width:44%;
	margin:5px 0px;
	background:var(--farbe2);
	font-family: var(--mainfont);
}

.prof_tab_iconr{
	float:left;
	padding: 5px;
	width:48%;
	margin:5px 0px;
	background:var(--farbe21);
	text-align: right;
	min-height: 13px;
}
.prof_tab_iconl2{
	height:100px;
	float:left;
	padding: 5px;
	width:43.5%;
	margin:5px 0px;
	background:var(--farbe2);
	font-family: var(--mainfont);
}

.prof_tab_iconr2{
	height:100px;
	float:left;
	padding: 5px;
	width:48%;
	margin:5px 0px;
	background:var(--farbe21);
	text-align: justify;
	overflow:auto;
}
.icon_profil {
    position: absolute;
    margin-top: 190px;
    margin-left: 40px;
}
.tabs {
  float:left;
  }
.ptabs ul {
  display:flex;
  justify-content:center;
  list-style:none;
  float: left;
}
.ptabs li {
    padding: 5px;
    margin: 0px 20px;
	font-family: var(--mainfont);
    font-size: 20px;
    font-weight: 900;
    border-bottom: 3px solid var(--farbe4);
}
.ptabs li:hover {
}
.ptabs a {
  text-decoration:none;
}
.ptabs a:hover {
}
.ptabcontent {
	width: 1080px;
  padding:10px;
  float: left;
	margin-bottom:20px;
	background:var(--farbe31);
}
/**Memberlist Template**/
.muser{  
  height: 165px; 
  background: var(--farbe11);
	margin-bottom: 5px;
	padding: 5px;
}

.muser_ava{
  width: 180px;
  float: left;
}

.muser_info{
  width: 265px;
  float: left;
	text-align:center;
}
.muser_info2{
  width: 265px;
  float: left;
	text-align:center;
	margin-top:24px
}

.muser_icon{
	background:var(--farbe2);
	color:var(--base);
  height: 15px; 
  padding: 10px;
  margin: 5px;
}
.muser_icon a{
	color:var(--base);
}

.muser_text{
  width: 350px; 
  height: 135px;
		background:var(--farbe2);
	color:var(--base);
  float: left;
  margin: 5px;
  padding: 10px;
  overflow: auto;
}
.muser_text b{
	color:var(--farbe3);
}
.muser_text2{
	color: var(--farbe3);
}
/**Team Seite**/
.showteam{
  display:flex;
	width: 97%;
    display: flex;
    background: var(--farbe4);
    margin: 20px 10px;
    padding: 10px;
}
.showteam_bild{
  
}
.showteam_auf{
		width: 15%;
    padding: 10px;
    text-align: justify;
    height: 100px;
    overflow: auto;
    background: var(--farbe11);
    margin: 0px 8px;
  
}
.showteam_cont{
		width:15%;
    padding: 10px;
    text-align: justify;
    height: 100px;
    overflow: auto;
    background: var(--farbe11);
    margin: 0px 8px;
  
}
.showteam_txt{
	width: 40%;
    padding: 10px;
    text-align: justify;
    height: 100px;
    overflow: auto;
    background: var(--farbe11);
    margin: 0px 8px;
}
.showteam_hl{
position: absolute;
    font-family: var(--mainfont);
    font-size: 36px;
    font-style: italic;
    font-weight: 900;
    color: var(--farbe1);
    text-shadow: 4px 2px var(--schrift);
    margin-left: 20px;
    margin-top: -25px;
}
.showteam_sl{
	background:var(--base);
	padding: 5px;
    margin: 5px 0px;
}

/**Schriften**/
.headline1{
	color: var(--farbe4);
    letter-spacing: .1em;
    text-shadow: 2px 2px 0px var(--schrift), 2px 2px 0px rgb(0 0 0 / 20%);
    text-align: center;
    font-style: italic;
    font-size: 40px;
    font-family: var(--mainfont);
}
.h1{
	color: var(--farbe4);
    letter-spacing: .1em;
    text-shadow: 2px 2px 0px var(--schrift), 2px 2px 0px rgb(0 0 0 / 20%);
    text-align: center;
    font-style: italic;
    font-size: 40px;
    font-family: var(--mainfont);
}

.headline2{
	letter-spacing: -1px;
    text-shadow: -1px -1px 1px var(--farbe31), 2px 2px 1px var(--farbe11);
    font-family: var(--mainfont2);
    font-size: 25px;
    color: var(--farbe3);
    font-weight: bold;
    text-transform: lowercase;
}
.info_headline21{
	font-family: var(--mainfont2);
    font-size: 40px;
    background: var(--farbe31);
    text-align: right;
    color: var(--farbe4);
}
.h2{
	letter-spacing: -1px;
    text-shadow: -1px -1px 1px var(--farbe31), 2px 2px 1px var(--farbe11);
    font-family: var(--mainfont2);
    font-size: 25px;
    color: var(--farbe3);
    font-weight: bold;
    text-transform: lowercase;
}
.headline3{
	letter-spacing: 1px;
    font-weight: bold;
    font-size: 25px;
    color: var(--farbe2);
    text-transform: lowercase;
}
.h3{
	letter-spacing: 1px;
    font-weight: bold;
    font-size: 25px;
    color: var(--farbe2);
    text-transform: lowercase;
}
.headline4{
    font-weight: bold;
    font-size: 18px;
    color: var(--farbe2);
}
/**Inplaytracker**/
.ipbit{
	background: var(--farbe21);
    margin: 5px;
    padding: 10px;
}
.ipdate{
	font-size:12px;
	font-family:var(--mainfont);
	font-weight:900;
}
.ipscene{
	font-size:14px;
	padding: 10px;
	text-align:center;
}
.ipscenedesc{
	font-size:8px;
	text-align:justify;
}

/**Footer**/
#footer{
background: var(--farbe1);
    border-radius: 5px;
}

#footer a:link {
color: var(--farbe4);
}

#footer b {
color: var(--farbe3);
}

.footer_title {
  width: 100%; /* Ganze Länge */
 font-family: var(--mainfont2);
    font-size: 40px;
    text-align: right;
  margin-left: -30px;
  color: var(--farbe4);
}

.statistik {
display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(5, auto);
grid-column-gap: 2px;
grid-row-gap: 2px;
}

.statistik1 { 
	grid-area: 1 / 1 / 3 / 3;
	background: var(--base1);
    margin: 5px;
    padding: 10px
}
.statistik2 { 
	grid-area: 1 / 3 / 2 / 5;
	background: var(--base1);
    margin: 5px;
    padding: 10px 
}
.statistik3 { 
	grid-area: 2 / 3 / 4 / 4;
	background: var(--base1);
    margin: 5px;
    padding: 10px
}
.statistik4 { 
	grid-area: 2 / 4 / 3 / 5;
	background: var(--base1);
    margin: 5px;
    padding: 10px;
	text-align: center;
}
.statistik5 { 
	grid-area: 3 / 4 / 4 / 5;
	background: var(--base1);
    margin: 5px;
    padding: 10px
}
.statistik6 { 
	grid-area: 3 / 1/ 6 / 2;
	background: var(--base1);
    margin: 5px;
	padding:10px;
	width:250px;
}
.statistik7 { 
	grid-area: 3 / 2 / 6 / 3;
	background: var(--base1);
    margin: 5px;
    padding: 10px;
	width:250px;
}
.statistik8 { 
	grid-area: 4 / 3 / 5 / 5;
	background: var(--base1);
    margin: 5px;
    padding: 10px;
}
.statistik9 { 
	grid-area: 5 / 3 / 6 / 5;
	background: var(--base1);
    margin: 5px;
    padding: 10px
}

.statistikhl{
	text-align: right;
    font-family: var(--mainfont);
    font-size: 16px;
    color: var(--farbe41);
}
.statistikicon{
text-align: center;
    background: var(--base);
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    color: var(--farbe2);
    width: 170px;
    float: left;
}
.statistikicon1{
	text-align: center;
    background: var(--base);
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    color: var(--farbe2);
    width: 105px;
    float: left;
}
.statistikicon2{
	text-align: center;
    background: var(--base);
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    color: var(--farbe2);
    width: 110px;
    float: left;
}

.footer_end{
	width: 1100px;
    margin: auto;
}
.footer_end2{
}
.footer_box_hl{
	font-family: var(--mainfont);
    font-size: 22px;
    text-align: right;
    padding-bottom: 5px;
    color: var(--farbe1);
}
.footer_box{
	width: 31.5%;
    background: var(--farbe41);
    float: left;
    padding: 5px;
    margin: 5px;
    height: 100px;
	overflow: auto;
    font-size: 10px;
}

/**Regeln**/
#infos{
  background: var(--base);
  padding: 20px;  
  overflow: auto;
}

.infos_link{
  font-size: 33px;
}

.info_navi {
  width: 20%;
  float:left;
}

.info_icon{
	width: 170px;
    margin: 5px 8px 0px 8px;
    padding: 5px;
    background: var(--farbe4);
	color: var(--schrift);
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
}

.info_text{
  width: 75%;
  float:left;
  margin: 10px;
  padding: 10px;
  color: var(--farbe3);
  font-size: 12px;
}
.info_text2{
  margin: 15px;
  padding: 15px;
  color: var(--farbe3);
  font-size: 12px;
}

.info_headline{
   color: var(--farbe3);
    font-family: var(--mainfont);
    font-size: 30px;
  text-align: center;
	padding: 5px;
}

.info_headline2{
font-family: var(--mainfont2);
    font-size: 40px;
    text-align: right;
    margin-left: -30px;
    color: var(--farbe4);
}

.info_head{
  width: 100%;
  color: var(--farbe3);
  font-size: 12px;
  text-align:center;
  padding-bottom: 40px;
}

.info_fett{
	color: var(--farbe4);
	text-transform: capitalize;
    letter-spacing: 0.22em;
}

/**Pinterest**/
#pinterest-container { width: 800px; height: 490px !important;  overflow: auto !important; box-shadow: none !important; border: none !important;}

#pinterest-container::-webkit-scrollbar-corner {
  background: var(--base);
}

#pinterest-container::-webkit-scrollbar {
  width: 2.5px;
  background: var(--base);
}

#pinterest-container::-webkit-scrollbar-thumb {
  background: var(--base);
}

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important;
border: none !important;

}

#pinterest-container [class$=_col] {
  padding: 2px;
margin-top: 2px;
}

#pinterest-container [class$=_button] {
  display: none !important;
}

#pinterest-container [class$=_board] {
  box-shadow: none !important;
}

#pinterest-container span span {
  overflow: hidden !important;
  height: 70% !important;
    border: none !important;
    box-shadow: none !important;
}
/**UCP**/
.bcp {
display: grid;
grid-template-columns: repeat(5, auto);
grid-template-rows: repeat(4, auto);
grid-column-gap: 5px;
grid-row-gap: 5px;
	background: var(--farbe11);
    padding: 10px;
}

.bcp1 { grid-area: 1 / 1 / 2 / 2;background: var(--farbe41);
    padding: 10px; }
.bcp2 { grid-area: 2 / 1 / 4 / 2;line-height: 2em;
    padding: 5px;}
.bcp3 { grid-area: 1 / 2 / 3 / 3;    background: var(--farbe1);
    padding: 10px; width: 175px;}
.bcp4 { grid-area: 1 / 3 / 3 / 4;    background: var(--farbe1);
    padding: 10px; width: 175px;}
.bcp5 { grid-area: 1 / 4 / 3 / 5;    background: var(--farbe1);
    padding: 10px; width: 175px;}
.bcp6 { grid-area: 1 / 5 / 3 / 6;    background: var(--farbe1);
    padding: 10px; width: 175px;}
.bcp7 { grid-area: 3 / 2 / 5 / 3;    background: var(--farbe1);
    padding: 10px; }
.bcp8 { grid-area: 3 / 3 / 5 / 4;    background: var(--farbe1);
    padding: 10px; }
.bcp9 { grid-area: 3 / 4 / 5 / 5;    background: var(--farbe1);
    padding: 10px; }
.bcp10 { grid-area: 3 / 5 / 5 / 6;    background: var(--farbe1);
    padding: 10px; }
.bcp11 { grid-area: 4 / 1 / 5 / 2;font-family:var(--mainfont);font-size:14px;font-weight:900;}
.bcp2_hl{
	font-family:var(--mainfont);
	font-size:22px;
	text-align: right;
    color: var(--farbe4);
}
.reservations_index {
    background: var(--farbe3);
    margin: 5px;
    padding: 5px;
    text-align: center;
    color: var(--base);
}
.ship_list{
  width:310px;
  height: 220px;
}
.ship_ava{
  width: 140px;
  float:left;
  margin: 5px 5px 0px 5px;
}
.ship_ava2{
  margin-left: 15px;
}
.ship_text{
  float: left; 
  width: 140px;
  margin: 0px 5px 0px 5px;
}
.ship_icon{
  width: 100px;
  margin: 5px;
    padding: 5px;
    background: var(--farbe41);
    float: left;
    border-radius: 5px;
  text-align:center;
}

.relationhover {
width: 160px; /*Breite eures Avatars */
height: 90px; /* Höhe eures Avatars! immer mit dem Abstand zum oberen Rand */
opacity: 0.0; /*Transparenz des Avatars, sollte in dem Fall nicht geändert werden */
transition-duration: 0.6s; /* Geschwindigkeit eures Hovers */
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
background-color: var(--farbe3); /* Hintergrundfarbe */
color: var(--schrift); /* Schriftfarbe */
text-align: justify; /* Textposition */
padding: 0px; /* Textabstand zum Rand - Opera ignoriert den */
position: relative;
top: -93px; /* Abstand zum oberen Rand */
left: 0px; /* Abstand zur linken Seite */
margin-bottom: -300px; /* Abstand zum äußeren Rand */
overflow:auto;
}

.relationhover:hover {
opacity: 0.6 /*Transparenz eures Hovers*/
}
.relun{
font-size:10px;
}
.relun a{font-size:10px;}
.rel{width:160px;float:left;}
.relcon{width: 50%;
    height: 120px;
    overflow: auto;
    float: left;}

.gesuch_text{
margin: 5px;
        font-size: 12px;
    padding: 5px;
}

/*Header-News*/
.mc_box_News{}
.mc_item_News{
    margin: 5px;
    padding: 10px;
    background: var(--base1);
    color: var(--farbe3);
}
.News_date{}
/*Header-Plot*/
.mc_item_Plots{
	  margin: 5px;
    padding: 10px;
    background: var(--base1);
    color: var(--farbe3);
}
/*Gerüchte*/
.rumor{
	background:var(--farbe1);
	border-radius:5px;
	margin:5px;
	padding:5px;
	float:left;
	width: 31.5%;
	height: 90px;
}
.rumor_titel{
		font-family: var(--mainfont);
    text-transform: lowercase;
    font-size: 14px;
    text-align: center;
    padding-bottom: 5px;
}
.rumor_txt{
	font-size:10px;
	height:65px;
	overflow:auto;
}
/*Joblist*/
.jl {
    width: 48%;
    height: 200px;
    float: left;
    background-color: var(--base1);
    padding: 5px;
    margin: 5px;
	border-radius:5px;
	overflow:auto;
}
.jl_hl{
text-align: center;
    color: var(--farbe2);
    font-size: 15px;
    font-family: var(--mainfont);
}
.jl_sl{
text-align: right;
    margin: 5px;
    font-style: italic;
}
.jl_desc{}
.jl_mem{}
.jl_txt{
margin: 5px;
    padding: 5px;
    text-align: justify;
    height: 60px;
    overflow: auto;
    background: var(--base);
}
.jl_user{}
.jl_field{
	text-align:right;
}

/*Gesuchserweiterung und Übersicht*/
.wanted{
	background:var(--base);
	padding: 10px;
	font-size: 12px;
    text-align: justify;
	height: 150px;
    overflow: auto;
}
