@import url('fonts/Oswald-VariableFont_wght.ttf');
@import url('https://goldene-nadel-huenfeld.de/fonts/Oswald-VariableFont_wght.ttf');

@font-face {
    font-family: "Oswald";
    src:
            local("Oswald"),
            url("fonts/Oswald-VariableFont_wght.ttf") format("opentype")
}

@font-face {
    font-family: "Oswald";
    src:
            local("Oswald"),
            url("https://goldene-nadel-huenfeld.de/fonts/Oswald-VariableFont_wght.ttf") format("opentype")
}


.page-wrapper{
    width: 100%;
    min-height: 100vh;
    background-image: url("img/goldbg.jpg");
    background-size: 140%;
    padding-top: 5rem;
	padding-bottom: 5rem;
    font-family: 'Oswald', sans-serif;
}

.page-wrapper a{
    color: #2f2f2f;
    text-decoration: none;
    font-size: 1.2rem;
}

.page-wrapper .text-container{
    margin-top: 2rem;
}

/*linktree*/
.links-logo img{
    width: 100%;
    padding-top: 4rem;
}

.btn-link, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background-color: #000;
    text-decoration: none;
    color: #fff;
    border-radius: 1px;
    padding: 0.5rem 0.5rem;
    width: 100%;
    display: block;
    margin-bottom: 0.7rem;
    font-weight: 300;
    text-transform: uppercase;
}

.btn-link:hover, .btn-check:checked+.btn:hover, .btn.active:hover, .btn.show:hover, .btn:first-child:active:hover, :not(.btn-check)+.btn:active:hover{
    background-color: #2f2f2f;
    color: #fff;
}

.btn-link a{
    text-decoration: none !important;
    color: #fff;
}

.linktree p{
    font-size: 1.6rem;
    font-weight: 300;
}

.imprint-links{
    padding-top: 10rem;
    display: block;
    width: 100%;
}

.imprint-links .links{
    display: inline-block;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width:890px){
    .page-wrapper{
        min-height: 100vh;
        background-image: url("img/goldbg.jpg");
        background-size: cover;
        width: fit-content;
    }
}