@media screen {
    a {
        position: relative;
        --link-color1: var(--ktp-blue);
        --link-hover-color1: var(--wildenau-green);
    }

    a,
    a:link {
        color: var(--link-color1);
        border-bottom: 1px solid;
        word-break: break-all;        
    }

    a .link-underline,
    .link-underline a {
        border-bottom: 1px solid !important;
    }

    a:visited {
        color: var(--link-visited-color1);
    }

    a:hover, a:active, a:focus {
        color: var(--link-hover-color1);
    }

    a:has(img),
    figure a,
    #header a {
        border-bottom: none !important;
    }

    a.nonclick {
        cursor: default;
    }

    /* NAVIGATION STYLES
    ---------------------*/
    a.sprunglink:link, a.sprunglink:visited {
        position: absolute;
        top: -10000px;
        left: -10000px;
    }

    a.sprunglink:hover, a.sprunglink:active, a.sprunglink:focus {
        top: 1rem;
        left: 33px;
        height: 1.5rem;
        background-color: #ddd;
    }

    #nav-section {
        display: none;
        user-select: none;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {


}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
}



/* Main top Navigation Desktop
--------------------*/
@media screen {
    .js #mainNavi {
        display: none;
    }

}

/* Main top Navigation ends
--------------------*/




/* Link-Button Query
--------------------*/
@media screen {
    body {
        --btn_bg: inherit;
        --btn_color: inherit;
        --btn_hover_bg: var(--wildenau-darkgrey);
        --btn_hover_color: #fff;
        --border_col: var(--btn_color);
        --border_hover_col: var(--btn_color);
    }

    button,
    input.link-button,
    .back a,
    a.link-button,
    .link-button a {
        cursor: pointer;
        display: inline-block;
        user-select: none;
        background: var(--btn_bg);
        color: var(--btn_color);
        padding: 0.75rem 1rem;
        border: 1px solid;
        border-color: var(--border_col);
        border-radius: 1.5rem;
        font-size: 1rem;
        line-height: 1.4;
        transition: var(--transition);
        margin-top: 0.5rem;
        font-style: normal;
        white-space: nowrap;
        bottom: 0;
        position: relative;
    }

    button:hover,
    input.link-button:hover,
    .back a:hover,
    a.link-button:hover,
    .link-button a:hover {
        background: var(--btn_hover_bg);
        color: var(--btn_hover_color);
        border-color: var(--border_hover_col);
    } 

    .back a {
        margin-top: 1.5rem;
    }

    a.link-button:after,
    .link-button a:after {
        font-family: "wildenau";
        content: "\e901";
        display: inline-block;
        position: relative;
        top: 1px;
        left: 3px;
    }

    .button-green {
        --btn_bg: var(--wildenau-blue);
        --btn_color: #fff;
        --btn_hover_color: #fff;
        --btn_hover_bg: var(--wildenau-darkblue);
        --border_col: var(--btn_bg);
        --border_hover_col: var(--btn_hover_bg);
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .back a,
    a.link-button,
    .link-button a {
        padding: 0.75rem 1.5rem;
        border-radius: 1.6rem;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Link-Button ends
--------------------*/



/* Quick Link Query
--------------------*/
@media screen {
    .quickLinks li {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
    }

    .quickLinks li:before {
        display: none;
    }

    .quickLinks li a {
        border: none !important;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Quick Link ends
--------------------*/