.spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 150px;
}
.hidden{
    display:none;
}
.normalP{
    width: 100% !important;
}
#results{
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}
.drophandler{
    margin-top: 20px;
    cursor: pointer;
}
.faround{
    justify-content: space-around;
}
.spinner-button {
    background-color: #007DC0;
    color: white;
    border: none;
    padding: 3px 10px;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 5px;
    margin: 0 5px;
}
.spinner-input {
    text-align: center;
    width: 60px;
    font-size: 1.5rem;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 5px;
}

.row{
    display:flex;
    margin-bottom: 10px;
}



    body {
        /* max-width: 1440px;*/
        background-color: #fff;
        font-family: 'firaRegular', sans-serif;
        font-size: 100%;
        color: #3d3d3d;
        margin: 0 auto;
        border: solid;
        border-radius: 5px;
        border-width: 0px;
        border-color: rgb(185, 180, 190);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    .logoTTV{
        width: 150px;
        margin-left: 2.1vw;
    }
    #headerSearch{
        position: absolute;
        bottom: 15px;
        width: 68%;
        left: 17%;
        padding-right: 60px;
        height: 30px;
        border: 1px solid gray;
        box-shadow: -1px -2px #e7e7e7;
        box-sizing: content-box;
    }
    #headerSearch::placeholder{
        text-align: center; /* Placeholder zentriert */
        display: block; /* Notwendig für manche Browser */
        width: 100%;  /* Dehnt den Platz aus */
    }
    #headerSearchLense{
    position: absolute;
    height: 20px;
    font-size: 25px;
    bottom: 31px;
    left: 32vw;
    cursor: pointer;
    bottom: 27px;
    }
    #menu-db:hover #db-dropdown{
        display:block;
    } 
    #db-dropdown{
        background: #007DC0;
        width: 110vw;
        top: 61px;
        right: -10vw;
        position: absolute;
        padding:25px;
    }
    #db-dropdown-inner{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-evenly;
    }
    #gray-stripe img{
        width: 100%;
        position: relative;
    }
    #bigvisual-wrapper{
        height: 100vh;
        margin:0px;
        background-image: url("../img/background.png");
        background-size: cover;
        z-index: 10;
        width: 99vw;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 100px;
    }
    #background{
       position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 500vh;
      background-position-x: center;
      
      background-image: url('../img/hintergrundlong.png');
      background-size: cover;
    
    }

    #bigvisual{
        width: 100%;
       
    }
    .menu-div{
        display: inline-block;
        background: #00294c;
        color: white;
        font-size: 18px;
        font-weight: 700;
        padding: 10px 0px;
        font-family: arial;
        width: 141px;
        cursor:pointer;
    }
    .menu-div:hover{
        background: #007DC0;
        
    }
    #menu-db:hover{
        height: 42px;
    }
    a {
        text-decoration: none;
        color: #5a5a5a;
    }

    a:hover {
        text-decoration: underline;
    }

    a:visited {
        color: #5a5a5a;
    }

    .grid-header {
        display: none;
    }

    /* ---------------------------
    -----------------------------*/
    .mobile-menu {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 99;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1em;
        width: 100%;
        /*background-color: #3d3d3d; */
        background-color: #00294c; 
       
    }

    .mobile-menu-dropdown>input[type=checkbox] {
        display: none;
    }

    .mobile-menu-dropdown>input[type=checkbox]:checked~.mobile-menu-content {
        display: block
    }

    .mobile-menu-dropdown>input[type=checkbox]:checked~label {
        transform: rotate(-90deg);
    }

    .mobile-menu-1 {
        margin: auto 10px;
    }

    .mobile-menu-2 {
        text-align: right;
        margin: auto 0px;
        padding-right: 10px;
    }

    .mobile-menu-dropdown {
        position: relative;
        display: inline-block;
        right: 0;
    }

    .mobile-menu-content {
        display: none;
        right: -10px;
        top: 4em;
        position: absolute;
        margin: 0px;
        /*background-color: #3d3d3d; */
        background-color: #00294c; 
        color: #fff;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    .mobile-menu-content a {
        color: #fff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .mobile-menu-content a:hover {
        /*background-color: #777; */
        background-color: #007DC0;
        color: #fff;
    }

    /*  .mobile-menu-dropdown:hover .mobile-menu-content {
        display: block;
    }*/
    /*
    .mobile-menu-dropdown:hover .dropbtn {
        background-color: #3e8e41;
    } */

     /* /// Neuer Footer als Grid /// */

     .footer-grid-container {
        color: #fff;
        background-color: #00294c; 
        display: grid;
        grid-template-columns: auto;
        grid-gap: 1em;
        width: 100%;
        /* border-top: solid;
        border-color: rgb(195, 195, 195);
        border-width: 1px; */
        font-size: small;
    }

      .footer-item1 {
        grid-column: 1 / 2;
        text-align: center;
          }

      .footer-item2 {
        text-align: center;
      }
      
      .footer-item3 {
        text-align: center;
      }

      .footer-item4 {
        text-align: center;
      }

      .img_preise {
        max-height:60px;
      }






    @media only screen and (min-width:750px) {
        .grid-header {
            visibility: visible;
            display: grid;
            grid-template-columns: 1fr 2fr 2.5fr;
            grid-gap: 1em;
            border-bottom: solid;
            border-color: rgb(195, 195, 195);
            border-width: 1px;
            padding: 5px 10px;
            min-height: 50px;
            width: 100%;
            z-index: 100;
        }

        .grid-header-3 {
            text-align: right;
            /*margin: 5px 10px;*/
            margin: auto 20px 0px 0px;
            position: relative;
            height: 100%;
        }

        .grid-header-2 {
            text-align: center;
            margin: auto 0px 0px;
            position:relative;
            height: 100%;
        }

        .mobile-menu {
            display: none;
        }
      .label img{
        width: 16vw;
        cursor: pointer;
      }
      #suchoptionen input{
        border-radius: 0;
      }
     
      .mr-5vw{
        margin-right: 5vw;
      }
      .flex{
        display:flex;
      }
      .basicInput{
        height: 10px;
        width: 50px;
        margin: 0 10px;
        border: 1px solid black;
      }
      .m-auto{
        margin: auto;
      }
      #dropSearch{
        cursor: pointer;
      }
      #serverIcon{
        padding-left: 5vw;
      }
      .vw-50{
        width: 50vw;
      }
      .p-flex{
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 50px;
        align-items: end;
      }
      #labelwrapper{
        display: flex;
        width: 50vw;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-evenly;
      }
    }

    .menu {
        position: absolute;
        top:50px;
        right: 10vw;
        font-size: 150%;
    }

    .menu-item {
        margin: auto 15px;
        text-shadow: 2px 2px 0px rgb(224, 224, 224);
    }

    /*.menu-item a {
        
    }*/
    nav a {
        text-decoration: none;
        color: #3d3d3d;
    }
    .scrolimg {
        height: 30px;
        transform: rotate(90deg);
        margin: auto;
    }

    .scroll {
        width: 30px;
        height: 30px;
        transition: 0.2s;
        z-index: 99;
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #007DC0;
        margin: 10px;
        padding: 5px;
        /*border: solid 3px #3d3d3d;*/
        border-radius: 5px;
        display: none;
        box-shadow: 0 4px 8px 0 rgba(1, 1, 1, 0.2), 0 6px 20px 0 rgba(1, 1, 1, 0.19);
    }

    .scroll-flagge {
        display: none;
    }

    .flagge-box {
        display: none;
    }

    @media only screen and (min-width:1000px) {
        .scroll {
            background-color: #3d3d3d;
        }

    }

    @media only screen and (min-width:1400px) {
        .scroll {
            right: 10%;
            background-color: #3d3d3d;
        }

        .scroll-flagge {

            display: inline-block;
            visibility: visible;

        }

        .flagge-box {
            display: none;
            margin: 0px;
            width: 90px;
            height: 30px;
            transition: 0.2s;
            z-index: 99;
            /*background-color: #3d3d3d; */
            background-color: #3d3d3d;
            padding: 5px;
            border-radius: 5px;
            text-align: center;
            box-shadow: 0 4px 8px 0 rgba(1, 1, 1, 0.2), 0 6px 20px 0 rgba(1, 1, 1, 0.19);
        }
    }

    .scroll:hover {
        transform: scale(0.9);
    }

    /*
    .back-button {
        float: right;
        margin: 0;
        background-color: red;
        height: 50px;
        width: 50px;
        z-index: 999;
    } */
    .printlinks,
    .printlink {
        display: none;
    }

    .footer a {
        color: #fff;
    }

    .footer a visited {
        color: #fff;
    }

    .desktop {
        display: none;
    }

    .mobile {
        visibility: visible;
    }
    .fa-magnifying-glass{
        color:#007DC0
    }
    input{
        border: 1px solid gray;
    }
    .footer {
       /* background-color: #3d3d3d; */
       padding-bottom: 30px;
       background-color: #00294c;
        color: #fff;
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        border-top: solid;
        border-color: rgb(195, 195, 195);
        border-width: 1px;
        font-size: 12px;
        margin-top: -5px;
        bottom: 0;
        height: 27vh;
        margin-top: 0;
        z-index: 10;
        
    
    }

    .footer1 {
        display: block;
        text-align: center;
        padding: 0px 0px 10px 0px;

    }

    .footerlabel {
        vertical-align: middle;
        padding: 20px;
        font-size: 100%;
        display: inline-block;
    }
    .footerlogos{
        background-color: #00294c;
    }
    .footerlogo {
        max-width: 310px;
        /*padding-left: 5%;
        padding-right: 5%; */
        vertical-align: middle;
        /*padding-left: 20px;*/
        display: inline-block;
    }

    .footerlogo2 {
        max-height: 60px;
        vertical-align: middle;
        /* padding-left: 20px; */
        display: inline-block;
        /*padding: 0px 0px 10px 0px; */

    }

    .footer2 {
        padding: 10px 0px 10px 0px;
        display: block;
        /* padding: 20px 0px 0px 0px; */
        text-align: center;
    }

    .navfooteritem {
        text-align: left;
        margin-bottom: 20px;
        padding: 0 10px;
        
        display: inline-block;
    }

    .footer-logos {
        display:block;
        text-align:center;
    }

    .footer-logo-item {
        display:inline-block; 
        padding: 1em;
        vertical-align: middle;
    }

    .rssitem {
        display: inline-block;
    }
    section{
        background-color: white;
        z-index: 10;
        position: relative;
    }
    #first-section{
        position: absolute;
        top:100vh;
        padding: 20px;
    }
    .a-plane{
        text-decoration: none;
        color:white !important ;
    }
    .parameterbox-flagge {
        display: none;
    }

    .vw-40{
        width: 40vw;
    }
    .w-60{
        width: 60%;
    }
    @media only screen and (min-width:750px) {
        .footer a {
            color: #fff;
        }

        .footer a visited {
            color: #777;
        }

        .footer {
            color: #fff;
            background-color: #00294c;
            display: grid;
            /*grid-template-columns: 1fr 1fr;*/
            grid-template-columns: 1fr;
            grid-gap: 1em;
            width: 100%;
            border-top: solid;
            border-color: rgb(195, 195, 195);
            border-width: 1px;
        }

        .footer1 {
            padding: 0px 30px 10px 30px;
            text-align: center;

        }

        .footerlabel {
            font-family: "firaRegular", sans-serif;

            text-align: left;
            color: #fff;
            vertical-align: middle;
            margin: auto 10px;
            padding: 20px 0px 20px 0px;
        }

        .footerlogo {
            /* max-height: 30px; */
            /*  min-height: 20px; */
            max-width: 250px;
          /* padding-left: 10px; */
            vertical-align: middle;
        }

        .footer2 {

            /* padding: 20px 30px 20px 0px; */
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            color: #fff;

        }

        .navfooteritem {
            display: inline-block;
            color: #fff;
            padding: 20px 0;
            margin: 0px 20px 0px 0px;
            font-size: small;

        }


        /* /// Neuer Footer als Grid /// */

        .footer-grid-container {
            color: #fff;
            background-color: #00294c;
            display: grid;
            grid-template-columns: auto auto auto auto auto auto;
            grid-gap: 1em;
            width: 100%;
            border-top: solid;
            border-color: rgb(195, 195, 195);
            border-width: 1px;
            font-size: small;
          
        
        }

        /*.footer-grid-container > div {
            background-color: rgba(255, 255, 255, 0.8);
            text-align: center;
            padding: 20px 0;
            font-size: 30px;
          } */

          

          .footer-item1 {
            grid-column: 1 / 3;
            text-align: left;
            padding: 0 2em;
          }

          .footer-item2 {
            grid-column: 3 / 7; 
            text-align: right;
            padding: 0 2em;
          }

          
          .footer-item3 {
            grid-column: 1 / 7;
            text-align: left;
            padding: 0 2em;
         
          }

          .footer-item4 {
            grid-column: 1 / 7;
            text-align: right;
            padding: 0 2em;
          position:bottom;
          }

          

          .img_preise {
            max-height:60px;
          }



        .desktop {
            visibility: visible;
            display: inline-block;
        }

        .mobile {
            display: none;
        }
    }
    #bigSearch-wrapper{
        position: relative;
        width: 30%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        height: 50px;
    }
    #bigSearch, #bigSearch-extended{
        width: 80%;
        position: absolute;
        bottom: 0px;
        height: 50px;
        padding-right: 20%;
    }

    #bigSearch-extended::placeholder{
        text-align: center; /* Placeholder zentriert */
        display: block; /* Notwendig für manche Browser */
        width: 100%;  /* Dehnt den Platz aus */
    }

    #bigSearch::placeholder{
        text-align: center; /* Placeholder zentriert */
        display: block; /* Notwendig für manche Browser */
        width: 100%;  /* Dehnt den Platz aus */
    }
    #bigSearchLense, #bigSearchLense-extended{
        position: absolute;
        right: 1%;
        font-size: 40px;
        bottom: 5px;
        cursor: pointer;
    }
    h1, h2,
    .ueberschrift {
        font-family: "firaMedium", Arial;
        line-height: 1.8em;
        color: #007DC0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
    }
    h1{
        font-family: "firaExtraBold";
    }
    h3,
    .ueberschrift-h3 {
        font-family: "firaMedium", sans-serif;
        line-height: 1.8em;
        color: #007DC0;
        font-weight: initial;
        margin-bottom: 5px; 
        font-weight: bold;
    }
    .anchor-blue{
        color: #007DC0;
        text-decoration: none;
    }
    .mt-20{
        margin-top: 20px;
    }
    .mb-20{
        margin-bottom: 20px;
    }
    p,
    .kleineueberschrift {
        font-family: "firaMedium", sans-serif;
        margin: 0;
    }

    p,
    .normal {
        font-family: "firaRegular", arial;
        margin: 0;
        text-align: center;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        color: dimgray;
        font-weight: 510;
    }

    .parameterbox {
        display: none;
        margin: 0;
        padding: 0;
        font-size: 90%;
    }

    .parameterbox-flagge {
        visibility: visible;
        display: block;
    }

    .einleitung {
        margin: 4em auto 1em;
        text-align: center;
        width: 90%;
        font-family: "firaRegular", sans-serif;
        line-height: 1.5em;
    }

    @media only screen and (min-width:900px) {
        .einleitung {
            width: 100%;
        }
    }

    .video {
        width: 100%;
        margin: auto;
    }

    .intro {
        display: inline-block;
        text-align: center;
        padding: 0em 1em;
    }

    .preise {
        display: inline-block;

        padding: 1em 1em;
        margin: auto;
        bottom:0;
    }

    @media only screen and (min-width: 500px) {
        .video {
            width: 500px;
            /*height: 281px;*/
        }
    }

    .new_entry_text {
        margin-top: 2em;
        /*color: #ff3441;*/
        color: #007DC0;
        font-size: 90%;
        font-family: "firaMedium", sans-serif;
        letter-spacing: 0.2em;
    }

    .stickybar {
        position: sticky;
        /*top: 70px;*/
        top: 10px;
        z-index: 98;
        background-color: #fff;
        margin: 0 0 2em 0;
        padding: 75px 5px 5px 5px;
        border-bottom: 1px solid #3d3d3d;
        -webkit-box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.54);
        -moz-box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.54);
        box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.54);
    }

    .tag {
        float: left;
        border: 1px dashed #3d3d3d;
        border-radius: 0.7em;
        padding: 0.2em 0.5em;
        min-width: 3em;
        text-align: center;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        background-color: #e0e0e0;
    }

    .parameterlabel {
        float: left;
        border: 1px solid #ed1c2d00;
        border-radius: 0.7em;
        padding: 0.2em 0;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        font-family: "firaBold", sans-serif;
        color: #3d3d3d;
    }

    .suchwort {
        background-color: #007DC0;
        color: #fff;
        border: 1px solid #007DC0;
    }

    .forschungsgebiet {
        /*background-color: #0779b7;
    color: #fff;
     border: 1px solid #0779b7; */
        background-color: #007DC0;
        color: #fff;
        border: 1px solid #007DC0;
    }

    .methode {
        background-color: #007DC0;
        color: #fff;
        border: 1px solid #007DC0;
    }

    .land {
        background-color: #007DC0;
        color: #fff;
        border: 1px solid #007DC0;
    }

    .keywordtag {
        background-color: #007DC0;
        color: #fff;
        border: 1px solid #007DC0;
    }

    .suchmodus,
    .zeitraum {
        float: left;
        border: 1px solid #ed1c2d00;
        border-radius: 0.7em;
        padding: 0.2em 0;
        margin-right: 0.2em;
        margin-bottom: 0.2em;
        color: #3d3d3d;
    }

    .headline-parameter {
        display: block;
        font-size: 133.33%;
        font-family: "firaBold", sans-serif;
        margin: 0 0 0.3em;
    }

    @media only screen and (min-width:750px) {
        .parameterbox {
            display: block;
            margin: 0;
            padding: 0;
            max-width: 80%;
        }

        .stickybar {
            top: 0;
            padding: 10px 30px;
            margin-top: 100px;
        }
    }

    .formular {
        margin: 6em 2em 1em;
    }

    /*
//////////////////////////////////
//////////////////////////////////
/////        Searchbar       /////
//////////////////////////////////
//////////////////////////////////
*/
    input[type="text"].searchbar {
        background: transparent;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position-y: center;
        background-position-x: 10px;
        display: block;
        max-width: 900px;
        min-width: 300px;
        padding: 20px 20px 20px 40px;
        border: 1px solid #dddddd;
        margin: 0 auto 10px;
        font-size: 120%;
    }

    @media only screen and (min-width:1000px) {
        input[type="text"].searchbar {
            background: transparent;
            background-repeat: no-repeat;
            background-size: 30px;
            background-position-y: center;
            background-position-x: 10px;
            display: block;
            width: 50%;
            padding: 20px 20px 20px 50px;
            border: 1px solid #dddddd;
            margin: 0 auto 10px;
            font-size: 120%;
        }
    }

    .searchfield {
        margin-bottom: 3em;
        text-align: center;
    }

    .searchoption {
        text-align: center;
        margin-bottom: 3em;
        color: rgb(160, 160, 160);
    }

    input[type="text"].searchbar::placeholder {
        color: #dddddd;
    }

    button.search-button {
        font-family: "firaMedium", sans-serif;
        width: 200px;
        padding: 20px 40px 20px 40px;
        border: 1px solid #dddddd;
        margin-left: auto;
        margin-right: auto;
        font-size: 120%;
        transition: 0.4s;
        text-align: center;
        color: #fff;
        background-color: #007DC0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-bottom: 20px;
    }

    button.search-button:hover {
        width: 200px;
        padding: 20px 40px 20px 40px;
        border: 1px solid #dddddd;
        margin-left: auto;
        margin-right: auto;
        font-size: 120%;
        letter-spacing: 0.1em;
        text-align: center;
        color: #fff;
        background-color: #006ca7;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
    }

    .zentriert {
        margin: auto;
        width: 180px;
        padding-left: 30px;
    }

    button.reset-button {
        font-family: "firaLight", sans-serif;
        font-size: 100%;
        width: 150px;
        margin-right: 10px;
        text-align: center;
        font-size: 70%;
        padding: 5px;
        color: #fff;
        background-color: #3d3d3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
    }

    button.reset-button:hover {
        /* letter-spacing: 0.1em; */
        text-align: center;
        color: #fff;
        background-color: #222;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
    }

    /* 
//////////////////////////////////
//////////////////////////////////
/////  Accordion Suchmaske  //////
/////     Filteroptionen    //////
//////////////////////////////////
//////////////////////////////////
*/
    .accordion {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        font-family: 'firaRegular', sans-serif;
        color: #3d3d3d;
        margin-bottom: 10px;
    }

    .accordion .accordionitem {
        width: 100%;
        position: relative;
        overflow: hidden;
        /* margin-bottom: 3px; */
        border: 1px solid #dddddd;
    }

    .accordion .accordionitem:hover label.menulabel {
        color: #007DC0;
    }

    .accordion .accordionitem label.menulabel {
        background-color: #fff;
        color: #3d3d3d;
        font-size: 120%;
        display: block;
        /* width: 100%; */
        border-bottom: 1px solid #dddddd;
        cursor: s-resize;
        position: relative;
        padding: 15px 40px 15px 15px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .accordion .accordionitem label.menulabel:after {
        display: none;
        content: "+";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -20px;
        font-size: 160%;
        color: #007DC0;
        transition: transform 200ms ease-out;
        -webkit-transition: transform 200ms ease-out;
        -moz-transition: transform 200ms ease-out;
    }

    /*.accordion .accordionitem input[type="radio"], */
    .accordion .accordionitem>input[type="checkbox"] {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
        border: 0px;
        z-index: 999;
    }

    .accordion .accordionitem input[type="checkbox"][hidden="hidden"] {
        visibility: hidden;
        top: -100%;
    }

    .accordion .accordionitem input[type="checkbox"][hidden="hidden"]+label:after {
        display: block;
    }

    .accordion .accordionitem input[type="checkbox"]:focus {
        outline: none;
    }

    .accordion .accordionitem input[type="checkbox"]:checked~.accordion-content {
        padding: 10px 20px;
        height: auto;
    }

    /* Zuerst die Mobile Ansicht, dann spezifieren wie es bei einem größeren Bildschirm aussehen darf */
    #accordion-country {
        /*  max-height: 10em; */
        overflow-y: hidden;
    }

    @media only screen and (min-width:750px) {
        #accordion-country {
            max-height: 10em;
            overflow-y: scroll;
        }
    }

    .accordion .accordionitem input[type="checkbox"]:checked+label.menulabel {
        color: #007DC0;
    }

    .accordion .accordionitem input[type="checkbox"]:checked+label.menulabel:after {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .accordion .accordionitem .accordion-content {
        padding: 0px 20px;
        height: 0px;
        background-color: #fff;
        color: #3d3d3d;
        /* overflow: hidden; */
        transition: padding 200ms ease-in-out;
        -webkit-transition: padding 200ms ease-in-out;
        -moz-transition: padding 200ms ease-in-out;
        line-height: 1.5em;
        /* font-size: 100%; */
    }

    .accordion-content,
    .accordion-method,
    .accordion-fieldsofresearch {
        font-size: 90%;
        line-height: 0.3em;
    }

    @media only screen and (min-width: 791px) {

        .accordion-method,
        .accordion-fieldsofresearch {
            font-size: 90%;
            line-height: 0.3em;
            column-count: 2;
        }
    }


    @media only screen and (min-width: 1200px) {

        .accordion-method,
        .accordion-fieldsofresearch {
            font-size: 90%;
            line-height: 0.3em;
            column-count: 3;
        }
    }

    /*
@media only screen and (min-width: 1000px) {
    .accordion .accordionitem .accordion-content {
        padding: 0px 20px;
        height: 0px;
        background-color: #fff;
        color: #3d3d3d;
        overflow: hidden;
        transition: padding 200ms ease-in-out;
        -webkit-transition: padding 200ms ease-in-out;
        -moz-transition: padding 200ms ease-in-out;
        line-height: 1.5em;
        font-size: 120%;
    }
}*/
    .ueberschrift-faq {
        font-family: "firaRegular", sans-serif;
        font-size: 100%;
        margin: 0;
        color: #007DC0;
        font-weight: initial;
    }

    .faq-box {
        display: block;
        max-width: 800px;
        min-width: 300px;
        margin: 2em auto;
        padding: 0 2em;
    }

    .img-faq {
        margin: 1em auto;
        text-align: center;
        width: 80%;
        border: 1px solid #ddd;
    }

    .img-faq:hover {
        width: 100%;
    }

    .thumbnail {
        width: 80%;
    }

    .thumbnail {
        width: 100%;
    }

    /* 
//////////////////////////////////
//////////////////////////////////
/////    Checkboxes Style    /////
//////////////////////////////////
//////////////////////////////////
*/
    /* Style for Checkboxes */
    .weitereoptionen {
        width: 100%;
        margin: auto auto;
    }

    @media only screen and (min-width: 1000px) {
        .weitereoptionen {
            width: 90%;
            margin: auto auto;
        }
    }

    .grid-container {
        display: grid;
        grid-template-columns: 1fr;
        /*background-color: #2196F3;*/
        /*padding: 10px;*/
    }

    @media only screen and (min-width: 1000px) {
        .grid-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
            /*background-color: #2196F3;*/
            /*padding: 10px;*/
        }
    }

    @supports (-webkit-appearance: none) or (-moz-appearance: none) {

        input[type='checkbox'],
        input[type='radio'] {
            /*--active: #275EFE; */
            --active: #007DC0;
            --active-inner: #fff;
            --focus: 2px rgba(95, 33, 38, .3);
            --border: #007dc0;
            /* --border-hover: #275EFE;*/
            --border-hover: #007DC0;
            --background: #fff;
            --disabled: #fac0c5;
            --disabled-inner: #f79ba3;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 21px;
            outline: none;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            /*margin: 0;*/
            cursor: pointer;
            border: 1px solid var(--bc, var(--border));
            background: var(--b, var(--background));
            -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
            transition: background .3s, border-color .3s, box-shadow .2s;
        }

        input[type='checkbox']:after,
        input[type='radio']:after {
            content: '';
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        }

        input[type='checkbox']:checked,
        input[type='radio']:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }

        input[type='checkbox']:disabled,
        input[type='radio']:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: .9;
        }

        input[type='checkbox']:disabled:checked,
        input[type='radio']:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border);
        }

        input[type='checkbox']:disabled+label,
        input[type='radio']:disabled+label {
            cursor: not-allowed;
        }

        input[type='checkbox']:hover:not(:checked):not(:disabled),
        input[type='radio']:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover);
        }

        input[type='checkbox']:focus,
        input[type='radio']:focus {
            box-shadow: 0 0 0 var(--focus);
        }

        input[type='checkbox']:not(.switch),
        input[type='radio']:not(.switch) {
            width: 21px;
        }

        input[type='checkbox']:not(.switch):after,
        input[type='radio']:not(.switch):after {
            opacity: var(--o, 0);
        }

        input[type='checkbox']:not(.switch):checked,
        input[type='radio']:not(.switch):checked {
            --o: 1;
        }

        input[type='checkbox']+label,
        input[type='radio']+label {
            /*font-size: 15px;
        line-height: 22px; */
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            /*margin-left: 4px;*/
        }

        input[type='checkbox']:not(.switch) {
            border-radius: 7px;
        }

        input[type='checkbox']:not(.switch):after {
            width: 5px;
            height: 9px;
            border: 2px solid var(--active-inner);
            border-top: 0;
            border-left: 0;
            left: 7px;
            top: 4px;
            -webkit-transform: rotate(var(--r, 20deg));
            transform: rotate(var(--r, 20deg));
        }

        input[type='checkbox']:not(.switch):checked {
            --r: 43deg;
        }

        input[type='checkbox'].switch {
            width: 38px;
            border-radius: 11px;
        }

        input[type='checkbox'].switch:after {
            left: 2px;
            top: 2px;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            background: var(--ab, var(--border));
            -webkit-transform: translateX(var(--x, 0));
            transform: translateX(var(--x, 0));
        }

        input[type='checkbox'].switch:checked {
            --ab: var(--active-inner);
            --x: 17px;
        }

        input[type='checkbox'].switch:disabled:not(:checked):after {
            opacity: .6;
        }

        input[type='radio'] {
            border-radius: 50%;
        }

        input[type='radio']:after {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: var(--active-inner);
            opacity: 0;
            -webkit-transform: scale(var(--s, 0.7));
            transform: scale(var(--s, 0.7));
        }

        input[type='radio']:checked {
            --s: .5;
        }

        input[type="list"] {
            background-color: red;
        }
    }

    /* 
//////////////////////////////////
//////////////////////////////////
/////  Accordion Ergebnisse  /////
//////////////////////////////////
//////////////////////////////////
*/
    .nat-accordion-box {
        background-color: #fff;
        color: #3d3d3d;
        font-family: "firaRegular", sans-serif;
        font-size: 90%;
        line-height: 1.5em;
        display: block;
        position: relative;
        padding: 0 0 10px;
        overflow: hidden;
        border-bottom: 2px solid #dddddd;
        margin-bottom: 1em;
    }

    /*
.nat-accordion-box:hover {
  background-color: #fcfcfc;
}*/
    .nat-menulabel {
        color: #007DC0;
        font-family: "firaMedium", sans-serif;
        font-size: 140%;
        margin: 1em 0;
        display: inline;
        font-weight: normal;
        /* border-bottom: 1px dashed ;*/
    }

    .nat-menulabel:hover {
        letter-spacing: 0.05em;
        /* background-color: #007DC0;
    color: #fff;*/
    }

    .nat-accordion {
        margin-bottom: 1em;
        /*cursor:url(icons/pipette.png) 5 26, auto;*/
        cursor: pointer;
        margin-top: 1em;
    }

    .nat-accordion:before {
        content: url(/images/icons/arrow.svg);
        font-size: 120%;
        /*font-size: 20px;*/
        color: #777;
        font-weight: bold;
        float: right;
        margin: 0 1em;
        transition: transform 0.3s ease-out;
    }

    .nat-active.nat-accordion:before {
        /*content: "⮝";*/
        transform: rotate(180deg);
    }

    .nat-accordion-content {
        /*padding: 0 18px; */
        padding-bottom: 2px;
        /* background-color: white;*/
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
    }

    .nat-accordion-content-ausgeklappt {
        /*padding: 0 18px; */
        padding-bottom: 2px;
        /* background-color: white;*/
        /*max-height: 0;*/
        overflow: hidden;
        transition: max-height 0.4s ease-out;
        /*border-bottom: 1px solid #dddddd;*/
    }

    /*
@media only screen and (min-width:1000px) {
    .nat-accordion-content {
        /*padding: 0 18px; 
        padding-bottom: 2px;
        /* background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
        border-bottom: 1px solid #dddddd;
    }
}*/
    span.validated {
        margin-left: 10px;
        color: #fff;
        font-size: 80%;
        border-radius: 0.7em;
        padding: 0.2em 0.5em;
        border: 1px solid rgb(49, 185, 8);
        background-color: rgb(49, 185, 8);
        font-family: "firaRegular", sans-serif;
    }
    #datenbank-section{
        scroll-margin-top: 180px;
    }
    span.is_company {
        margin-left: 10px;
        color: #fff;
        font-size: 80%;
        border-radius: 0.7em;
        padding: 0.2em 0.5em;
        border: 1px solid rgb(88, 88, 88);
        background-color: rgb(88, 88, 88);
        font-family: "firaRegular", sans-serif;
    }

    .ergebnisse {
        font-family: "firaBold";
        font-size: 120%;
        color: #3d3d3d;
        float: left;
        width: 40%;
        text-align: left;
        padding: 5px 0px 5px 20px;
    }

    @media only screen and (min-width:750px) {
        .ergebnisse {
            float: right;
            text-align: right;
        }
    }

    label.nat-result-label-keyword {
        font-family: "firaRegular", sans-serif;
        font-size: 90%;
        display: inline;
        font-weight: 500;
        margin-right: 0.5em;
    }

    .nat-result-label {
        font-family: "firaRegular", sans-serif;
        font-size: 100%;
        display: inline;
        margin-right: 0.5em;
    }

    .nat-result-label-thin {
        font-family: "firaRegular", sans-serif;
        font-size: 100%;
        display: inline;
        margin-right: 0.5em;
    }

    .nat-result-abstract {
        font-family: "firaMedium", sans-serif;
        font-size: 100%;
    }

    .nat_creationdate {
        font-family: "firaRegular", sans-serif;
        font-size: 80%;
        /*margin: 5px 0;*/
        color: #3d3d3d;
        float: left;
    }

    .nat-result-block {
        /* margin-bottom: 1em; */
        margin: 0.5em 0;
    }

    a.keywordlink {
        font-size: 90%;
        text-decoration: none;
        color: #333;
    }

    a.keywordlink:hover {
        color: #007DC0;
        text-decoration: underline;
    }

    /*
a.keywordlink:visited {
  color: #333;
}*/
    .nat-result-year {
        font-family: "firaMedium", sans-serif;
    }

    a.nat-result-link {
        line-height: 1.8em;
        color: #007DC0;
        text-align: center;
        text-decoration: none;
    }

    a.nat-result-link:hover {
        text-decoration: underline;
    }

    a.nat-result-link:visited {
        text-decoration: none;
        /*color: #646464;*/
        color: #007DC0;
    }

    p.normal-text {
        line-height: 1.8em;
        font-size: 100%;
        color: #3d3d3d;
    }

    p.normal-faq {
        line-height: 1.5em;
        font-size: 110%;
        color: #3d3d3d;
    }

    p.italic {
        line-height: 1.5em;
        font-size: 90%;
        color: #3d3d3d;
        font-style: italic;
    }

    h2.ueberschrift-faq {
        color: #007DC0;
        font-family: "firaRegular", sans-serif;
        font-weight: initial;
    }


.ie_warning {
    display: none;
    background-color: #ffffdd;
    border: 3px solid black;
    position: absolute;
    top: 0;
    height: 100%;
    max-width: 1080px;
    margin: auto;
    z-index: 1000;
    font-size: 250%;
    padding: 5%;
}

@media all and (-ms-high-contrast:none) {
    .ie_warning {
        display: block
    }

    /* IE10 */
    *::-ms-backdrop,
    .ie_warning {
        display: block
    }

    /* IE11 */
}