html {
    font-size: 16px;
}

body {
    font-family: 'Domine', serif;
    font-weight: 200;
    max-width: 1000px;
    margin: 0 auto;
}


a, a:active, a:visited {
    /* color: #094074; */
    color: gray;
    text-decoration: underline;
    text-decoration-style: dotted;
    /* text-decoration: none; */
}

a:hover {
    color: black;
    text-decoration: underline;
}



header {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    color: gray;
    margin-top: 4em;
}

#languageselector{
    margin-top: 0.5em;
    font-size: 1.5em;
    font-weight: 500;
    color: rgb(60, 105, 151); 
}

#languageselector a {
    color: rgb(60, 105, 151);
    /* text-decoration: none; */
}

#languageselector a:hover {
    color: black;
    /* text-decoration: none; */
}

h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
}

h1 {
    margin-top: 0em;
}


h2 {
    font-weight: 500;
    position: relative;
    left: -1em;
}

h2 img {
    float: left;
    height: 1em;
}

h2 span {
    position: relative;
    top: -0.15em;
}

/* h2 { */
/*     font-weight: 500; */
/* } */

/* h2 img { */
/*     height: 1em; */
/*     position: relative; */
/*     left: -1.1em; */
/*     top: 0.15em; */
/* } */

/* h2 span { */
/*     position: relative; */
/*     left: -1.1em; */
/* } */

/* h2 div { */
/*     position: relative; */
/*     left: -1.1em; */
/*     display: inline-block; */
/* } */

.sankeyblock {
    text-align: center;
}

.nodetext, .nodetextlarge, .nodetextsmall {
    font-family: 'Roboto';
    fill: gray;
}

.nodetext {
    font-weight: 500;
}

.nodetextlarge {
    font-weight: 500;
    font-size: 0.8em;
}

.nodetextsmall {
    font-weight: 500;
    font-size: 0.5em;
}

.touchtext {
    font-size: 0.8em;
    font-family: 'Roboto';
    fill: gray;
    font-weight: 700;
}

.countrycolumn {
    width: 8%;
    text-align: right;
    padding-right: 1em;
}

.domain {
    stroke: gray;
}

.tick line {
    stroke: gray;
}

.tick text {
    font-family: 'Roboto';
    fill: gray;
    font-weight: 500;
}

#quotarental .tick text {
    font-size: 0.9em;
}

#actualrental .tick text {
    font-size: 0.9em;
}

#fullquotarental .tick text {
    font-size: 0.9em;
}

#fullquotarental .tick text {
    font-size: 0.9em;
}

.legend {
    font-family: 'Roboto';
    fill: gray;
    font-size: 0.7em;
}

p {
    line-height: 1.4;
    font-size: 1rem;
    text-align: justify;
}

p b {
    font-weight: 700;
}

li strong {
    font-weight: 700;
}
.caption {
    font-family: 'Roboto';
    font-weight: 500;
    margin-top: 0.2em;
    font-size: 0.8em;
}

.contentelement {
    line-height: 1.4;
    font-size: 1rem;
    text-align: justify;
}

.contentelement b {
    font-weight: 700;
}

.imagebox {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 0.8em;
}

.imagebox img {
    width: 100%;
}

.copyright {
    color: gray;
}

.logo {
    text-align: center;
}

svg {
    width: 100%;
}

.control {
    text-align: center;
    font-family: 'Roboto';
}

#yearvalue, #baryearvalue, .slidervalue {
    font-size: 2em;
}

.baryear {
    margin-bottom: 2em;
}

#figurefootnote {
    font-size: 0.8em;
    color: gray;
}

.pietext {
    font-weight: 500;
    font-size: 0.65em;
    font-family: 'Roboto';
    fill: gray;
}

.pietitle {
    font-weight: 500;
    font-size: 0.65em;
    font-family: 'Roboto';
    fill: black;
}

.slices {
    stroke: white;
    stroke-width: 2px;
}

polyline{
	stroke: lightgray;
	stroke-width: 2px;
	fill: none;
}

.slider {
  -webkit-appearance: none;
  width: 80%;
  margin-top: 1em;
  height: 15px;
  border-radius: 5px;  
  background: lightgray;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: gray;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: gray;
  cursor: pointer;
}

.inf {
    fill: #FFDD4A;
}


footer {
    margin-top: 4em;
    padding: 1em;
    font-family: 'Roboto';
    background-color: darkgray;
    color: white;
    font-size: 0.8em;
}

footer div {
    margin-bottom: 0.5em;
}

footer a, footer a:active, footer a:visited {
    color: white;
    text-decoration: underline;
    text-decoration-style: dotted;
}

footer a:hover {
    text-decoration-style: solid;
    text-decoration: underline;
}

footer b {
    font-size: 1.2em;
}

#background{
    position:absolute;
    top: 15em;
    z-index:-500;
    display:block;
    width: 100%;
    max-width: 1000px;
}

#background svg {
    font-size: 4em;
}