:root {
    --red:#ca3333;
    --blue:#0066ca;
    --gray:#e0e0e0;
    --color-body:#000;
    --color-bckg:#fff;
	--green:#578385;
}

/*
html, body {
    outline:0;
    margin:0;
}

body {
    padding:2rem;
    font-family: Verdana;
    font-size: 1.4rem;
    line-height: 2.1rem;
}

h1 {
    font-size: 2rem;
    line-height: 2.3rem;
    color:var(--blue)
}



h2 {
    font-size: 1.8rem;
    line-height: 2rem;
    color:var(--blue);
    margin-bottom:1rem;
}


.container {
    max-width:1761px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; 
    position:relative     
}


#intro { 
    margin-bottom:30px
}

*/
#term-box {
    position:relative
}

#term-close {
    position:absolute;
    right:10px;
    top:10px;
    color:#000;
}



#text-box {
    position:absolute;
    width:600px;
    top:0px;
    left:50px;
	z-index:100
}

#term-nr-box {
    border:3px solid #000;
    height:40px;
    width:40px;
    line-height:40px;
    background-color:transparent;
    border-radius:50%;
    margin-right:10px
}

#title-box {
    background-color: var(--green);
    color:#000;
    padding:15px 20px;
    border-radius:10px 10px 0px 0px;
	line-height:40px !important
}

#term-nr {
    font-weight:700;
	color:#000
}

#term-title {
   	color:#000;
    line-height:40px
}

#term-txt {
    background-color:#413f39;
    padding:15px 20px 0px;
    color:#fff;
    height:260px;
    overflow:auto
   
}



#term-picts-block-inner {
    padding: 15px 30px 0px;
    background-color: #413f39;
}

#term-picts-img {
    width:100%
}

#term-bottom {
    height:40px;
    border-radius: 0px 0px 10px 10px;
    background-color:#413f39;

}
 


#img-box {
   /* width:1144px;
    height:930px;*/
    background:url('/export/system/modules/ch.ethz.sed.ermch23/resources/course/img/eq_terms//Untergrundgrafik_final_bckg.svg') no-repeat;
    width:90%
}



.svg {
    stroke-width: 1px;
    fill: transparent;
    stroke: #1d1d1b;
    stroke-miterlimit: 10;
  }