/* 

rgb(41, 148, 194)
rgb(39, 162, 219)




*/

:root {
    --color-black: rgb(0, 0, 0);
    --color-black-30: rgba(0, 0, 0, 0.3);
    --color-black-90: rgba(0, 0, 0, 0.9);
    --color-dark-tr: rgba(0, 90, 126, 0.8);

    --color-primary-bright: rgb(0, 111, 155);
    --color-link: rgb(0, 90, 126);
    --color-primary-dark: rgb(0, 90, 126);
    /* --color-primary-tr: rgba(0, 90, 126, 0.8); */

    --color-white: rgb(255, 255, 255);
    --color-white-0: rgba(255, 255, 255, 0);
    --color-white-80: rgba(255, 255, 255, 0.8);
    --color-white-90: rgba(255, 255, 255, 0.9);

    --color-default-1: rgb(237, 63, 39);
    --color-default-2: rgb(255, 138, 120);

    --color-light-1: rgb(120, 120, 120);
    --color-light-2: rgb(245, 245, 245);

    --color-dark-1: rgb(45, 45, 45);
    --color-dark-2: rgb(20, 20, 20);

}





em {
    color: var(--color-dark-2);
}

.uk-section-secondary {
    background-color: var(--color-dark-2);
}

.uk-button-primary {
    background-color: var(--color-primary-dark);
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-primary:hover {
    background-color: var(--color-primary-bright);
}



body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-text-lead,
.uk-card-default,
.uk-card-default .uk-card-title {
    color: var(--color-dark-1);
}

html {
    scroll-behavior: smooth;
    /* font-size: 18px;
      line-height: 1.2; */
}

.uk-light,
.uk-light li {
    color: var(--color-white);
}

.bg-light-1 {
    background-color: var(--color-light-2);
}

.bg-light-1-gradient {
    background: linear-gradient(180deg, var(--color-white), var(--color-light-2));
}

.bg-white {
    background-color: var(--color-white);
}

.tr-light-1 path {
    fill: var(--color-light-2) !important;
}

.tr-dark-2 path {
    fill: var(--color-dark-2) !important;
}

/* TOOLS */

.flip-h {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.flip-v {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.rot-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.square {
    aspect-ratio: 1 / 1;
}

.hide-scrolled {
    opacity: 1;
    pointer-events: all;
}

.show-scrolled {
    opacity: 0;
    pointer-events: none;
}

.scrolled .hide-scrolled,
.fixed .hide-scrolled {
    opacity: 0;
    pointer-events: none;
}

.scrolled .show-scrolled,
.fixed .show-scrolled {
    opacity: 1;
    pointer-events: all;
}

.animate-05 {
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.animate-02 {
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.schatten-l {
    -webkit-box-shadow: 0px 0px 40px 0px var(--color-black-90);
    -moz-box-shadow: 0px 0px 40px 0px var(--color-black-90);
    box-shadow: 0px 0px 40px 0px var(--color-black-90);
}

.schatten {
    -webkit-box-shadow: 0px 0px 4px 0px var(--color-black-30);
    -moz-box-shadow: 0px 0px 4px 0px var(--color-black-30);
    box-shadow: 0px 0px 4px 0px var(--color-black-30);
}

.textschatten {
    text-shadow: 0px 0px 8px var(--color-black);
}


.button-play-pause {
    padding: 14px !important;
    line-height: 1;
    font-size: 1rem;
    text-decoration: none !important;
    border-radius: 100%;
}

.top-logo {
    height: 50px;
}

.nav-layer {
    z-index: 10;
}

.min-height-100 {
    min-height: 100vh;
}



/* OVERRIDES */

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

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








/* poppins-200 - 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: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins-v24-latin-200.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

/* poppins-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: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - 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: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v24-latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

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

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

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

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

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

/* figtree-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: 'Figtree';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/figtree-v9-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* figtree-800 - 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: 'Figtree';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/figtree-v9-latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.top-nav .nav-item>*,
.top-nav .nav-item-toggle {

    font-family: 'Arimo', sans-serif;
    text-wrap: balance;
    /* color: var(--color-primary-dark); */

}

b,
strong,
.uk-text-bold {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: var(--color-link);
}


a:hover {
    text-decoration: none;
}

.link-ul a {
    text-decoration: none;
    color: var(--color-link);
}


.link-ul a,
.link-ul a:hover,
.link-ul a:focus {

    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 0.25em;
}

.link-ul a:hover,
.link-ul a:focus {

    color: var(--color-primary-bright);
}

.uk-text-meta {
    font-size: 12px;
}

.transition-b {
    height: 100px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.transition-b * {
    margin-bottom: -2px;
}

.transition-t {
    /* height:100px; */
    width: 100%;
    margin-top: -2px;
}

.transition-pullup {
    margin-top: -100px;
}



.uk-light,
.uk-overlay-primary {
    color: var(--color-white);
}


.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}


.header-inner {
    height: 100vh;
    min-height: 100vh;
}

.header-small .header-inner {
    height: 70vh;
    min-height: 70vh;
}

.bottom-logo {
    width: 420px;
}

.top-nav .uk-navbar-nav {
    gap: 0px;
}

.top-nav a {
    margin: 0px;
    background-color: var(--color-white-0);
    color: var(--color-primary-dark) !important;
}

.top-nav a>div,
.top-nav .nav-item>*,
.top-nav .nav-item-toggle {
    padding: 0px 12px;
    font-size: 1rem;
    text-transform: unset;
}

.top-nav a,
.top-nav .nav-item,
.top-nav .nav-item>* .top-nav .nav-item-toggle {
    height: 80px;
    min-height: 80px;
    min-width: 80px;
}


.top-nav a:hover,
.top-nav a:focus,
.top-nav a.uk-active:hover,
.top-nav a.uk-active:focus,
.top-nav a.no-hl:hover,
.top-nav a.no-hl:focus,
.top-nav a.no-hl.uk-active:hover,
.top-nav a.no-hl.uk-active:focus {
    background-color: var(--color-link);
    /* background-color: rgba(0,44,80,1); */
    color: var(--color-white) !important;
    /* border-bottom: 4px solid rgba(0,105,180); */
}

.top-nav a.uk-active {
    background-color: var(--color-primary-dark);
    color: var(--color-white) !important;
}

.top-nav a.no-hl.uk-active {
    background-color: var(--color-white-0);
    color: var(--color-primary-dark) !important;
}


.fixed .top-nav a,
.fixed .top-nav .nav-item,
.fixed .top-nav .nav-item>*,
.fixed .top-nav .nav-item-toggle,

.scrolled .top-nav a,
.scrolled .top-nav .nav-item,
.scrolled .top-nav .nav-item>*,
.scrolled .top-nav .nav-item-toggle,

.shrink .top-nav a,
.shrink .top-nav .nav-item,
.shrink .top-nav .nav-item>*,
.shrink .top-nav .nav-item-toggle {
    height: 60px;
}

.top-bar {
    background-color: var(--color-white-90);
    z-index: 10;
    /*    padding-top: 30px;
    padding-bottom: 30px;*/
}

.scrolled .top-bar,
.fixed .top-bar,
.mobilemenue {
    background-color: var(--color-white-90);
    /*    padding-top: 12px;
    padding-bottom: 12px;*/
}

.fixed .top-bar {
    background-color: var(--color-white-90);
}

.fixed.scrolled .top-bar {
    background-color: var(--color-white-90);
}

.uk-button {
    /* text-transform: none; */
}

.top-bar.schatten {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0);
}

.scrolled .top-bar.schatten,
.fixed .top-bar.schatten {
    -webkit-box-shadow: 0px 0px 24px 0px var(--color-black-30);
    -moz-box-shadow: 0px 0px 24px 0px var(--color-black-30);
    box-shadow: 0px 0px 24px 0px var(--color-black-30);
}

.uk-navbar-dropdown {
    max-height: 70vh;
    overflow-y: auto;
}

.mobilemenue a {
    height: 40px !important;
}

.uk-accordion-title::before {
    content: "+";
    background-image: none;
    background-color: unset;
    color: var(--color-white) !important;
}

.uk-open>.uk-accordion-title::before {
    content: "-";
    background-image: none;
    background-color: unset;
    color: var(--color-white) !important;
}



.img-style-1,
.img-style-1 .img-style {
    border-radius: 100%;
}

.img-style-2,
.img-style-2 .img-style {
    border-radius: 100% 75% / 75% 100%;
}

.img-style-3,
.img-style-3 .img-style {
    border-radius: 100% 75%;
}

:focus-visible {
    outline: 2px dotted var(--color-link);
    outline-offset: 2px;
}

.bg-dunkelblau :focus-visible,
.bg-hellblau :focus-visible {
    outline: 2px dotted var(--color-white);
}



@media (max-width: 1299px) {}



@media (max-width: 959px) {
    .top-nav a {
        height: 60px;
    }


}

@media (max-width: 420px) {



    .top-nav a,
    .top-nav .nav-item,
    .top-nav .nav-item>* .top-nav .nav-item-toggle {
        min-width: 60px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .uk-h1,
    .uk-h2,
    .uk-h3,
    .uk-h4,
    .uk-h5,
    .uk-h6 {
        overflow-wrap: break-word;
    }

}






/* STYLES */

.bg-blurred {
    background-color: var(--color-white-80);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.bg-blurred-dark {
    background-color: var(--color-dark-tr);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.bg-dark-tr {
    background-color: var(--color-dark-tr);
}

#main-content {
    min-height: 100vh;
}

/* #intro-block{
    position:relative; margin-top:-30vh; z-index:1;
} */

#intro {
    margin-top: -100vh;
    min-height: 100vh;
}

.intro-wrapper {
    margin-top: 40px;
}


@media (max-width: 959px) {

    .header-inner {
        height: 50vh;
        min-height: 50vh;
    }

    /* #intro-block{
    margin-top:100px;
} */
    #intro {
        margin-top: -15vh;
        min-height: 0vh;
    }

    .intro-wrapper {
        top: unset;
        position: relative !important;
        transform: unset;
        left: unset;
    }
}

.remove-image-style .uk-border-rounded {
    /* border-radius: 0!important; */
}

.remove-image-style .uk-box-shadow-small {
    box-shadow: none !important;
}

.content-text .uk-button {
    margin-bottom: 5px;
}

.uk-section-large {
    padding-top: 140px;
    padding-bottom: 60px;
}

#intro-content {
    animation-delay: 0.3s;
}