html, body { height:100%; margin:0; padding:0; }
#map { height: 100%; display: none}

.progress {
    background-color: rgba(255,255,255,0.9); /* Black background with opacity */
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
    /*cursor: pointer; /* Add a pointer on hover */
    overflow-y: scroll;
    /* display: flex; */
    padding: 1em;
    justify-content: center;
    align-items: center;
    max-width:80ch;
    margin-left: auto;
    margin-right: auto;
}
.hidden {
    display: none !important;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress-text {
    color: #000000;
}
.progress {
    color: #000000;
}

.warning {
    color: #ff0000;
}



.leaflet-control a {
    cursor: pointer;
}

.konsumverbot {
    counter-reset: list;
}
.konsumverbot > li {
    list-style: none;
}
.konsumverbot > li:before {
    content: counter(list, decimal) ") ";
    counter-increment: list;
}


.pulsating {
    animation: 2s pulse infinite linear;
}
@keyframes pulse {
    0%,100% { opacity: 1 }
    50% { opacity: 0.5 }
}


/*** Liberapay **/
html > body .liberapay-btn {
    background-color: #f6c915;
    border-radius: 4px;
    color: #1a171b;
    display: inline-block;
    font-family: Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    padding: 5px 7px 3px;
    position: relative;
    text-decoration: none;
}
html > body .liberapay-btn:hover {
    background-color: #fbce1a;
}
.liberapay-btn > svg {
    position: absolute;
    left: 7px;
    top: 7px;
}
.liberapay-btn > span {
    margin-left: 19px;
}
/* liberapay ende */



/***
* Glow Animation
*/
.glow {
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}


.glow:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/***
* Glow Animation Ende
*/

/**
* gmm modal
*/
#gmm {
    max-width: 80ch;
}
#gmm div {
    display:flex;
    justify-content:center;
}
#gmm h2 {
    text-align:center;
}