.page-header h1{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
color: white;
font-size: 3em;
}
p {
    margin-bottom: 0px;
  }
body {
    background-color: black;

}
.container-topbar, .container-below-top {
   display: flex;
   flex-direction: row;
   gap: 2em;
  }
  
.card {
    --card-bg: transparent;
    --card-border-width: 0px;
}
.container-header .mod-menu>li.active::after,
 .container-header .mod-menu>li:hover::after {
     background: transparent;
 }
.container-header .mod-menu>li {
    background-color: black;
    padding-left: 10px;
    padding-right: 10px;
}

.footer {
    background-color: transparent;
    background-image: none;

}

.container-header {
    background-color: transparent;
    background-image: none;


}
div.mod-languages ul li.lang-active {
    background-color: transparent;
  }
/* texts slyle */
.tri_text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;

}

.tri_text_block {
    padding: 1em;
}

.tri_text_block h3 {
    font-size: 1.5em;
    color: white;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
}

.tri_text_block p {
    padding: 1em;
    background-color: white;
    color: black;
}

/* menu */
.container-header .mod-menu>li {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
}
/* contact style*/
.contact_all{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2em;


}
.contact_blok p{
background-color: white;
padding: 1em;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
color: black;
}
.contact_blok h2, .contact_blok h3{
color: white;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 2em;
margin-top: 1em;
    }
.contact_blok{
margin-bottom: 1em;
    }
/* footer*/
.copy_1{
    width: 100%;
display: flex;
flex-direction: row;
gap: 1em;
justify-content: space-between;
}
.copy_logos{
    width: 100%;
display: flex;
flex-direction: row;
gap: 1em;

}
.partner_image img{
width: 100px;
}
.copy_2{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1em;
    flex-direction: row;
justify-content: flex-end;
}
#mod-custom88{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
.container-footer{
width: 100%;
}
/* mobil*/
@media only screen and (max-width: 767px) {
    .tri_text {

        grid-template-columns: repeat(1, 1fr);

    }
    .container-topbar, .container-below-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
       }
       .container-header .mod-menu>li {

        font-size: 1em;
    }
    .container-header .mod-menu {
display: flex;
flex-direction: row;
      }
}

/* roboto-100 - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto-v32-latin_latin-ext-100.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/roboto-v32-latin_latin-ext-100italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v32-latin_latin-ext-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-v32-latin_latin-ext-300italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v32-latin_latin-ext-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-v32-latin_latin-ext-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v32-latin_latin-ext-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/roboto-v32-latin_latin-ext-500italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v32-latin_latin-ext-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-v32-latin_latin-ext-700italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin_latin-ext */
@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';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-v32-latin_latin-ext-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin_latin-ext */
@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';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto-v32-latin_latin-ext-900italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}