:root,
[data-bs-theme=light] {
    --bs-font-sans-serif: "Roboto Condensed", Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: 0;
    --bs-body-font-size: 1.25rem;
}

/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url("/css/fonts/roboto-condensed-v27-latin-regular.woff2") format('woff2');
/*  src: url('/fonts/roboto-condensed-v27-latin-regularx.woff2') format('woff2'); */
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-600 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 600;
    src: url("/css/fonts/roboto-condensed-v27-latin-600.woff2") format('woff2');
/*  src: url('/fonts/roboto-condensed-v27-latin-600.woff2') format('woff2'); */
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url("/css/fonts/roboto-condensed-v27-latin-700.woff2") format('woff2');
/*  src: url('/fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); */
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* font styles */
h1,
.h1 {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-heading-color);
    padding-bottom: 0.5rem;
    background-image: url('../images/layout/line-headline.svg');
    background-position: left 0 bottom 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1400px) {
    h1,
    .h1 {
        font-size: 3.75rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
        margin: 2rem 0 3rem 0;
    }

    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

@media (min-width: 2000px) {
    h1,
    .h1 {
        font-size: 6rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
        margin: 2rem 0 3rem 0;
    }

    h3,
    .h3 {
        font-size: 2rem;
    }
}

.content-text-box p {
	font-size: .875rem;
}

@media (min-width: 1200px) {
    .content-text-box p {
        font-size: 1.0rem;
    }
}

@media (min-width: 1400px) {
    .content-text-box p {
        font-size: 1.125rem;
    }
}

@media (min-width: 2000px) {
    .content-text-box p {
        font-size: 1.25rem;
    }
}

.content-text-box a {
	color:#00ff00;
}
.content-text-box a:hover {
	color:#ffffff;
	background-color:#00ff00;
}

/* START navi font styles *************** */
.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.navbar-nav .nav-link.active {
    color: #a0c81e;
}

.nav-link {
    font-weight: 600;
    padding-left: 0;
    color: #ffffff;
}

.list-contact {
    list-style: none;
    padding-left: 0;
}

@media (min-width: 992px) {
    .nav-link {
        padding-left: 0;
        font-size: 1.5rem;
    }
    .nav-link.small {
        font-size: 1rem;
        line-height: 1;
    }
    .list-contact .nav-link {
        font-size: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .nav-link {
        font-size: 2.25rem;
    }

    .nav-link.small {
        font-size: 1.125rem;
    }

    .list-contact .nav-link {
        font-size: 1.5rem;
    }
}

@media (min-width: 2000px) {
    .nav-link {
        font-size: 3rem;
    }

    .nav-link.small {
        font-size: 1.25rem;
    }

    .list-contact .nav-link {
        font-size: 2rem;
    }
}
/* navi mobile */
.navbar {
	padding:0;
}

/* END navi font styles *************** */
/* END font styles */
/* common layout styles */
body {
    color: #ffffff;
    background: #000000;
/* old style with grey - black gradient
    background: rgb(40,40,40);
    background: linear-gradient(90deg, rgba(40,40,40,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%);*/
}

.bg-green {
    background-color: #a0c81e;
}

.bg-black {
    background-color: #000000;
}

.container-content {
}

.container-navi {
}

.container-text {
}

.container-images {
}

.welcome .container-images {
    margin-top: 0;
}

.content-text-box {
	padding: 1.5rem 1rem 1.5rem 1rem;
}
.box-bgr-text {
	overflow: hidden !important;
}
.box-bgr-txt img {
	height: 94vh;
	width: auto;
}

@media (min-width: 1200px) {
    .container-content {
        padding-top: -2rem;
    }

    .container-navi {
        margin-top: 5vh;
    }

    .container-text {
        margin-top: 6vh;
    }

    .container-images {
        margin-top: 6vh;
    }

    .content-text-box {
        padding: 2rem 2rem 2rem 2rem;
    }

    .box-navi ul {
        margin: 2rem 0 1rem 0;
    }

    ul.list-contact {
        margin: 2rem 0 1rem 0;
    }
}

@media (min-width: 1400px) {
    .container-content {
    }

    .container-navi {
        margin-top: 10vh;
    }

    .container-text {
        margin-top: 10vh;
    }

    .container-images {
        margin-top: 10vh;
    }

    .content-text-box {
        padding: 2rem 3rem 2rem 2rem;
    }
}

@media (min-width: 2400px) {
    .container-content {
    }

    .container-navi {
        margin-top: 8vh;
    }

    .container-text {
        margin-top: 8vh;
    }

    .container-images {
        margin-top: 8vh;
    }

    .content-text-box {
        padding: 2rem 6rem 2rem 4rem;
    }

    .col-box-navi {
        max-width: 55%;
    }
}

.box-image {
    z-index: 100;
}

.box-corner {
    z-index: 10;
    margin-top: -1.5vw;
    margin-right: -1.5vw;
    top: 0;
    right: 0;
    background-image: url('../images/layout/corner-green_top-right.svg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}

.box-bgr-txt img {
    position: relative;
    display: block;
    right: -1.5vw;
}

/* END common layout styles */
/* START slider styles */
.carousel-control-prev-icon, .carousel-control-next-icon {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 70% 70%;
	background-color: rgba(0,0,0,0.8);
	border-radius:50%;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 24px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

/* END slider styles */