@font-face{
            font-family: 'NewsGothicBTWebCond';
            src: url("fonts/NGT57__W.eot");
            src: url("fonts/NGT57__W.eot?#iefix") format("embedded-opentype"),url("fonts/NGT57__W.woff") format("woff"),url("fonts/NGT57__W.ttf") format("truetype");
            font-weight: normal;
            font-style: normal
        }

        @font-face {
            font-family: 'NewsGothicBTWebCond';
            src: url("fonts/NGT77__W.eot");
            src: url("fonts/NGT77__W.eot?#iefix") format("embedded-opentype"),url("fonts/NGT77__W.woff") format("woff"),url("fonts/NGT77__W.ttf") format("truetype");
            font-weight: 700;
            font-style: normal
        }

        html, body{
            margin: 0;
            padding: 0;
        }

        body{
            background-color: #F2F3F4;
            color: #2F3A44;
            font-family: 'NewsGothicBTWebCond', 'Trebuchet MS', Arial, sans-serif;
            font-size: 16px;
            font-weight: normal;
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
        }

        @media all and (max-width: 900px){
            body{
                font-size: 14px;
            }
        }

        a{
            color: #2F3A44;
            text-decoration: none;
        }

        h1, h2, h3{
            display: block;
            font-weight: 700;
            line-height: 120%;
            margin: 0 0 30px 0;
            padding: 0;
            position: relative;
            text-align: left;
            text-transform: uppercase;
            width: 100%;
        }

        h1{font-size: 2em;}
        h2{font-size: 1.7em;}
        h2{font-size: 1.4em;}

        .column-full:not(.nopadding),
        .column-50:not(.nopadding){
            padding-bottom: 30px;
        }

        .column-50{
            width: calc(50% - 10px);
        }

        .column-50:nth-of-type(2n){
            padding-left: 20px;
        }

        @media all and (max-width: 700px){
            .column-50{
                width: 100%;
            }

            .column-50:nth-of-type(2n){
                padding-left: 0;
            }
        }

        button{
            background: #0076bf;
            background: -webkit-gradient(linear,left top,left bottom,from(#0076bf),to(#06507f));
            background: -webkit-linear-gradient(top,#0076bf,#06507f);
            background: linear-gradient(to bottom,#0076bf,#06507f);
            background-color: none;
            border: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: 'NewsGothicBTWebCond', 'Trebuchet MS', Arial, sans-serif;
            font-weight: bold;
            min-height: 33px;
            min-width: 280px;
            text-align: center;
            text-transform: uppercase;
            padding: 8px 16px;
            position: relative;
            transition: all 200ms linear;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        button:hover{
            background: #06507f;
            background: -webkit-gradient(linear,left top,left bottom,from(#06507f),to(#06507f));
            background: -webkit-linear-gradient(top,#06507f,#06507f);
            background: linear-gradient(to bottom,#06507f,#06507f);
        }

        button:before,
        button:after{
            bottom: 0;
            content: '';
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: all 0.4s ease;
            visibility: hidden;
        }

        button:before{
            background: rgb(209,209,209);
            background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(170,170,170,1) 100%);
            background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(170,170,170,1) 100%);
            background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(170,170,170,1) 100%);
        }

        button:after{
            animation-name: spinner;
            animation-delay: 0s;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><g><path style='fill-rule:evenodd;clip-rule:evenodd;' d='M8,0C7.3,0,6.7,0.6,6.7,1.3v2.1c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3V1.3C9.3,0.6,8.7,0,8,0z M3.2,2	C2.9,2,2.6,2.1,2.3,2.3c-0.5,0.5-0.5,1.3,0,1.8l1.5,1.5c0.5,0.5,1.3,0.5,1.8,0s0.5-1.3,0-1.8L4.1,2.3C3.9,2.1,3.6,2,3.2,2z M12.8,2 c-0.3,0-0.6,0.1-0.9,0.4l-1.5,1.5c-0.5,0.5-0.5,1.3,0,1.8s1.3,0.5,1.8,0l1.5-1.5c0.5-0.5,0.5-1.3,0-1.8C13.4,2.1,13.1,2,12.8,2z M1.3,6.7C0.6,6.7,0,7.3,0,8s0.6,1.3,1.3,1.3h2.1c0.7,0,1.3-0.6,1.3-1.3S4.1,6.7,3.4,6.7H1.3z M12.6,6.7c-0.7,0-1.3,0.6-1.3,1.3 s0.6,1.3,1.3,1.3h2.1C15.4,9.3,16,8.7,16,8s-0.6-1.3-1.3-1.3H12.6z M4.7,10c-0.3,0-0.6,0.1-0.9,0.4l-1.5,1.5 c-0.5,0.5-0.5,1.3,0,1.8s1.3,0.5,1.8,0l1.5-1.5c0.5-0.5,0.5-1.3,0-1.8C5.4,10.1,5,10,4.7,10z M11.3,10c-0.3,0-0.6,0.1-0.9,0.4 c-0.5,0.5-0.5,1.3,0,1.8l1.5,1.5c0.5,0.5,1.3,0.5,1.8,0s0.5-1.3,0-1.8l-1.5-1.5C11.9,10.1,11.6,10,11.3,10z M8,11.4 c-0.7,0-1.3,0.6-1.3,1.3v2.1C6.7,15.4,7.3,16,8,16s1.3-0.6,1.3-1.3v-2.1C9.3,11.9,8.7,11.4,8,11.4z'/></g></svg>");
            content: '';
            height: 16px;
            left: calc(50% - 8px);
            opacity: 0;
            top: calc(50% - 8px);
            visibility: hidden;
            width: 16px;
        }

        @keyframes spinner{
            from{transform: rotate(0deg);}
            to{transform: rotate(365deg);}
        }

        button.wait:before,
        button.wait:hover:before,
        button.wait:after,
        button.wait:hover:after{
            opacity: 1;
            visibility: visible;
        }

        form{
            font-family: 'NewsGothicBTWebCond', 'Trebuchet MS', Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        .form input::-webkit-input-placeholder,
        .form select::-webkit-input-placeholder{
            font-size: 1em;
            color: #ACB0B4;
            text-overflow: ellipsis;
        }

        .form input::-moz-placeholder,
        .form select::-moz-placeholder{
            color: #ACB0B4;
            font-size: 1em;
            text-overflow: ellipsis;
            opacity: 1;
        }

        .form input:-ms-input-placeholder,
        .form select:-ms-input-placeholder{
            color: #ACB0B4;
            font-size: 1em;
            text-overflow: ellipsis;
        }

        form label{
            font-family: 'NewsGothicBTWebCond', 'Trebuchet MS', Arial, sans-serif;
            display: block;
            margin-bottom: 10px;
            width: 100%;
        }

        form input,
        form select{
            -webkit-appearance: none !important; */
            -moz-appearance: none !important;
            appearance: none !important;
            background: #fff;
            border: #d5d8da 1px solid;
            box-sizing: border-box;
            display: block;
            font-family: 'NewsGothicBTWebCond', 'Trebuchet MS', Arial, sans-serif;
            height: 44px;
            padding: 0 20px;
            width: 100%;
        }

        form select{
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjIiIHkxPSI0NCIgeDI9IjIyIiB5Mj0iLTkuMDk0OTQ3ZS0xMyI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA0RjgxIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjUwNzUiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDYyQTEiLz4KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDc1QzIiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjEuNiwyNS4xIDEzLjMsMTkuOCAxNCwxOC44IDIxLjksMjMuOSAyOS45LDE4LjggMzAuNSwxOS44IDIyLjIsMjUuMSAiLz4KPC9zdmc+Cg==);
            background-position: right center;
            background-repeat: no-repeat;
            padding: 0 35px 0 20px;
        }
        
        .main-input{
            position: relative;
        }

        .main-input .progressbar-bg{
            background-color: #D8CBFC;
            bottom: 1px;
            left: 1px;
            height: 3px;
            opacity: 0;
            position: absolute;
            transition: all 0.4s ease;
            visibility: hidden;
            width: calc(100% - 2px);
        }

        .main-input .progressbar-bg.active{
            opacity: 1;
            visibility: visible;
        }

        .main-input .progressbar-bg .progressbar{
            background-color: #7245EF;
            bottom: 0;
            height: 3px;
            left: 1px;
            max-width: 100%;
            transition: all 0.4s ease;
            visibility: visible;
            width: 0;
        }

        .more-options{
            display: flex;
            flex-wrap: wrap;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        .more-options.active{
            max-height: 2500px;
            opacity: 1;
            padding-top: 30px;
        }

        .more-options .column-full:last-of-type,
        .more-options .column-50:last-of-type{
            padding-bottom: 0;
        }

        .details{
            display: flex;
            font-size: 0.8em;
            margin-top: -25px;
            padding-bottom: 30px;
        }

        .details div{
            width: 50%;
        }

        .details div.mehr-optionen{
            cursor: pointer;
        }

        .details div:last-of-type{
            text-align: right;
        }

        #document-list{
            border-top: #d5d8da 1px solid;
        }

        #document-list a{
            display: block;
        }

        #document-list .single-result{
            align-items: center;
            border-bottom: #d5d8da 1px solid;
            display: flex;
            justify-content: space-between;
            padding: 20px 10px;
            transition: all 0.4s ease;
        }

        #document-list .single-result:hover{
            background-color: #fff;
        }

        #document-list .single-result svg{
            display: block;
            height: auto;
            fill: #2F3A44;
            max-width: 50px;
            width: 100%;
        }

        #document-list .single-result .middle-column{
            padding: 0 20px;
            width: 65%;
        }

        #document-list .single-result .middle-column span{
            display: block;
        }

        #document-list .single-result .middle-column span:not(.title):before{
            background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.7 100" style="enable-background:new 0 0 61.7 100;" xml:space="preserve"><g id="Layer_2"></g><g id="Layer_1">	<path d="M10,97.5c-2.6,0-5.1-1-7.1-2.9C-1,90.7-1,84.3,2.9,80.4L33.2,50L2.9,19.6C-1,15.7-1,9.3,2.9,5.4s10.3-3.9,14.2,0l37.5,37.5	c1.9,1.9,2.9,4.4,2.9,7.1s-1.1,5.2-2.9,7.1L17.1,94.6C15.1,96.5,12.5,97.5,10,97.5z"/></g></svg>');
            background-repeat: no-repeat;
            background-size: 5px;
            content: '';
            display: inline-block;
            height: 10px;
            width: 10px;
        }

        #document-list .single-result .middle-column span.title{
            font-size: 1.3em;
            font-weight: bold;
        }

        .hidden{
            display: none;
        }