@font-face { 
font-family: "Charmonman-rs"; 
src: url('fonts/Charmonman-Regular-subset.woff2') format('woff2'),
     url('fonts/Charmonman-Regular-subset.zopfli.woff') format('woff'),
     url('fonts/Charmonman-Regular-subset.ttf') format('truetype'); 
}


body {
    font-family: sans-serif;
    /*background: linear-gradient(to bottom, #EFFAB4, #FFC48C);*/
    /*background-color: #EAEEE3;*/
    /*background-color: #D7EDED;*/
    background-color: #FBF6DC;
}

.container {
    /*background: linear-gradient(to bottom, #FEDCD2, #BD2B3B);*/
    /*background: linear-gradient(to bottom, #FEDCD2, #F49A4C);*/
    background-color: #FEDCD2;
}


.hero {
    max-width: 100vw;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-bottom: 0;
    margin: 0;
}

.headlineh12 {
    
    font-family: 'Charmonman-rs', cursive;
    font-weight: bold;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.headline h1 {
    /*color: #F56991;*/
    /*color: #F5E947;*/
    color: #55131F;
    white-space: nowrap;
}

.headline h2 {
    /*color: #EFFAB4;*/
    /*color: #F0C044;*/
    color: #FBF6DC;
    white-space: nowrap;
    /*color: #F3574A;*/
    /* color: #FEF8E6; /*offwhite*/
    /*color: #8ac547; /*green*/
    /*color: #FEDCD2; /*pink*/
    /*color: #58560B; /*dark green*/
}

.introtext {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.introtext h2 {
    padding-bottom: 1rem;
}

.leadintro {
    padding-bottom: 1rem;
}

.quote {
    padding-bottom: 2rem;
}

.accordion {
    padding-bottom: 2rem;
}

#gallery {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.card {
    /*background: linear-gradient(to right, #FEDCD2, #FDAEAF);*/
    background-color: inherit;
    border-width: 0;
}

.card-body {
    background-color: rgba(255,255,255,0.1);
}

.blockquote {
    background-color: rgba(255,255,255,0.3);
}


a {
    color: #55131F;
}

.alert-secondary {
    background-color: #55131F;
}

.alert-link a {
    color: #FFF;
}

.btn-secondary {
    background-color: #55131F;   
}


.no-js .collapse {
    display: block;
}

/*
.card-body {
    background: linear-gradient(to right, #FEDCD2, #FDAEAF);
}
*/

@supports (-webkit-touch-callout: inherit) {
        .hero {
            background-attachment: scroll;
        }
}


/*// Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) { 

    .no-js .hero {
        background-image: url("../images/blumen_640.jpg");
    }

    .no-webp .hero {
        background-image: url("../images/blumen_640.jpg");
    }

    .webp .hero {
        background-image: url("../images/blumen_640.webp");
    }

    .headline h1 {
        font-size: 3rem;
    }

    .headline h2 {
        font-size: 2rem;
    }

 }

/*// Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) and (max-width: 991.98px) {

    .no-js .hero {
        background-image: url("../images/blumen_1024.jpg");
    }

    .no-webp .hero {
        background-image: url("../images/blumen_1024.jpg");
    }

    .webp .hero {
        background-image: url("../images/blumen_1024.webp");
    }

    .headline h1 {
        font-size: 4rem;
    }

    .headline h2 {
        font-size: 3rem;
    }
    

}


/*// Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) { 

    .no-js .hero {
        background-image: url("../images/blumen_1600.jpg");
    }

    .no-webp .hero {
        background-image: url("../images/blumen_1600.jpg");
    }

    .webp .hero {
        background-image: url("../images/blumen_1600.webp");
    }

    .headline h1 {
        font-size: 6rem;
    }

    .headline h2 {
        font-size: 4rem;
    }


 }