@import "../lib/bootstrap/5.3.3/bootstrap.min.css";

@import "https://font.nicdn.de/roboto.css";
@import "https://font.nicdn.de/ibarra-real-nova.css";
@import "https://font.nicdn.de/roboto.css";

/* ------------------------------------------------------------------------------------------------------------------ */
@import "https://font.nicdn.de/cf43.css?v1.2";
/* ------------------------------------------------------------------------------------------------------------------ */

@import "https://lib.nicdn.de/fa/6.4.0/css/all.min.css?v1.0";

@import "set/root.incl.css?v=0.1";

@import "set/layout.incl.css?v=0.1";
@import "set/card.incl.css?v=1.3";
@import "set/bg_gradient.incl.css?v=0.10";
@import "set/text-format.incl.css?v=0.1";

@import "set/navigation.incl.css?v=1.12";
@import "set/loader.incl.css?v=1.1";

body {
    font-family: "Roboto", 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-optical-sizing: auto;
}

:root {
    --psw-backgound-color-rgb: 255, 255, 255;
    --color-content: #000000;
}

[data-bs-theme=dark] {
    --psw-backgound-color-rgb: 0, 0, 0;
    --color-content: #FFFFFF;
}

/* ------------------------ BODY */
html,
body {
    height:100%;
}



/* ------------------------ Galerie ------------------------ */
.shadow-sm {
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.12)!important;
}
.header-full-size {
    min-height: calc(100vh - 100px);
}

/* ---- BEGIN Fotos
.pswp__container,
.pswp__img {
    margin-top:0px !important;
}
*/
.lg-on body {
    overflow: hidden;
}



/* ------------------------ */
.brand {
    font-family: "cf43";
    font-size: 70px;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.brand a {
    color: var(--color-content);
    text-decoration:none;
}


/* ------------------------ */
.lg-progress-bar .lg-progress {
    background-color: #737373 !important;
}
.lg-outer .lg-object {
    height: calc(100% - 5px) !important;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/*
aspect-ratio > 1: Querformat (Breite größer als Höhe, z. B. 16:9).
aspect-ratio <= 1: Hochformat oder quadratisch (Höhe größer oder gleich Breite, z. B. 9:16 oder 1:1).
*/
@media (aspect-ratio > 1) {
    .lg-outer .lg-content {
        top:3px !important;
    }
}

.lg-counter,
.lg-toolbar button {
    background-color:rgba(0,0,0, 0.8) !important;
}
.lg-counter {
    padding-right:20px !important;
}