/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2022 Philipp Kolbeck
 * Parsed: 26.09.2022 10:04:20 - Rendertime: 0,0173sec.
 */

@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.italic.100.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.italic.300.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.italic.400.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.italic.500.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.italic.700.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.italic.900.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fnt/roboto/roboto.normal.100.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fnt/roboto/roboto.normal.300.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fnt/roboto/roboto.normal.400.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fnt/roboto/roboto.normal.500.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fnt/roboto/roboto.normal.700.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.greek-ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.greek.woff2) format('woff2'); unicode-range: U+0370-03FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fnt/roboto/roboto.normal.900.latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
* { font-family: 'Roboto'; }
.popup.gray,
.hotspot.gray a img,
.hotspot.hover-gray:hover a img,
.hotspot.hover-gray:hover .tooltip { background-color: #8499A6; }
.hotspot.yellow a img,
.hotspot.hover-yellow:hover a img,
.hotspot.hover-yellow:hover .tooltip { background-color: #FDC200; }
header { position: fixed; top: 0; left: 0; right: 0; height: 100px; background-color: #FFF; font-size: 18px; font-size: 16px; font-size: 15px; font-family: Roboto; color: #8499A6; line-height: auto; }
header strong { font-size: 20px; font-size: 16px; }
header:after { display: block; height: 10px; content: ""; background: #deaa00; background: -moz-linear-gradient(top,  #deaa00 0%, #fdc200 100%); background: -webkit-linear-gradient(top,  #deaa00 0%,#fdc200 100%); background: linear-gradient(to bottom,  #deaa00 0%,#fdc200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deaa00', endColorstr='#fdc200',GradientType=0 ); }
header>div { height: 90px; max-width: 1200px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 20px; }
header>div>div:last-child { display: flex; flex-direction: row; }
header>div>div:last-child div:not(:last-child) { padding-right: 30px; }
header>div>div:last-child .call { background-image: url('../img/icon.call.svg'); background-repeat: no-repeat; background-position: 0 3px; padding-left: 60px; }
header>div>div:last-child .modo { background-image: url('../img/icon.clock.svg'); background-repeat: no-repeat; background-position: 0 3px; padding-left: 60px; padding-right: 25px !important; }
header img[src*="logo"] { cursor: pointer; height: 50px; }
header .hotspot,
header .hotspot:hover { position: static; margin-top: 0; animation: none; transform: none; transition: none; }
header .hotspot img,
header .hotspot:hover img { max-width: 40px !important; width: 40px !important; max-height: 40px !important; height: 40px !important; }
header .texthotspot { cursor: pointer; display: flex; justify-content: center; }
header .texthotspot span { display: flex; align-items: center; padding-right: 10px; color: #8499A6; font-size: 15px; font-weight: bold; }
header .smallhide { padding: 0 !important; }
@media (max-width: 1110px) {
header>div>div:last-child .call { background-image: none; padding-left: 0; }
header>div>div:last-child .modo { background-image: none; padding-left: 0; }
header span.smallhide { display: none; } }
@media (max-width: 900px) {
header { font-size: 16px; }
header strong { font-size: 18px; }
header>div>div:last-child div:not(:last-child) { padding-right: 30px; } }
.back-to { position: absolute; }
.back-to[data-link="back-to-start"] { top: 100px; top: 30px; right: 50px; }
.back-to[data-link="back-to-top"] { top: 140px; top: 70px; right: 50px; }
.hero { max-width: 1920px; position: relative; border-bottom: 1px solid grey; }
.hero .stand { position: absolute; left: 0; width: 100vw; margin: auto; display: none; }
.hero .stand .stand_container { background-position: center; background-size: 100%; background-repeat: no-repeat; }
.hero .stand .stand_container:after { display: block; pointer-events: none; content: ""; height: 80px; margin-top: -80px; position: absolute; left: 0; right: 0; z-index: 10000; }
.hero .stand.show { display: block; }
.hero .stand:not(#messe) { z-index: 1; }
.hero .stand#messe.init .stand_container { }
.hero img { width: 100%; }
.hero img.nostretch { width: auto; margin: auto; }
.mainhostess { position: fixed; position: absolute; right: 0; top: 0; width: 50vw; height: 46.9vw; z-index: 10000; background-image: url('../img/hostess.png'); background-size: auto 80%; background-position: right -30px bottom; background-repeat: no-repeat; pointer-events: none; transition: 500ms; opacity: 1; }
.mainhostess.init { background-size: auto 70%; background-position: right -80px bottom; opacity: 0; }
.mainhostess.stepback { background-size: auto 70%; background-position: right -80px bottom; }
.mainhostess.goaway { background-size: auto 70%; background-position: right -180px bottom; opacity: 0; }
.mainhostess.hide { opacity: 0; }
@keyframes pulse-none {
0%,100% { box-shadow: 0 0 0 0 rgba(0,0,0, 0); } }
@keyframes pulse-white {
0% { box-shadow: 0 0 0 0 rgba(255,255,255, 1); }
90% { box-shadow: 0 0 0 15px rgba(255,255,255, 0); }
100% { box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }
.hotspot { width: 3vw; height: 3vw; max-width: 60px; max-height: 60px; border-radius: 50%; position: absolute; z-index: 1; opacity: 0; margin-top: 30px; transition: 500ms ease-out; box-shadow: 0 0 0 0 #FFF; animation: pulse-white 3s infinite; background-color: rgba(255,255,255,.8); }
.hotspot:hover { z-index: 100000; }
.hotspot.show { opacity: 1; }
.hotspot:hover { animation: pulse-white .75s infinite; transform: scale(1.3); transition: transform .2s; }
.hotspot a { border-radius: 50%; display: block; height: 3vw; width: 3vw; border: .5vw rgba(255,255,255,.5) solid; transition: .2s; }
.hotspot:hover a { height: 3vw; width: 3vw; }
.hotspot a img { border-radius: 50%; transition-delay: .3s; transition: background-color .9s; }
.hotspot:hover a img { transition: background-color .4s; }
.hotspot .tooltip { position: absolute; z-index: -2; margin-left: 1vw; display: block; white-space: nowrap; padding-top: .4vw; padding-bottom: .4vw; padding-left: 2vw; padding-right: 1vw; font-size: 1vw; color: #FFF; opacity: 0; text-shadow: 1px 1px 1px rgba(0,0,0,.25); display: flex; justify-content: center; align-items: center; min-height: 2vw; line-height: 1.2vw; }
.hotspot:hover .tooltip { opacity: 1; transition: .5s; transition-delay: .2s; }
.hotspot.gray a img,
.hotspot.hover-gray:hover a img,
.hotspot.hover-gray:hover .tooltip { background-color: #8499A6; }
.hotspot.yellow a img,
.hotspot.hover-yellow:hover a img,
.hotspot.hover-yellow:hover .tooltip { background-color: #FDC200; }
.hotspot[data-link="uebermeltem"] { z-index: 10000000; }
@keyframes popup-backdrop-diagnoal-gradient-anim {
0% { background-po: 0% 50%; }
50% { background-po: 100% 50%; }
100% { background-po: 0% 50%; } }
.popup-container { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0; display: none; z-index: 100000001; }
.popup-container * { pointer-events: all; }
.popup-container.meltemgray { background-color: rgba(132, 153, 166, 0.8); }
.popup-container.yellow { background-color: rgba(255, 206, 0, 0.8); }
.popup-container.white { background-color: rgba(255, 255, 255, 0.8); }
.popup-container.popup { -webkit-transition: 0s; transition: 0s; }
.popup-container.move-left-out-anim .popup { margin-left: -300px; opacity: 0; -webkit-transition: 250ms; transition: 250ms; }
.popup-container.move-left-out-anim .popup a.arrow { display: none; }
.popup-container.move-left-in-prepare { display: block !important; }
.popup-container.move-left-in-prepare .popup { margin-left: 300px; opacity: 0; -webkit-transition: 250ms; transition: 250ms; }
.popup-container.move-left-in-anim .popup { margin-left: 0; opacity: 1; }
.popup-container.move-left-in-anim .popup a.arrow { display: none; }
.popup-container.move-right-out-anim .popup { margin-left: 300px; opacity: 0; -webkit-transition: 250ms; transition: 250ms; }
.popup-container.move-right-out-anim .popup a.arrow { display: none; }
.popup-container.move-right-in-prepare { display: block !important; }
.popup-container.move-right-in-prepare .popup { margin-left: -300px; opacity: 0; -webkit-transition: 250ms; transition: 250ms; }
.popup-container.move-right-in-anim .popup { margin-left: 0; opacity: 1; }
.popup-container.move-right-in-anim .popup a.arrow { display: none; }
  .popup-container .screenresolution *,
  .popup-container .orientation *,
.popup-container .unsupported-browser * { color: #505050; padding: 30px; }
  .popup-container .screenresolution-backdrop,
  .popup-container .orientation-backdrop,
.popup-container .unsupported-browser-backdrop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(132,153,166, 0.9); }
.popup-container#screenresolution, .popup-container#orientation { z-index: 10002; }
.popup-container#unsupported-browser { z-index: 10003; }
.popup-backdrop { position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; }
.popup-backdrop.gray { background-color: rgba(201,210,215, .7); }
.popup-backdrop.yellow { background-color: rgba(255, 206, 0, 0.8); }
.popup-backdrop.white { background-color: rgba(255, 255, 255, 0.8); }
.popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; z-index: 52; overflow: hiden; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80vw; max-width: calc(100vw - 120px); max-width: 1162px; }
.popup.meltemgray { background-color: rgba(132, 153, 166, 0.8); }
.popup.gray { background-color: rgba(132, 153, 166, 0.8); }
.popup.yellow { background-color: rgba(255, 206, 0, 0.8); }
.popup.white { background-color: rgba(255, 255, 255, 0.8); }
.popup.unsupported-browser, .popup.screenresolution, .popup.orientation, .popup.start { color: #223161; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 700; text-align: center; max-height: 600px; width: 1162px; height: 80%; }
.popup.unsupported-browser h1, .popup.screenresolution h1, .popup.orientation h1, .popup.start h1 { font-size: 55px; display: block; max-width: 900px; line-height: 55px; margin-bottom: 20px; }
.popup.unsupported-browser p, .popup.screenresolution p, .popup.orientation p, .popup.start p { font-size: 18px; display: block; max-width: 830px; padding-bottom: 10px; }
.popup.flex-column { background: transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.popup.flex-column .skip-btn { background-color: #223161; padding: 5px 10px; text-decoration: none; border-radius: 4px; font-size: 12px; font-weight: 700; color: #FFFFFF; width: 120px; margin-top: 10px; display: block; text-align: center; cursor: pointer; }
.popup-inner { position: relative; max-width: 1162px; width: 80vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; caret-color: #223161; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.popup-inner:not(.popup-video) { }
  .popup-container[data-type=video],
.popup-container[data-type=video] .popup { width: auto; max-width: auto; background-color: #FFF; }
.popup-inner .video-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; }
.popup-inner .video-wrapper video { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: auto; width: 100%; z-index: 10000; display: block; }
  .popup-inner .video-wrapper.video-16-9,
.popup-inner .video-wrapper.video-16-9 video { max-height: 56.25vh; height: 56.25vh; }
  .popup-inner .video-wrapper.video-50,
.popup-inner .video-wrapper.video-50 video { max-height: 50vh; height: 50vh; }
.popup-inner .popup-close_video { background: transparent; z-index: 100000000 !important; }
.popup-inner .popup-close_video:hover { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
.popup-video { width: auto; }
.popup__head { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; border-bottom: 1px solid #707070; margin-bottom: 20px; }
.popup__head a:hover { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
.popup__head .theme-name { font-size: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.popup__head .theme { font-size: 10px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 5px; }
.popup__col1 { -webkit-box-flex: 1; -ms-flex: 1 33%; flex: 1 33%; margin-bottom: 50px; }
.popup__col1 img { width: 100%; height: auto; }
.popup__col2 { -webkit-box-flex: 2; -ms-flex: 2 60%; flex: 2 60%; margin-left: 4%; margin-top: 20px; }
.popup__col2 .col2_content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-bottom: 50px; }
.popup__col2 .title1 { font-size: 18px; font-weight: 700; }
.popup__col2 .title2 { font-size: 24px; font-weight: 700; color: #294426; line-height: normal; }
.popup__col2 .copy { padding-top: 20px; }
.popup__col2 .copy .infobox { padding: 16px 20px 16px 76px; font-size: 14px; color: #FFFFFF; margin-top: 38px; background-image: url(../img/icon.info.svg); background-repeat: no-repeat; background-position-x: 14px; background-position-y: center; }
.popup__col2 .trenner { width: 30%; border-bottom: 1px solid #707070; margin-top: 30px; margin-bottom: 25px; }
.popup__col2 .two-columns { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20px; column-gap: 20px; }
.popup__col2 .two-columns > ul { padding-left: 0; margin-left: -12px; -webkit-margin-before: 0; margin-block-start: 0; }
.popup__col2 .two-columns > ul > li { padding-left: 35px; margin-bottom: 10px; display: inline-block; width: 100%; background-repeat: no-repeat; background-po: 14px 9px; font-weight: bold; }
.popup__col2 .two-columns > ul > li > ul > li { font-weight: normal; margin-left: -20px; list-style: disc; }
.popup__col2 .arrows > ul { padding-left: 0; -webkit-margin-before: 0; margin-block-start: 0; }
.popup__col2 .arrows > ul > li { list-style-type: none; padding-left: 35px; margin-bottom: 10px; width: 100%; background-repeat: no-repeat; background-po: 14px 9px; font-weight: bold; }
.popup__ .popup__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60%; height: 100%; padding: 4rem; }
.popup__ .popup__text h1 { background-color: #F00; }
.popup__ .popup__text p { font-size: .875rem; color: #686868; line-height: 1.5; }
.popup.show { visibility: visible; -webkit-transition: visibility 0s linear 0s, opacity 300ms; transition: visibility 0s linear 0s, opacity 300ms; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }
.popup.show .popup-inner { bottom: 0; right: 0; }
  .popup.meltemgray .theme-name,
.popup.meltemgray .title1 { color: #8499A6; }
  .popup.blue .theme-name,
.popup.blue .title1 { color: #223161; }
  .popup.white .theme-name,
.popup.white .title1 { color: #FFFFFF; }
  .popup.yellow .theme-name,
.popup.yellow .title1 { color: #FFCE00; }
  .popup.grey .theme-name,
.popup.grey .title1 { color: #707070; }
.popup.meltemgray .download-button a { background-image: url(../img/btn.dnl.meltemgray.svg); }
.popup.meltemgray .download-button a:first-of-type.flyer-meltemgray, .popup.meltemgray .download-button a:nth-of-type(2).flyer-meltemgray { background-image: url(../img/btn.flyer.meltemgray.svg); }
.popup.pink .download-button a { background-image: url(../img/btn.dnl.pink.svg); }
.popup.pink .download-button a:first-of-type.flyer-pink, .popup.pink .download-button a:nth-of-type(2).flyer-pink { background-image: url(../img/btn.flyer.pink.svg); }
.popup.brown .download-button a { background-image: url(../img/btn.dnl.brown.svg); }
.popup.brown .download-button a:first-of-type.flyer-brown, .popup.brown .download-button a:nth-of-type(2).flyer-brown { background-image: url(../img/btn.flyer.brown.svg); }
.popup.blue .download-button a { background-image: url(../img/btn.dnl.blue.svg); }
.popup.blue .download-button a:first-of-type.flyer-blue, .popup.blue .download-button a:nth-of-type(2).flyer-blue { background-image: url(../img/btn.flyer.blue.svg); }
.popup.green .download-button a { background-image: url(../img/btn.dnl.green.svg); }
.popup.green .download-button a:first-of-type.flyer-green, .popup.green .download-button a:nth-of-type(2).flyer-green { background-image: url(../imaimgges/btn.flyer.green.svg); }
.popup.red .download-button a { background-image: url(../img/btn.dnl.red.svg); }
.popup.red .download-button a:first-of-type.flyer-red, .popup.red .download-button a:nth-of-type(2).flyer-red { background-image: url(../img/btn.flyer.red.svg); }
.popup.sky .download-button a { background-image: url(../img/btn.dnl.sky.svg); }
.popup.sky .download-button a:first-of-type.flyer-sky, .popup.sky .download-button a:nth-of-type(2).flyer-sky { background-image: url(../img/btn.flyer.sky.svg); }
.popup.yellow .download-button a { background-image: url(../img/btn.dnl.yellow.svg); }
.popup.yellow .download-button a:first-of-type.flyer-yellow, .popup.yellow .download-button a:nth-of-type(2).flyer-yellow { background-image: url(../img/btn.flyer.yellow.svg); }
  .popup.blue .arrows > ul > li,
.popup.blue .two-columns > ul > li { background-image: url(../img/arrow.blue.svg); }
  .popup.brown .arrows > ul > li,
.popup.brown .two-columns > ul > li { background-image: url(../img/arrow.brown.svg); }
  .popup.green .arrows > ul > li,
.popup.green .two-columns > ul > li { background-image: url(../img/arrow.green.svg); }
  .popup.pink .arrows > ul > li,
.popup.pink .two-columns > ul > li { background-image: url(../img/arrow.pink.svg); }
  .popup.meltemgray .arrows > ul > li,
.popup.meltemgray .two-columns > ul > li { background-image: url(../img/arrow.meltemgray.svg); }
  .popup.red .arrows > ul > li,
.popup.red .two-columns > ul > li { background-image: url(../img/arrow.red.svg); }
  .popup.sky .arrows > ul > li,
.popup.sky .two-columns > ul > li { background-image: url(../img/arrow.sky.svg); }
  .popup.yellow .arrows > ul > li,
.popup.yellow .two-columns > ul > li { background-image: url(../img/arrow.yellow.svg); }
  .popup.white .theme-name,
.popup.white .title1 { color: #223161; }
#contact .theme { display: none; }
#contact a { color: #223161; }
#contact_form { width: 100%; padding-bottom: 30px; padding: 50px 130px 50px 100px; }
#contact_form .popup__col2 { margin: 0 0 20px 0; }
#contact_form .title2 { color: #223161; }
#contact_form p { color: #000; font-weight: normal; }
#contact_form > form { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#contact_form > form > div { padding: 5px 0; }
#contact_form > form > div.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
#contact_form > form > div.row > div { width: 50%; }
#contact_form > form > div.row > div:first-of-type { padding-right: 70px; padding-right: 5vw; }
#contact_form > form > div.row > div:last-of-type { padding-left: 70px; padding-left: 5vw; }
  #contact_form > form select,
  #contact_form > form input:not([type=submit]),
#contact_form > form textarea { border: 0; border-bottom: 1px #223161 solid; width: 100%; padding-top: 10px; padding-bottom: 5px; }
#contact_form > form div.chk { text-align: left !important; padding-left: 30px !important; display: block; position: relative; }
#contact_form > form div.chk input[type=checkbox] { position: absolute; left: 0; top: 7px; width: auto; }
#contact_form > form .btn { float: right; border: 0; color: #FFF; font-size: 14px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; display: block; background-color: #FDC200; padding: 5px 10px; text-decoration: none; border-radius: 4px; }
#contact_success { display: none; width: 100%; padding-bottom: 30px; padding: 50px 130px 50px 100px; }
#planungsservice_form { width: 100%; padding-bottom: 30px; padding: 50px 130px 50px 100px; }
#planungsservice_form .popup__col2 { margin: 0 0 20px 0; }
#planungsservice_form .title2 { color: #223161; }
#planungsservice_form p { color: #000; font-weight: normal; }
#planungsservice_form > form { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#planungsservice_form > form > div { padding: 5px 0; }
#planungsservice_form > form > div.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
#planungsservice_form > form > div.row > div { width: 50%; }
#planungsservice_form > form > div.row > div:first-of-type { padding-right: 70px; padding-right: 5vw; }
#planungsservice_form > form > div.row > div:last-of-type { padding-left: 70px; padding-left: 5vw; }
  #planungsservice_form > form select,
  #planungsservice_form > form input:not([type=submit]),
#planungsservice_form > form textarea { border: 0; border-bottom: 1px #223161 solid; width: 100%; padding-top: 10px; padding-bottom: 5px; }
#planungsservice_form > form div.chk { text-align: left !important; padding-left: 30px !important; display: block; position: relative; }
#planungsservice_form > form div.chk input[type=checkbox] { position: absolute; left: 0; top: 7px; width: auto; }
#planungsservice_form > form .btn { border: 0; color: #FFF; color: #000; font-size: 14px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; font-size: 18px; font-weight: normal; display: block; background-color: #FDC200; background-color: #CDD6DB; padding: 5px 10px; padding: 15px 20px; text-decoration: none; border-radius: 4px; border-radius: 0px; height: auto; }
#planungsservice_form > form .btn:hover { background-color: #F7F7F7; }
#planungsservice_success { display: none; width: 100%; padding-bottom: 30px; padding: 50px 130px 50px 100px; }
.infostand .flag { position: absolute; top: 20px; right: 40px; background-repeat: no-repeat; display: inline-block; background-color: #FDC200; background-position: left 10px center; padding: 4px 10px 4px 42px; text-decoration: none; color: #333; }
.infostand .flag.flag-de { background-image: url('../img/flag.de.png'); }
.infostand .flag.flag-en { background-image: url('../img/flag.uk.png'); }
.infostand .popup { width: 50vw; margin-right: 5vw; margin-left: -5vw; background-color: transparent; }
.infostand .scroll-wrapper { padding: 50px !important; }
.infostand .popup-inner { background-color: #8499A6; left: -50px; transition: 500ms; }
.infostand.init .popup-inner { left: 0; }
.infostand .popup-inner:before { content: ""; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 45px solid #8499A6; position: absolute; right: -45px; top: 15vw; top: 25vw; top: 35vh; z-index: -1; opacity: 1; transition: 250ms; transition-delay: 500ms; }
.infostand.init .popup-inner:before { opacity: 0; right: 0; top: 20vw; top: 30vh; }
.infostand .popup-inner div:not(.screen1)>.text { padding-left: 240px; min-height: 270px; }
.infostand .popup-inner p { font-weight: normal; margin-bottom: 30px; }
.infostand .popup-inner .text>*:last-child { margin-bottom: 0; }
.infostand .screens { display: none; }
.infostand .screens img.preview { position: absolute; width: 400px; margin-left: -200px; margin-top: -140px; }
.infostand .screens.screen1 { display: block; }
.infostand .screens .actions { margin-top: 30px; }
.infostand .screens:not(.screen1) .actions { display: flex; justify-content: space-between; }
.infostand .screens:not(.screen1) .actions>* { }
.infostand .screens .actions .screendots { }
.infostand .screens .actions .screendots a { display: inline-block; width: 12px; height: 12px; background-color: #C1CCD2; float: left; margin-top: 14px; }
.infostand .screens .actions .screendots a+a { margin-left: 12px; }
.infostand .screens.screen2 .actions .screendots a:nth-child(1) { background-color: #FFCD00; }
.infostand .screens.screen3 .actions .screendots a:nth-child(2) { background-color: #FFCD00; }
.infostand .screens.screen4 .actions .screendots a:nth-child(3) { background-color: #FFCD00; }
.infostand .arrow.arrow-prev,
.infostand .arrow.arrow-next { display: none; }
.download-button { background-color: #F2F2F2; height: 40px; background-repeat: no-repeat; background-position-x: 15px; background-position-y: 7px; font-weight: 700; font-size: 12px; line-height: 40px; text-indent: 60px; margin-top: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; outline: 0; position: relative; }
  .download-button a,
  .download-button a:hover,
  .download-button a.link,
  .download-button a:active,
  .download-button a:focus,
.download-button a:visited { text-decoration: none; color: #223161; display: block; background-repeat: no-repeat; background-po: left 16px top 6px; outline: 0; }
.download-button a:nth-of-type(2) { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-left: 3px #F2F2F2 solid; -webkit-box-shadow: inset 1px 0 0 0 #FFF; box-shadow: inset 1px 0 0 0 #FFF; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #F2F2F2; background-repeat: no-repeat; background-po: center; }
.download-button a.flyer { background-size: 30px; background-po: left 10px top 6px; background-repeat: no-repeat; }
.download-button a:nth-of-type(2).flyer { background-po: center; background-size: 30px; }
.popup__col1 .download-button { display: inline-block; padding-right: 20px; }
.popup__col1 .download-button:after { display: block; content: " "; clear: both; }
.popup__col1 .download-link { padding-top: 5px; padding-bottom: 20px; }
.popup__col1 .download-link a { text-decoration: none; color: #223161; font-size: 13px; }
.popup__col1 .download-link a:after { content: ">"; padding-left: 5px; position: relative; top: 1px; }
.download-list .download-button { width: 45%; display: inline-block; margin-top: 15px; }
.download-list .download-button:nth-child(odd) { margin-right: 9%; }
.close-x { stroke: #FDC200; fill: transparent; stroke-linecap: round; stroke-width: 3; }
.text-blue { color: #223161; }
.text-grey { color: #707070; }
.text-meltemgray { color: #8499A6; }
.arrow { display: inline-block; padding: 22px; }
.arrow:before { display: block; content: ""; overflow: hidden; width: 30px; height: 30px; border: solid white; border-width: 0 3px 3px 0; }
  .arrow-prev,
.arrow-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; }
.arrow-prev { left: -60px; }
.arrow-prev:hover { left: -65px; }
.arrow-prev:before { -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
.arrow-next { right: -60px; }
.arrow-next:hover { right: -65px; }
.arrow-next:before { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
#intro-video { height: auto; }
#intro-video .popup { max-width: 100vw; }
#intro-video .popup-inner { max-width: 100vw; }
#intro-video video { width: auto; height: auto; max-height: calc(100vh - 250px); max-height: calc(100vh - 50px); }
#intro-video.video-16-9 { height: 56.25%; }
.popup { background-color: #FFF; color: #505050; }
.popup-inner:not(.popup-video) { box-shadow: inset 0 -10px 0 0 #FDC200; }
.popup-inner .popup-close { width: 2rem; height: 2rem; cursor: pointer; position: absolute; top: 10px; right: 10px; z-index: 100; }
.popup-inner .scroll-wrapper { width: 100%; padding: 65px 85px 75px 85px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: start; max-height: calc(100vh - 100px); overflow-y: auto; }
.popup h1 { font-weight: 600; font-size: 47px; line-height: 59px; color: #FFF; margin-bottom: 20px; }
.popup p { font-weight: 600; font-size: 18px; line-height: 30px; color: #FFF; }
[data-type="product"] .popup { background-color: #FFF; }
[data-type="product"] .popup-inner * { color: #000; font-family: Roboto; font-size: 18px; font-weight: normal; }
[data-type="product"] .popup-inner h1,
[data-type="product"] .popup-inner h1>* { font-size: 33px; font-weight: bold; line-height: 43px; color: #505050; margin-top: -20px; margin-bottom: 40px; }
[data-type="product"] .popup-inner h1:after { margin-top: 15px; display: block; content: ""; width: 150px; height: 3px; background-color: #FDC200; }
[data-type="product"] .popup-inner p { margin-bottom: 30px; }
[data-type="product"] .popup-inner ul.num { list-style-type: none; padding-left: 30px; counter-reset: popup-ul-counter; }
[data-type="product"] .popup-inner ul.num li { margin: 0 0 0.5rem 0; counter-increment: popup-ul-counter; position: relative; }
[data-type="product"] .popup-inner ul.num li:before { content: counter(popup-ul-counter); width: 16px; height: 16px; background-color: #004696; display: inline-block; font-weight: bold; font-size: 12px; line-height: 16px; color: #FFF; text-align: center; position: absolute; margin-top: 5px; margin-left: -30px; }
[data-type="product"] .popup-inner ul.quad { list-style-type: none; padding-left: 30px; }
[data-type="product"] .popup-inner ul.quad li { margin: 0 0 0.5rem 0; position: relative; }
[data-type="product"] .popup-inner ul.quad li:before { content: ""; width: 16px; height: 16px; background-color: #004696; display: inline-block; font-weight: bold; font-size: 12px; line-height: 16px; color: #FFF; text-align: center; position: absolute; margin-top: 5px; margin-left: -30px; }
[data-type="product"] .popup-inner img { width: auto; }
[data-type="product"].hostess-right-bottom .down:after { content: ""; position: fixed; width: 30vw; max-width: 500px; top: 0; right: 0; bottom: 0; background-image: url('../img/hostess.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: right -50px bottom; min-height: 20vh; margin-bottom: 10px; }
#filtertechnikindengeraeten_grobstaubfilter[data-type="product"] .hostess .bubble,
#filtertechnikindengeraeten_feinstaubfilter[data-type="product"] .hostess .bubble,
#filtertechnikindengeraeten_aktivkohlefilter[data-type="product"] .hostess .bubble { margin-right: 8vw; }
#filtertechnikindengeraeten_grobstaubfilter[data-type="product"] .hostess:after,
#filtertechnikindengeraeten_feinstaubfilter[data-type="product"] .hostess:after,
#filtertechnikindengeraeten_aktivkohlefilter[data-type="product"] .hostess:after { content: ""; display: block; width: 10vw; height: 16vw; position: absolute; bottom: 0; right: 0; margin-right: -63px; background-image: url('../img/filtereinbau.png'); background-repeat: no-repeat; background-size: contain; }
[data-type="product"] .popup-inner .content,
[data-type="product"] .popup-inner .more { padding: 60px; margin-bottom: 10px; }
[data-type="product"] .popup-inner .content { flex: 1; height: 100%; max-height: calc(100vh - 250px); overflow-y: scroll; padding-right: calc(30% + 40px); padding-right: calc(42% + 40px); position: relative; background-color: #00F; background: linear-gradient(to right,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.9) 59.99%,rgba(242,242,242,0.91) 60%,rgba(242,242,242,1) 100%); }
[data-type="product"] .popup-inner .content>*:last-child { margin-bottom: 100px; }
[data-type="product"] .popup-inner .content .hostess { position: relative; margin: 100px 0 -100px -60px; min-height: 300px; background-image: url('../img/hostess.png'); background-repeat: no-repeat; background-size: auto 300px; background-position: left bottom; }
[data-type="product"] .popup-inner .content .hostess .bubble:before { content: ""; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #8499A6; position: absolute; margin-top: -20px; margin-left: -80px; }
[data-type="product"] .popup-inner .content .hostess .bubble:after { content: ""; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #8499A6; position: absolute; margin-top: 0; margin-bottom: 80px; left: 20vw; display: none; }
[data-type="product"] .popup-inner .content .hostess .bubble { margin-left: 220px; margin-bottom: 100px; background-color: #8499A6; max-width: 420px; padding: 40px 50px 40px 50px; }
[data-type="product"] .popup-inner .content .hostess .bubble,
[data-type="product"] .popup-inner .content .hostess .bubble * { font-family: Roboto; font-size: 15px; line-height: 24px; color: #FFF; }
[data-type="product"] .popup-inner .more { padding-left: 40px; padding-right: 40px; width: 30%; width: 40%; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; height: 100%; }
[data-type="product"] .popup-inner .more .up>div { width: calc(100% + 4vw); margin-left: -4vw; margin-top: 0; }
[data-type="product"] .popup-inner .more .down { padding-top: 20px; padding-bottom: 20px; text-align: right; align-items: flex-end; position: relative; margin-left: -300px; pointer-events: none; }
[data-type="product"] .popup-inner .more img { max-width: 100%; width: 100%; }
[data-type="product"] .popup-inner .more .down>div { display: block; pointer-events: none; }
[data-type="product"] .popup-inner .more .down .btn { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #505050; font: 600 20px Roboto; color: #FFF; margin: 8px 0; display: inline-block; }
[data-type="product"] .popup-inner .more .appstores { display: flex; padding: 0; margin: 0; justify-content: space-between; }
[data-type="product"] .popup-inner .more .appstores li+li { padding-left: 10px; }
[data-type="product"] .popup-inner .popup-close { top: 15px; right: 30px; }
[data-type="downloads"] .popup { background-color: #FFF; }
[data-type="downloads"] .popup-inner * { color: #000; font-family: Roboto; font-size: 18px; font-weight: normal; }
[data-type="downloads"] .popup-inner h1 { font-size: 33px; font-weight: bold; line-height: 43px; color: #505050; margin-top: -20px; margin-bottom: 40px; }
[data-type="downloads"] .popup-inner h1:after { margin-top: 15px; display: block; content: ""; width: 150px; height: 3px; background-color: #FDC200; }
[data-type="downloads"] .popup-inner p { margin-bottom: 30px; }
[data-type="downloads"] .popup-inner img { width: auto; }
[data-type="downloads"] .popup-inner .content { padding: 60px; margin-bottom: 10px; flex: 1; height: 100%; max-height: calc(100vh - 250px); overflow-y: scroll; padding-right: 80px; }
[data-type="downloads"] .popup-inner .content>*:last-child { margin-bottom: 100px; }
[data-type="downloads"] .popup-inner .popup-close { top: 15px; right: 30px; }
[data-type="downloads"] .popup-inner .down { margin-top: 30px; }
[data-type="contact"] .popup { background-color: #FFF; }
[data-type="contact"] .popup-inner .content { margin-bottom: 10px; n; }
[data-type="contact"] .popup-inner .content { flex: 1; height: 100%; max-height: calc(100vh - 250px); overflow-y: scroll; }
[data-type="contact"] .popup-inner .popup-close { top: 15px; right: 30px; }
[data-type="contact"].has-tabs .popup { border-top: 80px transparent solid; background-color: transparent; }
[data-type="contact"].has-tabs .popup-inner .content { max-height: calc(100vh - 250px - 80px); background-color: #FFF; }
[data-type="contact"].has-tabs .tabs { background-color: #FFF; height: 80px; position: absolute; margin-top: -80px; display: flex; flex-direction: row; }
[data-type="contact"].has-tabs .tabs span { height: 80px; padding-left: 40px; padding-right: 40px; align-items: center; display: flex; cursor: pointer; background-color: #F2F2F2; font-family: Roboto; font-size: 24px; font-weight: bold; color: #859BA6; }
[data-type="contact"].has-tabs .tabs span:hover { background-color: rgba(0,0,0,.03); }
[data-type="contact"].has-tabs .tabs span.active { background-color: #FFF; color: #004696; }
[data-type="contact"] .popup-inner .content .tab_content { display: none; }
[data-type="contact"] .popup-inner .content .tab_content.active { display: block; }
#callback .theme { display: none; }
#callback a { color: #223161; }
#callback_form { width: 100%; padding: 50px 130px 50px 100px; }
#callback_form .popup__col2 { margin: 0 0 20px 0; }
#callback_form .title2 { color: #223161; }
#callback_form p { color: #000; font-weight: normal; }
#callback_form > form { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#callback_form > form > div { padding: 5px 0; }
#callback_form > form > div.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
#callback_form > form > div.row > div { width: 50%; }
#callback_form > form > div.row > div:first-of-type { padding-right: 70px; padding-right: 5vw; }
#callback_form > form > div.row > div:last-of-type { padding-left: 70px; padding-left: 5vw; }
#callback_form > form select,
#callback_form > form input:not([type=submit]),
#callback_form > form textarea { border: 0; border-bottom: 1px #223161 solid; width: 100%; padding-top: 10px; padding-bottom: 5px; }
#callback_form > form div.chk { text-align: left !important; padding-left: 30px !important; display: block; position: relative; }
#callback_form > form div.chk input[type=checkbox] { position: absolute; left: 0; top: 7px; width: auto; }
#callback_form > form .btn { float: right; border: 0; color: #FFF; font-size: 14px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; display: block; background-color: #FDC200; padding: 5px 10px; text-decoration: none; border-radius: 4px; }
#callback_success { display: none; width: 100%; padding-bottom: 30px; padding: 50px 130px 50px 100px; }
[data-type="callback"] .popup { background-color: #FFF; }
[data-type="callback"] .popup-inner .content { margin-bottom: 10px; n; }
[data-type="callback"] .popup-inner .content { flex: 1; height: 100%; max-height: calc(100vh - 250px); overflow-y: scroll; }
[data-type="callback"] .popup-inner .popup-close { top: 15px; right: 30px; }
[data-type="callback"].has-tabs .popup { border-top: 80px transparent solid; background-color: transparent; }
[data-type="callback"].has-tabs .popup-inner .content { max-height: calc(100vh - 250px - 80px); background-color: #FFF; }
[data-type="callback"].has-tabs .tabs { background-color: #FFF; height: 80px; position: absolute; margin-top: -80px; display: flex; flex-direction: row; }
[data-type="callback"].has-tabs .tabs span { height: 80px; padding-left: 40px; padding-right: 40px; align-items: center; display: flex; cursor: pointer; background-color: #F2F2F2; font-family: Roboto; font-size: 24px; font-weight: bold; color: #859BA6; }
[data-type="callback"].has-tabs .tabs span:hover { background-color: rgba(0,0,0,.03); }
[data-type="callback"].has-tabs .tabs span.active { background-color: #FFF; color: #004696; }
[data-type="callback"] .popup-inner .content .tab_content { display: none; }
[data-type="callback"] .popup-inner .content .tab_content.active { display: block; }
#filtertechnikindengeraeten_aktivkohlefilter .prod { text-align: center; }
#filtertechnikindengeraeten_grobstaubfilter .prod,
#filtertechnikindengeraeten_feinstaubfilter .prod,
#filtertechnikindengeraeten_aktivkohlefilter .prod { margin-left: -2vw; }
#filtertechnikindengeraeten_grobstaubfilter .prod img,
#filtertechnikindengeraeten_feinstaubfilter .prod img,
#filtertechnikindengeraeten_aktivkohlefilter .prod img { margin: auto; width: 50%; margin-top: 2vw; margin-bottom: 5vw; }
#komfortlueftung_komfortlueftungsgeraete2 .prod img,
#einzelentlueftungsgeraet_vario_ii .prod img { margin-top: 2vw; }
#komfortlueftung_fassadenabschluesse .prod img { margin-top: 5vw; }
#komfortlueftung_bedienvarianten .prod { margin-left: -1vw; width: auto; }
#komfortlueftung_bedienvarianten .prod img { width: 100%; right: -1vw; position: relative; }
#effizient_komfortlueftungsgeraete .prod img { margin-top: 2vw; }
#planen_luftfuehrungenueberdach .prod img { margin-top: 2vw; }
#planen_geraeteeinbauinderinnenwand .prod img { margin-top: 2vw; }
#planen_kellerlueftung .prod img { margin-top: 2vw; }
#planen_designventilefarbvarianten .prod img { margin-top: 6vw; }
@media (min-width: 1024.01px) and (max-width: 1199.98px) {
main { }
.popup h1 { font-size: 37px; }
    [data-type] .popup-inner h1,
[data-type] .popup-inner h1>* { font-size: 28px; line-height: 39px; }
    .popup p,
[data-type] .popup-inner * { font-size: 16px; line-height: 28px; }
    [data-type] .down .btn,
[data-type] .popup-inner .more .down .btn { font-weight: 500; font-size: 18px; height: 36px; }
.infostand .popup { width: 60vw; margin-right: 5vw; margin-left: -10vw; }
.infostand .screens img.preview { margin-left: -30px; margin-top: 0; width: 250px; }
    [data-type] .popup-inner .content,
[data-type] .popup-inner .more { padding-left: 40px; padding-top: 50px; }
[data-type] .popup-inner .content .hostess .bubble { padding: 30px 40px; }
[data-type] .popup-inner .content .hostess .bubble:before { margin-top: 5px; margin-left: -70px; }
    #filtertechnikindengeraeten_grobstaubfilter .hostess,
    #filtertechnikindengeraeten_feinstaubfilter .hostess,
#filtertechnikindengeraeten_aktivkohlefilter .hostess { background-position: left bottom; padding-bottom: 220px; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble,
    #filtertechnikindengeraeten_feinstaubfilter .bubble,
#filtertechnikindengeraeten_aktivkohlefilter .bubble { margin-left: 60px; margin-right: 0 !important; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble:before,
    #filtertechnikindengeraeten_feinstaubfilter .bubble:before,
#filtertechnikindengeraeten_aktivkohlefilter .bubble:before { display: none; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble:after,
    #filtertechnikindengeraeten_feinstaubfilter .bubble:after,
#filtertechnikindengeraeten_aktivkohlefilter .bubble:after { display: block; }
    #filtertechnikindengeraeten_grobstaubfilter[data-type="product"] .hostess:after,
    #filtertechnikindengeraeten_feinstaubfilter[data-type="product"] .hostess:after,
#filtertechnikindengeraeten_aktivkohlefilter[data-type="product"] .hostess:after { width: 16vw; height: 23vw; }
[data-type] .popup-inner .content { max-height: calc(100vh - 250px) !important; }
[data-type="contact"].has-tabs .tabs { margin-top: -100px; margin-left: -40px; }
[data-type="contact"].has-tabs .tabs span { height: 50px; font-size: 20px; } }
@media (max-width: 1024px) {
main { }
.popup h1 { font-size: 32px; }
    [data-type] .popup-inner h1,
[data-type] .popup-inner h1>* { font-size: 23px; line-height: 33px; }
    .popup p,
[data-type] .popup-inner * { font-size: 15px; line-height: 26px; }
    [data-type] .down .btn,
[data-type] .popup-inner .more .down .btn { font-weight: 500; font-size: 16px; height: 34px; }
.infostand .popup { width: 60vw; margin-right: 5vw; margin-left: -10vw; }
.infostand .screens img.preview { margin-left: -30px; margin-top: 0; width: 200px; }
.infostand .popup-inner div:not(.screen1) > .text { padding-left: 190px; }
    [data-type] .popup-inner .content,
[data-type] .popup-inner .more { padding-left: 30px; padding-top: 40px; }
.popup-video { width: 80vw; }
[data-type] .popup-inner .content .hostess .bubble { padding: 20px 30px; }
[data-type] .popup-inner .content .hostess .bubble:before { margin-top: 10px; margin-left: -60px; }
    #filtertechnikindengeraeten_grobstaubfilter .hostess,
    #filtertechnikindengeraeten_feinstaubfilter .hostess,
#filtertechnikindengeraeten_aktivkohlefilter .hostess { background-position: left bottom; padding-bottom: 220px; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble,
    #filtertechnikindengeraeten_feinstaubfilter .bubble,
#filtertechnikindengeraeten_aktivkohlefilter .bubble { margin-left: 60px; margin-right: 0 !important; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble:before,
    #filtertechnikindengeraeten_feinstaubfilter .bubble:before,
#filtertechnikindengeraeten_aktivkohlefilter .bubble:before { display: none; }
    #filtertechnikindengeraeten_grobstaubfilter .bubble:after,
    #filtertechnikindengeraeten_feinstaubfilter .bubble:after,
#filtertechnikindengeraeten_aktivkohlefilter .bubble:after { margin-top: -10px; display: block; }
    #filtertechnikindengeraeten_grobstaubfilter[data-type="product"] .hostess:after,
    #filtertechnikindengeraeten_feinstaubfilter[data-type="product"] .hostess:after,
#filtertechnikindengeraeten_aktivkohlefilter[data-type="product"] .hostess:after { width: 16vw; height: 23vw; margin-right: -56px; }
[data-type] .popup-inner .content { max-height: calc(100vh - 250px) !important; }
[data-type="contact"].has-tabs .tabs { margin-top: -90px; margin-left: -30px; }
[data-type="contact"].has-tabs .tabs span { height: 50px; font-size: 20px; } }
#start { display: none !important; }
footer { border-top: 10px #fdc200 solid; position: absolute; bottom: initial; justify-content: center; ca: center; }
footer ul { margin: auto; display: block; }
.btn { display: inline-block; font: bold 20px Roboto; height: 40px; color: #FFF; padding: 7px 20px; text-decoration: none; background-color: rgba(0,0,0,.5); }
.btn-yellow { background-color: #FFCD00; }
.btn-yellow:hover { background-color: transparent; box-shadow: inset 0 0 0 3px #FFCD00; color: #FFCD00; }
.btn-gray { background-color: #505050; }
.btn-gray:hover { background-color: transparent; box-shadow: inset 0 0 0 3px #505050; color: #505050; }
.btn-link { background-color: transparent; }
.btn-link:hover { background-color: transparent; text-decoration: underline; }
.btn+.btn { margin-left: 30px; }
.down .btn { background-color: #505050; font: 600 20px Roboto; color: #FFF; margin: 15px 0; }