/*Fonts*/

@font-face {
  font-family: BigNoodleTitling;
	src: url(../../../images/hope/fonts/big_noodle_titling.ttf) format("TrueType");}

@font-face {
  font-family: 'UnifrakturMaguntia', cursive;
	src: url(../../../images/hope/fonts/UnifrakturMaguntia-Regular.ttf) format("TrueType");}

@import url(https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap);

.thdlslback{width: 550px;
height: auto;
padding:10px;
background-color:#585f5a;}

.thdlheadline1{font-family: BigNoodleTitling;
text-align:center;
text-transform:uppercase;
color: #81b487;
font-size:15pt;}

.thdlboxmain{width:540px;
height: 269px;
margin-bottom: 5px;}

.thdlbox1{width:205px;
height: 240px;
padding: 5px;
overflow:auto;
font-family:'Anaheim', sans-serif;
color: #d0d8dc;
font-size:11pt;
text-align:justify;
float:left;}

.thdlbox1::-webkit-scrollbar {
background-color: #474740;
border: 1px solid #474740;
width: 5px;
}

.thdlbox1::-webkit-scrollbar-thumb {
    background-color: #7a9577 !important;
}

.thdlbox2{width: 320px;
height: 258px;
overflow:auto;
font-family:'Anaheim', sans-serif;
color: #d0d8dc;
font-size:11pt;
text-align:justify;
float:right;}

.thdlbox2::-webkit-scrollbar {
background-color: #474740;
border: 1px solid #474740;
width: 5px;}

.thdlbox3::-webkit-scrollbar-thumb {
background-color: #7a9577 !important;
}

.thdlbox3{width:520px;
height:300px;
padding:5px;
margin:5px;
overflow:auto;
font-family:'Anaheim', sans-serif;
color: #d0d8dc;
font-size:11pt;
text-align:justify;}

.thdlbox3::-webkit-scrollbar {
background-color: #474740;
border: 1px solid #474740;
width: 4px;}

.thdlbox3::-webkit-scrollbar-thumb {
background-color: #7a9577 !important;}

.thdlbox1 li{list-style:none;
	width: 180px;
    margin: 2px;
    font-size: 9.5pt;
    line-height: 20px;
    text-align: left;
    color: #d0d8dc;
    border-bottom:1px solid #d0d8dc;
    border-left:1px solid #d0d8dc;
    padding:3px;}
	
/*Links*/

.thdlbox4{width: 540px;
display:block;
text-align:center;}

.thdlbox4 a{font-family: BigNoodleTitling;
font-size:15pt;
color: #7f9e7c;
border:1px solid #7f9e7c;
text-decoration:none;
padding: 5px;
margin:2px;
text-align:center;
width: 115px;}

.thdlbox4 a:hover{font-family: BigNoodleTitling;
font-size:15pt;
color: #585f5a;
background-color: #7f9e7c;
text-decoration:none;
padding: 5px;
margin:2px;
text-align:center;
width:115px;}

/*Zeitungsartikel*/

.storyzeitback{background-image:url(https://hope-rpg.de/images/storyline/storyzeit1.png);height: 247px;width: 310px;}

.storyzeithead{
color: #000;
text-align:center;
font-size:20pt;
font-family: 'UnifrakturMaguntia', cursive;
border-bottom:1px solid #000;
display:block;
margin:5px 10px;
padding-top:10px;
}

.storyzeithead2{color: #000;
text-align:center;
font-size:13pt;
font-family: 'UnifrakturMaguntia', cursive;
display:block;}

.storyzeitsub{
font-family: 'Anaheim', sans-serif;
font-size:8pt;
text-align:right;
text-transform:uppercase;
color:#000;
padding-right:20px;
}

.storyzeittext{font-family: 'Anaheim', sans-serif;
font-size:10pt;
color:#000;
text-align:justify;
width: 283px;
height: 135px;
overflow:auto;
padding:5px;
margin:5px 10px;}

.storyzeittext::-webkit-scrollbar {
background-color: #f4e9cb;
border:1px solid #f4e9cb;;
  width: 3px;}

.storyzeittext::-webkit-scrollbar-thumb {
    background-color: #ceae71 !important;}