:root {
    --theme_a-bg: #F0F0F0;
    --theme_b-bg: #a39591;
    --theme_b-bg: #5A8AA0;
    --theme_c-bg: #C5C69E;
    --theme_d-bg: #E9B2A7;
    --theme_e-bg: #E1A75E; 
    --theme_a-color: #010101;
    --theme_b-color: #F0F0F0;
    --theme_c-color: #010101;
    --theme_d-color: #010101;
    --theme_e-color: #010101;
    --theme_a-svg-fill: var(--theme_a-color);
    --theme_b-svg-fill: var(--theme_b-color);
    --theme_c-svg-fill: var(--theme_c-color);
    --theme_d-svg-fill: var(--theme_d-color);
    --theme_e-svg-fill: var(--theme_e-color);
    
}

@font-face {
    font-family: projectFont;
    font-weight: medium;
    src: url("/assets/templates/dominik/fonts/CommonSans.otf") format("opentype");
}

*,
*::before,
*::after {
    position: relative;
    box-sizing: border-box;
}

html,
body {
    height: auto;
    width: 100%;
    font-family: projectFont, sans-serif;
}

body {
    margin: 0;
    width: 100%;
    padding-left:35px;
    padding-right:35px;
}

*:visited,
*:focus,
*:active {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

svg,
img {
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
    line-height: inherit;
    cursor: pointer;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    position: sticky;
    top: 0;
    z-index: 9;
    margin: 0 -35px;
    padding: 35px;
}

header>div {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

footer {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100vw;
    right: -100vw;
    transition:all .3s ease;


    /* align-items: center; */
}
footer.open_info {
    right: 0;
}

.footer_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:flex-start;
    padding-right:50px;
    z-index:10;
    height: 100vh;
}

.footer_wrap a {
    margin-bottom:50px;
}

/* footer {
    padding-top:35vh;
} */
.copyright {
    font-size:10px;
    position: absolute;
    right: 0;
    bottom:-19px;
}
.foot_info {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px;
    font-size: 40px;
    z-index:9;
}

footer * {
    font-size: 40px;
}

footer > div {
    /* margin-bottom:65px; */
    margin-left:50%;
}
footer > div:last-of-type {
    /* margin-bottom:35px; */
    /* width:58%; */
}

.gallery {
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    padding-top: 75px;
}

.gallery a {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 50px 50px;
    /* margin-bottom:100px; */
}
.gallery a + a {
    margin: 150px 50px;
}
.gallery a:nth-of-type(odd) {
    align-self:flex-start;
    max-width: 50%;
    display:flex;
}
.gallery a:nth-of-type(even) {
    max-width: 40%;
    align-self:flex-end;
    display:flex;
    align-items:flex-end;
}
.gallery a:nth-of-type(3) {
    margin-left:-35px;
}
.gallery a:nth-of-type(8) {
    margin-right:-35px;
}
.gallery a:last-of-type {
    margin-bottom:0;
}

.gallery a img {
    object-fit: cover;
    height: 65vh;
}

.gallery a span {
    font-size: 22px;
    margin-top: 15px;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
}

.gallery a:hover > span {
    opacity:1;
}
.pointer {
    cursor:pointer;
}
@media screen and (max-width:1600px) {
    footer * {
        font-size: 20px;
        word-wrap: break-word;
    }
/*     footer > div:last-of-type {
    width:100%;
} */
}
@media screen and (max-width:991px) {
    .footer_wrap {
        margin-left:0;
        padding-left:35px;
    }
}
@media screen and (max-width:768px) {
    header {
        padding-top:25px;
        flex-direction:column;
        align-items:flex-start;
    }
    header svg {
        max-width:200px;
    }
/*     header img {
    content:url('/assets/templates/dominik/svg/drp_full_mob_2.svg');
} */
    .gallery {
        padding-top: 25px;
    }
    .gallery a {
        max-width: 100%;
        width: 100%;
        margin-left:initial!important;
        margin-right:initial!important;
        margin: 35px 0;
        min-width:100%;
    }
    .gallery a img {
        min-width:100%;
        max-width:100%;
    }
    .foot_info {
        flex-direction: column;
        text-align:center;
        align-items:center;
    }
    .copyright {
        position:relative;
        right:auto;
        bottom:auto;
    }
}

/* @media (hover: none) {
    .gallery a span {
        opacity: 1;
    }
} */

/* img {
    cursor: url('https://grandgothik.com/storage/images/mouse/parachute-cursor-black.png') 62.5 62.5,default;
} */

/* Fancybox */
.fancybox-stage {
    background-color:white;
}
.fancybox-navigation {
    height:100%;
}

.fancybox-caption {
    background-color: black;
    padding: 25px;
}
#goToTop {
    position: fixed;
    bottom: 150px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity:0;
    transition: all .3s ease;
}

#goToTop.show {
    opacity:1;
}

#goToTop img {
    width: 50px;
}

.theme_a {
    background-color:var(--theme_a-bg);
    color:var(--theme_a-color);
}
.theme_b {
    background-color:var(--theme_b-bg);
    color:var(--theme_b-color);
}
.theme_c {
    background-color:var(--theme_c-bg);
    color:var(--theme_c-color);
}
.theme_d {
    background-color:var(--theme_d-bg);
    color:var(--theme_d-color);
}
.theme_e {
    background-color:var(--theme_e-bg);
    color:var(--theme_e-color);
}

.theme_a svg {
    fill:var(--theme_a-svg-fill);
}
.theme_b svg {
    fill:var(--theme_b-svg-fill);
}
.theme_c svg {
    fill:var(--theme_c-svg-fill);
}
.theme_d svg {
    fill:var(--theme_d-svg-fill);
}
.theme_e svg {
    fill:var(--theme_e-svg-fill);
}
.theme_a header {
    background-image: linear-gradient(to top, transparent, #F0F0F0);
}

.theme_b header {
    background-image: linear-gradient(to top, transparent, #5A8AA0);
}

.theme_c header {
    background-image: linear-gradient(to top, transparent, #C5C69E);
}

.theme_d header {
    background-image: linear-gradient(to top, transparent, #E9B2A7);
}
.theme_e header {
    background-image: linear-gradient(to top, transparent, #E1A75E);
}

.theme_a footer {
    background-color: #F0F0F0;
    /* background-color: rgb(251 16 16 / 70%); */
    opacity:0.7;
}

.theme_b footer {
    background-color: #5A8AA0;
    /* background-color: rgb(251 16 16 / 70%); */
    opacity:0.7;
}

footer,
.theme_c footer {
    background-color: #C5C69E;
    /* background-color: rgb(251 16 16 / 70%); */
    opacity:0.7;
}

.theme_d footer {
    background-color: #E9B2A7;
    /* background-color: rgb(251 16 16 / 70%); */
    opacity:0.7;
}
.theme_e footer {
    background-color: #E1A75E;
    /* background-color: rgb(251 16 16 / 70%); */
    opacity:0.7;
}