@font-face {
            font-family: vx-standard;
            src: url(https://moziplus.com/assets/fonts/de/selawik-400.eot);
            src: url(https://moziplus.com/assets/fonts/de/selawik-400.eot) format("embedded-opentype"), url(https://moziplus.com/assets/fonts/de/selawik-400.woff) format("woff"), url(https://moziplus.com/assets/fonts/de/selawik-400.ttf) format("truetype"), url(https://moziplus.com/assets/fonts/de/selawik-400.svg) format("svg");
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-family: vx-iconfont;
            src: url(https://moziplus.com/assets/fonts/de/verivox-de.eot);
            src: url(https://moziplus.com/assets/fonts/de/verivox-de.eot) format("embedded-opentype"), url(https://moziplus.com/assets/fonts/de/verivox-de.woff) format("woff"), url(https://moziplus.com/assets/fonts/de/verivox-de.ttf) format("truetype"), url(https://moziplus.com/assets/fonts/de/verivox-de.svg#vx-iconfont) format("svg");
            font-weight: 400;
            font-style: normal
        }

        .i-a-angle-right::after,
        .i-angle-right::before {
            content: ""
        }

        .i-a-bag::after,
        .i-bag::before {
            content: ""
        }

        .i-a-car::after,
        .i-car::before {
            content: ""
        }

        .i-a-close::after,
        .i-close::before {
            content: ""
        }

        .i-a-credit-cards::after,
        .i-credit-cards::before {
            content: ""
        }

        .i-a-flash::after,
        .i-flash::before {
            content: ""
        }

        .i-a-gas::after,
        .i-gas::before {
            content: ""
        }

        .i-a-globe::after,
        .i-globe::before {
            content: ""
        }

        .i-a-info::after,
        .i-info::before {
            content: ""
        }

        .i-a-notification::after,
        .i-notification::before {
            content: ""
        }

        .i-a-phone::after,
        .i-phone::before {
            content: ""
        }

        .i-a-plane::after,
        .i-plane::before {
            content: ""
        }

        .i-a-plug::after,
        .i-plug::before {
            content: ""
        }

        .i-a-router::after,
        .i-router::before {
            content: ""
        }

        .i-a-search::after,
        .i-search::before {
            content: ""
        }

        .i-a-shield::after,
        .i-shield::before {
            content: ""
        }

        .i-a-smartphone::after,
        .i-smartphone::before {
            content: ""
        }

        .i-a-user::after,
        .i-user::before {
            content: ""
        }

        .i-a-wlan::after,
        .i-wlan::before {
            content: ""
        }

        .i-a-success::after,
        .i-success::before {
            content: ""
        }

        .i-a-twitter::after,
        .i-twitter::before {
            content: ""
        }

        .i-a-facebook::after,
        .i-facebook::before {
            content: ""
        }

        .i-a-instagram::after,
        .i-instagram::before {
            content: ""
        }

        .i-a-youtube::after,
        .i-youtube::before {
            content: ""
        }

        .i-a-android::after,
        .i-android::before {
            content: ""
        }

        .i-a-apple::after,
        .i-apple::before {
            content: ""
        }

        .i-a-check-bold::after,
        .i-check-bold::before {
            content: ""
        }

        .i-a-house-money::after,
        .i-house-money::before {
            content: ""
        }

        .i-a-euro-circle::after,
        .i-euro-circle::before {
            content: ""
        }

        .i-a-euro-sign::after,
        .i-euro-sign::before {
            content: ""
        }

        .i-a-factory::after,
        .i-factory::before {
            content: ""
        }

        .i-a-giro-card::after,
        .i-giro-card::before {
            content: ""
        }

        .i-a-simcard::after,
        .i-simcard::before {
            content: ""
        }

        .i-a-sofa::after,
        .i-sofa::before {
            content: ""
        }

        .i-a-stetoskope::after,
        .i-stetoskope::before {
            content: ""
        }

        .i-a-radio-mast::after,
        .i-radio-mast::before {
            content: ""
        }

        .i-a-smartphone-globe::after,
        .i-smartphone-globe::before {
            content: ""
        }

        .i-a-hand-leaf::after,
        .i-hand-leaf::before {
            content: ""
        }

        .i-a-leaf::after,
        .i-leaf::before {
            content: ""
        }

        .i-a-broken-glas::after,
        .i-broken-glas::before {
            content: ""
        }

        .i-a-jugde-hammer::after,
        .i-jugde-hammer::before {
            content: ""
        }

        .i-a-piggy-bank::after,
        .i-piggy-bank::before {
            content: ""
        }

        .i-a-mail::after,
        .i-mail::before {
            content: ""
        }

        .i-a-google-plus::after,
        .i-google-plus::before {
            content: ""
        }

        .i-a-stopwatch::after,
        .i-stopwatch::before {
            content: ""
        }

        .i-a-tooth::after,
        .i-tooth::before {
            content: ""
        }

        .i-a-tv::after,
        .i-tv::before {
            content: ""
        }

        .i-a-young-guy::after,
        .i-young-guy::before {
            content: ""
        }

        .i-a-filled-info::after,
        .i-filled-info::before {
            content: ""
        }

        .i-a-document::after,
        .i-document::before {
            content: ""
        }

        .i-a-calendar::after,
        .i-calendar::before {
            content: ""
        }

        .i-a-car-insurance-shield::after,
        .i-car-insurance-shield::before {
            content: ""
        }

        .i-a-download::after,
        .i-download::before {
            content: ""
        }

        .i-a-clip::after,
        .i-clip::before {
            content: ""
        }

        .i-a-verivox::after,
        .i-verivox::before {
            content: ""
        }

        .i-angle-down::before,
        .i-angle-left::before,
        .i-angle-up::before {
            content: '\e902';
            display: inline-block;
        }

        .i-angle-down::before {
            transform: rotate(90deg);
        }

        .i-angle-up::before {
            transform: rotate(-90deg);
        }

        .i-angle-left::before {
            transform: scaleX(-1);
        }

        .i-a-bank::after,
        .i-bank::before {
            content: ""
        }

        .i-a-delivery-time-outlined::after,
        .i-delivery-time-outlined::before {
            content: ""
        }

        .i-a-e-car-with-house::after,
        .i-e-car-with-house::before {
            content: ""
        }

        .i-a-heart-beat::after,
        .i-heart-beat::before {
            content: ""
        }

        .i-a-home-heating-outlined::after,
        .i-home-heating-outlined::before {
            content: ""
        }

        .i-a-house-shield::after,
        .i-house-shield::before {
            content: ""
        }

        .i-a-android::after,
        .i-android::before {
            content: ""
        }

        .i-a-angle-right::after,
        .i-angle-right::before {
            content: ""
        }

        .i-a-apple::after,
        .i-apple::before {
            content: ""
        }

        .i-a-bag::after,
        .i-bag::before {
            content: ""
        }

        .i-a-broken-glas::after,
        .i-broken-glas::before {
            content: ""
        }

        .i-a-calendar::after,
        .i-calendar::before {
            content: ""
        }

        .i-a-car::after,
        .i-car::before {
            content: ""
        }

        .i-a-car-insurance-shield::after,
        .i-car-insurance-shield::before {
            content: ""
        }

        .i-a-check-bold::after,
        .i-check-bold::before {
            content: ""
        }

        .i-a-clip::after,
        .i-clip::before {
            content: ""
        }

        .i-a-close::after,
        .i-close::before {
            content: ""
        }

        .i-a-comparison::after,
        .i-comparison::before {
            content: ""
        }

        .i-a-credit-cards::after,
        .i-credit-cards::before {
            content: ""
        }

        .i-a-doc-signed-outline::after,
        .i-doc-signed-outline::before {
            content: ""
        }

        .i-a-document::after,
        .i-document::before {
            content: ""
        }

        .i-a-download::after,
        .i-download::before {
            content: ""
        }

        .i-a-e-car-house::after,
        .i-e-car-house::before {
            content: ""
        }

        .i-a-e-mobility::after,
        .i-e-mobility::before {
            content: ""
        }

        .i-a-euro-circle::after,
        .i-euro-circle::before {
            content: ""
        }

        .i-a-euro-sign::after,
        .i-euro-sign::before {
            content: ""
        }

        .i-a-exchange::after,
        .i-exchange::before {
            content: ""
        }

        .i-a-external-link::after,
        .i-external-link::before {
            content: ""
        }

        .i-a-facebook::after,
        .i-facebook::before {
            content: ""
        }

        .i-a-factory::after,
        .i-factory::before {
            content: ""
        }

        .i-a-filled-info::after,
        .i-filled-info::before {
            content: ""
        }

        .i-a-filter-bars::after,
        .i-filter-bars::before {
            content: ""
        }

        .i-a-flash::after,
        .i-flash::before {
            content: ""
        }

        .i-a-gas::after,
        .i-gas::before {
            content: ""
        }

        .i-a-giro-card::after,
        .i-giro-card::before {
            content: ""
        }

        .i-a-globe::after,
        .i-globe::before {
            content: ""
        }

        .i-a-google-plus::after,
        .i-google-plus::before {
            content: ""
        }

        .i-a-hand-leaf::after,
        .i-hand-leaf::before {
            content: ""
        }

        .i-a-house-money::after,
        .i-house-money::before {
            content: ""
        }

        .i-a-info::after,
        .i-info::before {
            content: ""
        }

        .i-a-instagram::after,
        .i-instagram::before {
            content: ""
        }

        .i-a-jugde-hammer::after,
        .i-jugde-hammer::before {
            content: ""
        }

        .i-a-leaf::after,
        .i-leaf::before {
            content: ""
        }

        .i-a-location-outlined::after,
        .i-location-outlined::before {
            content: ""
        }

        .i-a-mail::after,
        .i-mail::before {
            content: ""
        }

        .i-a-notification::after,
        .i-notification::before {
            content: ""
        }

        .i-a-phone::after,
        .i-phone::before {
            content: ""
        }

        .i-a-piggy-bank::after,
        .i-piggy-bank::before {
            content: ""
        }

        .i-a-plane::after,
        .i-plane::before {
            content: ""
        }

        .i-a-plug::after,
        .i-plug::before {
            content: ""
        }

        .i-a-radio-mast::after,
        .i-radio-mast::before {
            content: ""
        }

        .i-a-router::after,
        .i-router::before {
            content: ""
        }

        .i-a-search::after,
        .i-search::before {
            content: ""
        }

        .i-a-shield::after,
        .i-shield::before {
            content: ""
        }

        .i-a-simcard::after,
        .i-simcard::before {
            content: ""
        }

        .i-a-smartphone::after,
        .i-smartphone::before {
            content: ""
        }

        .i-a-smartphone-globe::after,
        .i-smartphone-globe::before {
            content: ""
        }

        .i-a-sofa::after,
        .i-sofa::before {
            content: ""
        }

        .i-a-stetoskope::after,
        .i-stetoskope::before {
            content: ""
        }

        .i-a-stopwatch::after,
        .i-stopwatch::before {
            content: ""
        }

        .i-a-success::after,
        .i-success::before {
            content: ""
        }

        .i-a-tooth::after,
        .i-tooth::before {
            content: ""
        }

        .i-a-tv::after,
        .i-tv::before {
            content: ""
        }

        .i-a-twitter::after,
        .i-twitter::before {
            content: ""
        }

        .i-a-user::after,
        .i-user::before {
            content: ""
        }

        .i-a-verivox::after,
        .i-verivox::before {
            content: ""
        }

        .i-a-wlan::after,
        .i-wlan::before {
            content: ""
        }

        .i-a-young-guy::after,
        .i-young-guy::before {
            content: ""
        }

        .i-a-youtube::after,
        .i-youtube::before {
            content: ""
        }

        .i-a-radiator-outlined::after,
        .i-radiator-outlined::before {
            content: ""
        }

        .i-a-two-houses::after,
        .i-two-houses::before {
            content: ""
        }

        [class*=" i-"]:not([class*=" i-a-"])::before,
        [class*=" i-a-"]::after,
        [class^=i-]:not([class^=i-a-])::before,
        [class^=i-a-]::after {
            font-family: vx-iconfont;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            speak: none;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
        }

        .i-a-download,
        .i-heart-beat {
            font-size: 1.2rem;
            vertical-align: middle;
        }

        #download {
            width: 296px;
        }

        body,
        button,
        input,
        select,
        textarea {
            font-family: Selawik, "Segoe UI", Segoe, "Open Sans", Calibri, Tahoma, Geneva, sans-serif
        }

        .i-a-comparison-up::after,
        .i-comparison-up::before {
            content: '\e926';
            display: inline-block;
            transform: rotate(90deg)
        }

        .calculator-headline .i-close::before,
        .i-a-angle-down::after,
        .i-a-angle-left::after,
        .i-a-angle-up::after,
        .i-angle-down::before,
        .i-angle-left::before,
        .i-angle-up::before {
            content: '\e902';
            display: inline-block
        }

        .i-a-angle-down::after,
        .i-angle-down::before {
            transform: rotate(90deg)
        }

        .i-a-angle-up::after,
        .i-angle-up::before {
            transform: rotate(-90deg)
        }

        .calculator-headline .i-close::before,
        .i-a-angle-left::after,
        .i-angle-left::before {
            transform: scaleX(-1)
        }

        :root {
            --grey888: #888;
            --grey444: #444;
            --grey333: #ECECEC;
            --greydf: #dfdfdf;
            --c9: #c9c9c9;
            --green: #64C973;
            --hellgreen: #C1E9C7;
            --darkgreen: green;
            --bordergrey: #c9c9c9;
            --golden: #FD8A02;
            --margin20: 20px;
            --margin10: 10px;
            --margin13: 13px;
            --margin8: 8px;
            --infotooltipsize: 18px;
            --maxwidth: 835px;
            --hellrose: #F4AD9C;
            --rose: #EC6E52;
            --text_red: #CE4B35;
            --info_tooltip_width: 200px;
            --button_h: 40px;
            --table_width: 700px;
            --select_width: 250px;
        }

      

        a {
            color: var(--golden);
        }

        p {
            margin: 0.5rem 0;
        }

        

        input,
        select,
        textarea {
            box-sizing: border-box;
        }

        .orange-box {
            padding: 15px 20px;
            border: 1px solid var(--golden);
            width: 296px;
            position: relative;
            height: 375px;
            ;
            margin-bottom: 15px;
        }

        .orange-box:first-child {
            margin-right: 30px;
        }

        h4 {
            font-size: 1.6rem;
            margin: 0;
            padding: 0;
            margin-bottom: 23px;
        }

        .input-wrapper,
        .select-wrapper {
            margin-bottom: 15px!important;
        }

        .select-wrapper {
            position: relative;
        }

        .float-label-input,
        .float-label-select {
            border: 1px solid #c9c9c9;
            border-radius: 2px;
            color: #888;
            font-size: 1.1rem;
            line-height: 21px;
            padding: 15px 10px 0;
            height: 50px;
            width: 100%;
            outline: none;
            box-shadow: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: white;
        }

        .float-label-input:focus,
        .float-label-select:focus {
            border-color: var(--golden);
        }

        .float-label-input:invalid:not(:focus),
        .float-label-select:invalid:not(:focus) {
            border-color: red;
        }

        .float-label {
            overflow: hidden;
            color: #888;
            display: block;
            cursor: text;
            height: 50px;
            font-size: 12px;
            line-height: 32px;
            margin-top: -50px;
            padding: 0 11px;
            transition: all .2s ease;
            white-space: nowrap;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        .input-wrapper--with-i {
            width: calc(100% - 30px);
        }

        .with-i-container {
            position: relative;
        }

        .info-tooltip-sign {
            border: 1px solid var(--grey888);
            font-size: 1.1rem;
            line-height: var(--margin13);
            height: var(--infotooltipsize);
            width: var(--infotooltipsize);
            border-radius: var(--infotooltipsize);
            text-align: center;
            color: var(--grey888);
            display: inline-block;
            margin-left: 0.5rem;
            cursor: pointer;
            box-sizing: border-box;
            padding-top: 1px;
        }

        .info-tooltip-sign--right {
            right: 0;
        }

        .info-tooltip-sign {
            top: calc(100% - 32px);
            position: absolute;
        }

        .select-wrapper__icon-wrapper {
            pointer-events: none;
            position: absolute;
            right: 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            top: 0;
        }

        .sublink {
            margin-bottom: 16px;
        }

        button {
            padding: 0;
            border: none;
            width: 100%;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
            text-transform: uppercase;
            height: var(--button_h);
        }

        .light-accent-button {
            border: 1px solid orange;
            color: orange;
            background-color: white;
        }

        .accent-button {
            border: 1px solid orange;
            color: white;
            background-color: orange;
            padding: 0 20px;
        }

        .accent-button a {
            display: block;
            color: white;
            text-decoration: none;
        }

        .box1 {
            display: flex;
        }

        .table {
            display: table;
            width: 100%;
            border: none;
        }

        .table-row {
            display: table-row;
        }

        .table-cell {
            display: table-cell;
            border: none;
            padding: 10px;
        }

        .table-ergebnis .table-cell:last-child {
            font-weight: bold;
            text-align: right;
        }

        .table-ergebnis .table-cell,
        .table-green .table-cell {
            padding: 0 0 12px 0;
        }

        .table-green .table-row:first-child {
            font-weight: bold;
        }

        .table-green .table-cell:last-child {
            text-align: right;
        }

        .greenbox {
            background-color: var(--hellgreen);
            padding: var(--margin10);
            margin-top: 20px;
        }

        .refreshed {
            color: var(--green);
            height: 20px;
            margin-bottom: 10px;
        }

        .notice {
            font-size: 10px;
            line-height: 1.5;
            font-weight: normal;
        }

        .input-wrapper-last {
            position: absolute !important;
            bottom: 0;
            left: var(--margin20);
            width: calc(100% - var(--margin20) - var(--margin20));
        }

        .flex1 {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0;
        }

        .flex1__div1 {
            width: 100%;
            min-width: var(--select_width);
            position: relative;
        }

        .refresh {
            width: 40px;
            height: 40px;
            position: absolute;
            right: 0;
            top: 5px;
            padding: 0;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAIAAADp3DFZAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS41ZEdYUgAAAqBJREFUOE9tVM9LVFEUfhit+hPat2kRQbvoB7lpWSRJLaJF4KaWRSAURoJG9GMRIZVlqBMtHO2HJSpGSEpJ1mhSQaaIkT+wspzJefc70/nuuW8Yxz7e3Pe98777nXPPvW+iQhmEsFHgBHFyuWJcxyBOsMbFS/wNziJlYNxrTFjEf2vx9/yKTD7Dq4sYOI3hRpnqE7fKuDcyIXUe62oBxMUy2oRUJR4fxcg1jLXg9RV0HcaDSvnQykJsdX6Cn+ddLEQLl+eiM83oOCCLE5zgRUZkbhQP92PgDLl2KjgRUeBJhI+5pcC1eN9aGzlZCkgfkqEGfYtkaQpfi65CIH9/yu9v3sabCcLdg1xXqshn0bpTFsbJEyPWwmzq3VOD9j1MyMzBwkRmRo3LK8fbm+g9yeRxzuKRUspmBl3jRnchQqaZar9sJWtAKzBNdgEdB0mSsNYC+fMdNzbHdVFcH7mGDTL3jvKSZRN+fsGt4muvfH6Etl2YaJMv3ZJd1DD7gskedFahfTfubkO6Gpk79F/nQl/EeHLM1UbuUkV8LkLTFsktqZR9YQ9UNjuE5zVK9NH6UgY7JrK6jNtb4/oKXN7Eqn3c9sh/LysLSO2jtybUXfNtsPkKzzWh3++pPnc+wmCdxtlWsbPLLvht6j2FN1dJ9LCHeQFepaeFnyX5+1uS+6HzeIXzoherhSzPoGWHzGcY0U1lHthlp8FgpsZsDLWoE42UTvfj3naZ6icvu+IsXtZqDtrot1Is0Grhg/8FI21zai+6T8intCx+lF/TMjuMket6JvHirHZX16+Fh0I8gkvw1NH6p+PYfTw9js5qpKvQdUT0I5wf56tEW4rERVF8KSV/UZozzgauYKeoKjMqcVHoyyJs+zXGMLvLMVEEvaFQ+AdG3hDh4SCOLgAAAABJRU5ErkJggg==');
            background-position: center center;
            background-repeat: no-repeat;
        }

        .flex1__select {
            width: 100%;
            max-width: var(--select_width);
        }

        .result-table .table-cell {
            border: 1px solid #bbb;
            border-top-width: 0px;
            border-right-width: 0px;
            padding-top: 5px;
            box-sizing: border-box;
            vertical-align: middle;
        }

        .result-table .table-cell:last-child {
            border-right-width: 1px;
        }

        .table-header .table-cell {
            border: none;
            padding-top: 10px;
        }

        .abstand .table-cell {
            border: none;
            height: 8px;
            padding: 0;
        }

        .table-header+.abstand {
            background-color: white;
        }

        .standard1+.abstand {
            background-color: var(--greydf);
        }

        .result-table .standard1,
        .result-table .standard_last {
            background-color: white;
        }

        .result-table .standard2 {
            background-color: var(--greydf);
        }

        .result-table .table-row:last-child {
            font-weight: bold;
        }

        .result-table .table-row:last-child .table-cell {
            border: none;
            padding-top: 15px;
        }

        .result-table {
            width: var(--table_width);
        }

        .result-table .table-header:first-child {
            background-color: var(--c9);
            font-weight: bold;
        }

        #table_container {
            margin-bottom: 10px;
            width: 100%;
            overflow-x: auto;
        }

        .greenrow {
            background-color: var(--hellgreen);
        }

        .greenrow .table-cell {
            border: none;
            font-weight: bold;
            padding-top: 10px 5px;
        }

        .select05 {
            width: 45%;
        }

        .select05-in {
            height: 40px;
            padding-top: 2px
        }

        .two-selects {
            display: flex;
            justify-content: space-between;
        }

        .rz {
            margin-bottom: 10px;
            display: block;
        }

        .result-table.print .abstand {
            display: none;
        }

        .result-table.print .greenrow {
            background-color: #ccc;
            padding-top: 0;
        }

        .error {
            background-color: var(--hellrose);
        }

        #refreshed-error {
            display: none;
            color: var(--rose);
        }

        .accent-button[disabled],
        .light-accent-button[disabled] {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .orange-box--error {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: start;
            height: auto;
            box-sizing: border-box;
            display: none;
        }

        .orange-box--error div:first-child {
            margin-right: 50px;
        }

        h5 {
            font-size: 1.2rem;
            padding: 0;
            margin: 10px 0;
            font-weight: bold;
        }

        .table-ergebnis div.gesamtkosten {
            padding-bottom: 0;
        }

        #anzeigeformat {
            width: var(--select_width);
        }

        a:-webkit-any-link:focus-visible {
            outline: none;
        }

        :focus-visible {
            outline: none;
        }

        .close {
            position: absolute;
            top: var(--margin13);
            right: var(--margin13);
            cursor: pointer;
            font-size: 3rem;
            color: var(--grey888);
            width: var(--margin20);
            height: var(--margin13);
            line-height: var(--margin13);
            font-weight: 200;
            opacity: 0.7;
        }

        .close::before {
            content: '+';
            transform: rotate(45deg);
            display: inline-block;
        }

        .close:hover,
        .close:focus {
            opacity: 1;
        }

        .info-tooltip-sign {
            border: 1px solid var(--grey888);
            font-size: 1.1rem;
            line-height: var(--margin13);
            height: var(--infotooltipsize);
            width: var(--infotooltipsize);
            border-radius: var(--infotooltipsize);
            text-align: center;
            color: var(--grey888);
            display: inline-block;
            margin-left: 0.5rem;
            cursor: pointer;
            box-sizing: border-box;
            padding-top: 1px;
        }

        .info-tooltip-sign:hover {
            color: var(--golden);
            border-color: var(--golden);
        }

        .info-tooltip-sign[selected]:hover {
            color: white;
            border-color: var(--grey888);
        }

        .infotooltip {
            background-color: white;
            max-width: 280px;
            opacity: none;
            padding: 30px;
            border-radius: 5px;
            position: absolute;
            width: var(--info_tooltip_width);
            border: 1px solid var(--greydf);
            display: none;
            box-shadow: 0 0 6px 1px rgba(0, 0, 0, .2);
            z-index: 100;
            text-align: left;
            box-sizing: border-box;
        }

        .infotooltip__close {
            top: 5px;
            right: 5px;
        }

        .info-tooltip-sign[selected] {
            color: white;
            background-color: var(--grey666);
        }

        .infotooltip__triangle {
            width: var(--margin10);
            height: var(--margin10);
            border: 1px solid var(--greydf);
            position: absolute;
            left: calc(50% - 12px);
            top: -6px;
            transform: rotate(45deg);
            background-color: white;
            z-index: 0;
            border-right-color: white;
            border-bottom-color: white;
            box-shadow: 0 0 6px 1px rgba(0, 0, 0, .2);
            right: 3px;
        }

        .infotooltip__triangle-hider {
            width: 40px;
            height: 20px;
            border: 1px solid white;
            position: absolute;
            left: calc(50% - 25px);
            top: 0;
            background-color: white;
            z-index: 1;
            right: 1px;
        }

        @media(max-width:670px) {
            .box1 {
                flex-wrap: wrap;
                width: 100%;
            }

            .orange-box {
                width: 100%;
                margin-right: auto;
                height: auto;
            }

            .orange-box:first-child {
                margin-right: auto;
            }

            .greenbox {
                margin-top: var(--margin10);
            }

            .input-wrapper-last {
                position: initial;
                width: 100%;
                margin-bottom: 0;
            }

            .infotooltip {
                right: -15px;
            }

            .infotooltip__triangle-hider {
                left: auto;
                height: 7px;
            }

            .infotooltip__triangle {
                right: 18px;
                left: auto;
            }

            #anzeigeformat {
                width: 100%;
            }

            .flex1__div1,
            .flex1__select {
                max-width: 100%;
            }

            .select05 {
                margin-bottom: 0;
            }
        }

        @media(max-width:590px) {
            .flex1 {
                flex-direction: column;
                justify-content: flex-start;
            }

            body {
                margin: 30px 10px;
            }

            .infotooltip {
                width: 100vw;
                max-width: 100vw;
                right: 0;
                left: -30px;
            }

            .infotooltip__triangle {
                right: 34px;
            }

            .infotooltip__triangle-hider {
                height: 10px;
                right: 30px;
            }
        }

        @media(max-width:460px) {
            .orange-box--error {
                flex-wrap: wrap;
                justify-content: center;
            }

            .orange-box--error div:first-child {
                margin-right: 0;
            }
        }

        @media(max-width:410px) {
            .two-selects {
                flex-direction: column;
                justify-content: flex-start;
            }

            .select05 {
                width: auto;
            }
        }