body {
    font-family: 'Playfair Display', sans-serif;
}

#mygallery img {
    min-width: 100%;
    width: 100%;
}


.fotografie{
    padding-top: 3rem;
    font-family: 'Lato';
    color: black;
    font-weight: 100;
    letter-spacing: 5px;
    font-size: 20px;
    text-align: center;
}


a:active{
    color: gray;
}


.first-title {
    /*margin-top: 25px;*/
    /*margin-bottom: 20px;*/
    /*background-color: #F8F8F8;*/
    /*!*font-family: "Abyssinica SIL";*!*/
    /*font-family: 'Playfair Display', sans-serif;*/


}

.bg-light {
    --bs-bg-opacity: 0;
}

header {
    background-color: #F8F8F8;

}
header h2 {
    /*margin-top: 3rem;*/
    padding-top: 1.5rem;
}

.text-lg-center {


}

.nav-item a {
    font-family: 'Playfair Display', sans-serif;
}

.navbar > .container-fluid {
    justify-content: center;
    margin-bottom: 25px;
    font-family: "serif";
    font-style: italic;


}

.container-fluid {
    --bs-gutter-x: 0rem !important;
}


.navbar-nav {
    column-gap: 40px;
    text-align: center;
}

.navbar-toggler {
    position: absolute;
    right: 20px;
    top: -80px;
}

.form-control {
    width: fit-content;
    margin-left: 30px;
    border-color: rgb(197 136 136);
}

.btn-outline-success {
    --bs-btn-color: #C58888FF;
    --bs-btn-border-color: #C58888FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C58888FF;
    --bs-btn-hover-border-color: #C58888FF;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C58888FF;
    --bs-btn-active-border-color: #C58888FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C58888FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C58888FF;
    --bs-gradient: none;
    font-family: "Abyssinica SIL";
}

.btn-outline-secondary {
    --bs-btn-color: #C58888FF;
    --bs-btn-border-color: #C58888FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C58888FF;
    --bs-btn-hover-border-color: #C58888FF;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C58888FF;
    --bs-btn-active-border-color: #C58888FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C58888FF;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C58888FF;
    --bs-gradient: none;
}

/*.d-flex {*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*}*/

.bg-custom {
    background: #0a53be;
}


/*Home*/

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(550px, 0fr));
    grid-gap: 10px;
    align-items: stretch;
    overflow: hidden;
    max-width: 100%;
}

.grid img {

    max-width: 100%;
    object-fit: cover;
    object-position: 50%;
    height: 550px;
    width: 550px;
    overflow: hidden;
}

.fadein{
    overflow: hidden;
    /*transition: all 3s ease-in-out;*/
}


.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: transform 3s ease;
    -moz-transition: transform 3s ease;
    -o-transition: transform 3s ease;
    transition: transform 3s ease;
}

.fadein img {
    opacity: 1;
    transform: scale(1);
    transition: all ease-in-out 3s;
}

.fadein img:hover {
    opacity: 0.5;
    transform: scale(1.1);
    transition: all 2s ease-in;
}

h1 {
    /*background-color: #F8F8F8;*/
    text-align: center;
    font-family: 'Playfair Display', sans-serif;
    font-style: italic;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 2rem;
    margin-bottom: 2rem;
}


h2.logo {
    font-family: 'Playfair Display', sans-serif;
    text-transform: uppercase;
    background-color: #F8F8F8;
    text-align: center;
    font-weight: 300;
    padding-top:0;
}


h6 {
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    color: gray !important;
    font-weight: lighter;

}


footer a {
    text-align: center;
    text-decoration: none !important;
    color: black !important;
    font-weight: lighter;
}