a {
    color: coral;
    text-decoration: none;
}

h1, h3, h4 {
    font-family: Helvetica, sans-serif;
    color: coral;
    text-decoration: none;
}

.maintext {
    margin: 2em;
    font-family: Helvetica, sans-serif;
}

li {
    margin-bottom: 0.75em;
}

.content {
    display: none; 
    list-style-type: none;
    margin-top: 0.5em;
}

.toggle {
    cursor: pointer;
    color: coral;
    text-decoration: none;
}

body {
    margin-top: 5px;
}

circle {
    opacity: 0.5;
}

.tick line {
    stroke: #C0C0BB;
}

.label {
    font-size: 1.5em;
    fill: rgb(67, 83, 95);
}

.regionsonmap:hover {
    opacity: 0.5; 
    cursor: pointer;
}



#container_scatterplot {
    float: left;
}

#container_map {
    float: left;
}

div.tooltip {	
    position: absolute;			
    text-align: left;
    font-weight: bolder;			
    width: 200px;					
    height: 100px;					
    padding: 2px;
    margin-left: 2em;				
    font: 15px sans-serif;		
    background: none; 
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
}

/* Mobile-Ansicht */
@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr;
    }
}

.shorts {
    padding-top: 5em;
}