@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-BoldItalic.eot');
    src: local('Amsi Pro Bold Italic'), local('AmsiProNormal-BoldItalic'), url('../fonts/AmsiProNormal-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-BoldItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-BoldItalic.woff') format('woff'), url('../fonts/AmsiProNormal-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-ExtraLight.eot');
    src: local('Amsi Pro ExtraLight'), local('AmsiProNormal-ExtraLight'), url('../fonts/AmsiProNormal-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-ExtraLight.woff2') format('woff2'), url('../fonts/AmsiProNormal-ExtraLight.woff') format('woff'), url('../fonts/AmsiProNormal-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-ExtraLightItalic.eot');
    src: local('Amsi Pro ExtraLight Italic'), local('AmsiProNormal-ExtraLightItalic'), url('../fonts/AmsiProNormal-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-ExtraLightItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-ExtraLightItalic.woff') format('woff'), url('../fonts/AmsiProNormal-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Black.eot');
    src: local('Amsi Pro Black'), local('AmsiProNormal-Black'), url('../fonts/AmsiProNormal-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Black.woff2') format('woff2'), url('../fonts/AmsiProNormal-Black.woff') format('woff'), url('../fonts/AmsiProNormal-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-BlackItalic.eot');
    src: local('Amsi Pro Black Italic'), local('AmsiProNormal-BlackItalic'), url('../fonts/AmsiProNormal-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-BlackItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-BlackItalic.woff') format('woff'), url('../fonts/AmsiProNormal-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Bold.eot');
    src: local('Amsi Pro Bold'), local('AmsiProNormal-Bold'), url('../fonts/AmsiProNormal-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Bold.woff2') format('woff2'), url('../fonts/AmsiProNormal-Bold.woff') format('woff'), url('../fonts/AmsiProNormal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Italic.eot');
    src: local('Amsi Pro Italic'), local('AmsiProNormal-Italic'), url('../fonts/AmsiProNormal-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Italic.woff2') format('woff2'), url('../fonts/AmsiProNormal-Italic.woff') format('woff'), url('../fonts/AmsiProNormal-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Regular.eot');
    src: local('Amsi Pro'), local('AmsiProNormal-Regular'), url('../fonts/AmsiProNormal-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Regular.woff2') format('woff2'), url('../fonts/AmsiProNormal-Regular.woff') format('woff'), url('../fonts/AmsiProNormal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-ThinItalic.eot');
    src: local('Amsi Pro Thin Italic'), local('AmsiProNormal-ThinItalic'), url('../fonts/AmsiProNormal-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-ThinItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-ThinItalic.woff') format('woff'), url('../fonts/AmsiProNormal-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-LightItalic.eot');
    src: local('Amsi Pro Light Italic'), local('AmsiProNormal-LightItalic'), url('../fonts/AmsiProNormal-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-LightItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-LightItalic.woff') format('woff'), url('../fonts/AmsiProNormal-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro Ultra';
    src: url('../fonts/AmsiProNormal-UltraItalic.eot');
    src: local('Amsi Pro Ultra Italic'), local('AmsiProNormal-UltraItalic'), url('../fonts/AmsiProNormal-UltraItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-UltraItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-UltraItalic.woff') format('woff'), url('../fonts/AmsiProNormal-UltraItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Light.eot');
    src: local('Amsi Pro Light'), local('AmsiProNormal-Light'), url('../fonts/AmsiProNormal-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Light.woff2') format('woff2'), url('../fonts/AmsiProNormal-Light.woff') format('woff'), url('../fonts/AmsiProNormal-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-SemiBoldItalic.eot');
    src: local('Amsi Pro SemiBold Italic'), local('AmsiProNormal-SemiBoldItalic'), url('../fonts/AmsiProNormal-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-SemiBoldItalic.woff2') format('woff2'), url('../fonts/AmsiProNormal-SemiBoldItalic.woff') format('woff'), url('../fonts/AmsiProNormal-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-Thin.eot');
    src: local('Amsi Pro Thin'), local('AmsiProNormal-Thin'), url('../fonts/AmsiProNormal-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Thin.woff2') format('woff2'), url('../fonts/AmsiProNormal-Thin.woff') format('woff'), url('../fonts/AmsiProNormal-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Ultra';
    src: url('../fonts/AmsiProNormal-Ultra.eot');
    src: local('Amsi Pro Ultra'), local('AmsiProNormal-Ultra'), url('../fonts/AmsiProNormal-Ultra.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-Ultra.woff2') format('woff2'), url('../fonts/AmsiProNormal-Ultra.woff') format('woff'), url('../fonts/AmsiProNormal-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro Opt Headline';
    src: url('../fonts/AmsiProOpt-Headline.eot');
    src: local('Amsi Pro Opt Headline'), local('AmsiProOpt-Headline'), url('../fonts/AmsiProOpt-Headline.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProOpt-Headline.woff2') format('woff2'), url('../fonts/AmsiProOpt-Headline.woff') format('woff'), url('../fonts/AmsiProOpt-Headline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amsi Pro';
    src: url('../fonts/AmsiProNormal-SemiBold.eot');
    src: local('Amsi Pro SemiBold'), local('AmsiProNormal-SemiBold'), url('../fonts/AmsiProNormal-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/AmsiProNormal-SemiBold.woff2') format('woff2'), url('../fonts/AmsiProNormal-SemiBold.woff') format('woff'), url('../fonts/AmsiProNormal-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    src: local('AmsiProCond-Black'), url('../fonts/AmsiProCond-Black.woff') format('woff');
    font-style: normal;
}

body {
    font-family: 'Amsi Pro';
    background: black;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.navbar {
    padding-top: 60px;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 1rem;
    height: 80px;
}

.nav-link.language{display:none;}

p {
    line-height: 150%;
    /* 67.5px */
}

.pb p,
.thelaw p {
    font-size: 20px;
}

.nav-pills > .nav-item a {
    box-shadow: -2px 7px 16px rgba(0, 0, 0, 0.25);
    background: white;
    color: black;
    padding: 0.75rem 1.1rem !important;
    border-radius: 10px;
}

.nav-pills > .nav-item a.language {
    background: #000FE4;
    color: white
}

.nav-pills > .nav-item {
    margin: 0 0.65rem
}

.nav-pills > .nav-item:last-child {
    margin-left: 2.5rem
}

.header {
    background: url(../assets/headbg.jpg);
    padding-top: 8rem;
    margin-top: -80px;
    background-size: cover;
    min-height: 500px;
}

.bggradient {
    background: linear-gradient(180deg, #222 0%, #020200 100%);
}

.bggradient > * > h3 {
    color: #E1FF00
}

.bgvision {
    border-radius: 10px;
    background: url(../assets/bgvision.png);
    background-size: cover;
}

.bggreen {
    border-radius: 10px;
    background: #E1FF00;
    color: #000;
    height: 100%;
}

.bgallgreen {
    background: #E1FF00;
    color: #000;
}

.bggreen p,
.bggreen h4 {
    margin: 1rem
}

.iconlinks img {
    max-width: 30%
}

.iconlinks > div a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: black;
    transition: all 0.2s;
}

.iconlinks > div a strong {
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 1.25rem
}

.iconlinks > div a:hover {
    transform: scale(1.1)
}

.footer-adress div {
    column-count: 2;
}

footer > .container .row:first-child {
    border-bottom: 1px solid #E1FF00;
}

footer a {
    color: white;
    text-decoration: none;
}

.header h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 7.635px 19.088px rgba(0, 0, 0, 0.50);
    font-size: 170px;
    font-style: normal;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    line-height: 100%;
    /* 307.848px */
}

.header.headerhome h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.50);
    font-size: 201px;
    font-style: normal;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    line-height: 100%;
    /* 307.848px */
}

.header h2 {
    color: #FFF;
    margin-top: 1.5%;
    text-align: left;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.50);
    font-size: 81px;
    font-style: normal;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    line-height: 110%;
    /* 124.8px */
    margin-left: -4%;
    margin-right: -5%
}

.header h2 > span.etwas {
    margin-left: -6%
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

h4,
p strong {
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 1.25rem;
}

h5 {
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 1.125rem;
}

.bgallgreen h5 {
    font-family: 'Amsi Pro';
    font-weight: normal;
    font-size: 1.25rem;
}

h3 {
    color: #000;
    text-align: center;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 3.25rem;
    font-style: normal;
    line-height: 130%;
    /* 67.6px */
}


.datenschutz h2 {
    color: white;
    text-align: center;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 3.25rem;
    font-style: normal;
    line-height: 130%;
    /* 67.6px */
}

.datenschutz h3 {   font-size: 2.25rem;}
.datenschutz  ul{list-style-type: none;}

.bggreen h3 {
    text-align: left;
    margin-left: 1rem;
    font-size: 2.8rem;
}

.thetalk h3 {
    text-align: left;
    color: white
}


.thelaw h3 {
    color: white;
    margin-top:1rem;
}

.footer-adress h5 {
    color: #E1FF00
}

.bgwhite {
    background: white;
    color: black;
    border: 2px solid #000;
    border-radius: 10px
}

.thepeople .col {
    margin-bottom: 1.5rem;
}

.thepeople .col a {
    padding: 10px;
    border-radius: 10px;
    background: white;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.50);
    filter: grayscale(100%);
    display: inline-block;
}

.thepeople .col:hover a {
    background: #E1FF00;
    filter: grayscale(0%);
}

.thepeople .col a img {
    max-width: 100%;
    border-radius: 10px;
}

.thepeople .col:hover a:after {
    content: "+";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #E1FF00;
    display: inline-flex;
    z-index: 20;
    right: 1.3rem;
    bottom: 3.3rem;
    color: #000FE4;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    font-weight: bold;
    font-size: 1.9rem;
}

.thepeople .col a {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
}

.thepeople .col a p {
    margin: 0.5rem 0 0 0
}

.einformular input,
.einformular textarea {
    display: block;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #000;
    background: #FFF;
    color: #000;
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
    font-size: 1rem;
    font-style: normal;
    line-height: 130%;
    /* 20.8px */
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.einformular input[type=submit] {
    width: auto;
    background: #000FE4;
    color: white;
    float: right;
    border-color: #000FE4
}

.einformular b,
.einformular label b {
    font-family: 'AmsiProCond-Black';
    font-weight: 700;
}

.einformular .derupload {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #000;
    background: white;
    padding: 1rem;
    height: calc(100% - 1rem);
}

.einformular input[type=file] {
    border-radius: 10px;
    border: 2px dashed #000FE4;
    height: calc(100% - 2rem);
    margin-top: 0.5rem;
}

img.imground,
.owl-carousel .owl-stage-outer {
    border-radius: 10px;
}

.modal-dialog .modal-content {
    color: black;
    background-color: #E1FF00;
    border-radius: 10px
}

.modal-dialog img {
    border-radius: 10px
}

.modalinfos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.modalinfos .btn-close {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 27px;
    height: 27px;
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0239 20.8961L4.00248 33.9175L0.130658 30.0456L13.1521 17.0242L0.000146822 3.87232L3.87266 -0.00019095L17.0246 13.1517L30.1516 0.0246683L34.0234 3.89649L20.8957 17.0242L33.8957 30.0242L30.0239 33.896L17.0239 20.8961Z' fill='%23000FE4'/%3E%3C/svg%3E%0A");
}

.modalinfos a {
    color: black;
    margin-top: 1rem;
    font-size: 1rem;
}

/* carousel */
.colmitnav {
    position: relative;
}

.owl-dots {
    display: none
}

.slide-counter {
    width: 4rem;
    text-align: center;
}

.custom-nav {
    display: flex;
    align-items: center;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.nav-button.prevBtn,
.nav-button.nextBtn {
    background: url(../assets/butprev.svg);
    width: 21px;
    height: 34px;
    font-size: 0;
    border: 0;
}

.nav-button.nextBtn {
    background: url(../assets/butnext.svg);
}

.linkshomebig a {
    text-decoration: none;
}

.linkshomebig a > div {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='26' viewBox='0 0 23 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.208 9.516L7.176 1.352C6.968 1.092 6.916 0.779998 7.02 0.467999C7.124 0.155999 7.332 0 7.748 0H13.156C13.624 0 14.092 0.259999 14.508 0.779999L22.308 11.752C22.516 12.012 22.62 12.272 22.62 12.48C22.62 12.792 22.516 13.052 22.308 13.26L14.508 24.232C14.092 24.752 13.624 25.012 13.156 25.012H7.748C7.332 25.012 7.124 24.856 7.02 24.544C6.916 24.232 6.968 23.92 7.176 23.66L13.208 15.496L1.3 15.6C0.416 15.6 0 15.184 0 14.352V10.66C0 9.828 0.416 9.412 1.3 9.412L13.208 9.516Z' fill='%23000FE4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 2rem) calc(100% - 2rem);
}

/* Mobile */

@media (max-width: 1399px) {
    .header h2 {
        font-size: 5vw
    }

    .header h1 {
        font-size: 12vw;

    }

    .header.headerhome h1 {
        font-size: 14vw;
    }

    .header {
        min-height: 450px;
    }
}

@media (max-width: 991px) {

    .navbar {
        padding-top: 1rem;
        font-family: 'AmsiProCond-Black';
        font-weight: 700;
        font-size: 1rem;
        height: 55px;
        z-index: 100;
    }

    .navbar-collapse {
        padding-top: 0.5rem;
    }

    .nav-pills > .nav-item {
        margin: 0 0.65rem 0.3rem 0;
    }

    h3,
    .bggreen h3 {
        line-height: 115%;
        font-size: 2rem;
    }



    .lead {
        font-size: 1.1rem;
        font-weight: 400;
    }

    .header.headerhome h2 {
        text-align: center;
    }

    .header h2 > span.etwas {
        margin-left: unset;
    }

    .header.headerhome h2,
    .header h2 > span {
        margin: 0;
        margin-bottom: 2rem;
    }

    .header {
        min-height: 350px;
    }


    .pb p,
    .thelaw p {
        font-size: 1rem;
    }

    .colmitnav {
        padding: 0;
        padding-bottom: 3rem
    }

    .bgallgreen h5 {
        font-size: 1.15rem
    }

    .derupload label {
        font-size: 0.8rem;
    }

}
