﻿
mark {
    background-color: yellow;
}


html, body { /* wichtig für sticky-footer .. inkl. flex:1 bei pagewrap */
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
/*    padding: 0;*/
}
body {
    padding-top: 4.0rem;    
}
.gwInnerContent {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 100%;
    height: 100%;
}

.gwInnerForm {
    min-height: 100%;
    height: 100%;
}
@media (max-width: 1000px) {
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .dxbs-fl > .row > div:not(:last-child) {
        padding: 0px 5px 0px 5px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .form-group {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .dxgvADCC {
        padding: 0px 50px 0px 0px !important;
        margin: 0px 50px 0px 0px !important;
    }

    .dxgvADDC {
        padding: 0px 50px 0px 0px !important;
        margin: 0px 50px 0px 0px !important;
    }
}
.page-wrap {
    /*min-height: 100%;*/
    /* equal to footer height */
    /*margin-bottom: -60px;*/
    flex: 1;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .site-footer, .page-wrap:after {
        /* .push must be the same height as footer */
        /* height: 68px; */
    }

.site-footer {
    background-color: #BCBCBC;
    margin: 0px 0px 0px 0px;
}

.gwBackground_old {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,c9c9c9+53,ff9900+59,ffffff+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,, #ffffff 0%, #c9c9c9 53%, #ff9900 59%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#c9c9c9), color-stop(59%,#ff9900), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#c9c9c9 53%,#ff9900 59%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(-45deg, #ffffff 0%,#c9c9c9 53%,#ff9900 59%,#ffffff 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#c9c9c9 53%,#ff9900 59%,#ffffff 100%); /* IE10 preview */
    background: linear-gradient(135deg, #ffffff 0%,#c9c9c9 53%,#ff9900 59%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;
}

.container-background {
    overflow: hidden;
    position: fixed;
    z-index: -1;
}

.sliding-background {
    background: url("../Content/img00004.jpg") repeat-x; /* 1 - 7 */
    background-size: 100%,100%;
    height: 100vh;
    width: 200vw;
    animation: slide-background 240s linear infinite;
    opacity: 0.2;
}

@keyframes slide-background {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-1692px, 0, 0);
    }
}

@keyframes gwglowing {
    0% {
        box-shadow: 0 0 -10px #c4a300;
    }

    40% {
        box-shadow: 0 0 20px #c4a300;
    }

    60% {
        box-shadow: 0 0 20px #c4a300;
    }

    100% {
        box-shadow: 0 0 -10px #c4a300;
    }
}

@keyframes gwglowingtxt {
    0% {
        text-shadow: 0px 0px -10px #000000;
    }

    40% {
        text-shadow: 0px 0px 20px #ff0000;
    }

    60% {
        text-shadow: 0px 0px 20px #ff0000;
    }

    100% {
        text-shadow: 0px 0px -10px #000000;
    }
}

.button-glow {
    animation: gwglowing 5000ms infinite;
}

.text-glow {
    animation: gwglowingtxt 5000ms infinite;
}

.shadedbox {
    transition: opacity 1s ease-out;
    background: rgb(255, 255, 255);
    opacity: 0.85;
}

    .shadedbox:hover {
        transition: opacity 1s ease-in;
        background: rgb(255, 255, 255);
        opacity: 1.0;
    }
#leafletmap {
    background: white;
    border-style: dashed;
    border-color: black;
    border-width: 1px;
    top: 0;
    width: 100%;
    height: 50vh;
}
#leafcontainer {
    top: 0;
    width: 100%;
    height: 50vh;
    position: -webkit-sticky;
    position: sticky !important;
}