.zfsp_tilenavigation .tile.cat_129 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_tilenavigation .tile.cat_129 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_129 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_category_icon_black_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .main_nav_desktop .cat_icon.cat_129:hover, .main_nav_desktop .cat_icon.cat_129.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .zfsp_tilenavigation .tile.cat_68 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-automotive-items-cmyk-black-201605-un.svg');} .zfsp_tilenavigation .tile.cat_68 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/pc-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_68 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/pc-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_68:hover, .main_nav_desktop .cat_icon.cat_68.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_131 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_131 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/wind-rechteck-new_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_131 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/wind-rechteck-new_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_category_icon_black_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_131:hover, .main_nav_desktop .cat_icon.cat_131.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_1728 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .zfsp_tilenavigation .tile.cat_1728 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1728 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .zfsp_category_icon_black_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .main_nav_desktop .cat_icon.cat_1728:hover, .main_nav_desktop .cat_icon.cat_1728.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-white-201512-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-white-201512-un.svg');} .zfsp_tilenavigation .tile.cat_1729 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_1729 .background {background-image: url('/remotemedia/master-content/zf-services-portal/industry-limo-quadratisch_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_1729 .background {background-image: url('/remotemedia/master-content/zf-services-portal/industry-limo-quadratisch_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_1729:hover, .main_nav_desktop .cat_icon.cat_1729.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_69 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-bus-cv-cmyk-black-201612-un.svg');} .zfsp_tilenavigation .tile.cat_69 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/zfa-trucks-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_69 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/zfa-trucks-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-black-201601-un.svg');} .zfsp_category_icon_black_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_69:hover, .main_nav_desktop .cat_icon.cat_69.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_23555 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_23555 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23555 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_category_icon_black_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_23555:hover, .main_nav_desktop .cat_icon.cat_23555.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_1664 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');} .zfsp_tilenavigation .tile.cat_1664 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1664 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');} .main_nav_desktop .cat_icon.cat_1664:hover, .main_nav_desktop .cat_icon.cat_1664.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/hamburger-white.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger-white.svg');background-size: 35px 35px !important;} .zfsp_tilenavigation .tile.cat_1602 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');} .zfsp_tilenavigation .tile.cat_1602 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1602 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');} .main_nav_desktop .cat_icon.cat_1602:hover, .main_nav_desktop .cat_icon.cat_1602.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-white-201602-un-mm.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-white-201602-un-mm.svg');background-size: 35px 35px !important;} .zfsp_tilenavigation .tile.cat_23557 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_tilenavigation .tile.cat_23557 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23557 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_category_icon_black_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .main_nav_desktop .cat_icon.cat_23557:hover, .main_nav_desktop .cat_icon.cat_23557.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .zfsp_tilenavigation .tile.cat_1536 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');} .zfsp_tilenavigation .tile.cat_1536 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1536 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');} .main_nav_desktop .cat_icon.cat_1536:hover, .main_nav_desktop .cat_icon.cat_1536.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-white-201605-un-mm.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-white-201605-un-mm.svg');background-size: 35px 35px !important;} .zfsp_tilenavigation .tile.cat_130 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_130 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/rail-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_130 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/rail-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .zfsp_category_icon_black_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_130:hover, .main_nav_desktop .cat_icon.cat_130.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_128 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_128 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_128 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_category_icon_black_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_128:hover, .main_nav_desktop .cat_icon.cat_128.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_70 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-triple-wheelloader-tractor-forklift-rgb-black-144x144-201712-un.svg');} .zfsp_tilenavigation .tile.cat_70 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/oh-quadratisch_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_70 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/oh-quadratisch_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_70:hover, .main_nav_desktop .cat_icon.cat_70.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_21836 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .zfsp_tilenavigation .tile.cat_21836 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_21836 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .zfsp_category_icon_black_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .main_nav_desktop .cat_icon.cat_21836:hover, .main_nav_desktop .cat_icon.cat_21836.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-white-201701-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-white-201701-un.svg');} .zfsp_tilenavigation .tile.cat_23553 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-triple-wheelloader-tractor-forklift-rgb-black-144x144-201712-un.svg');} .zfsp_tilenavigation .tile.cat_23553 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/offhighway-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23553 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/offhighway-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_23553:hover, .main_nav_desktop .cat_icon.cat_23553.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2752 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2752 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-wind_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_2752 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-wind_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_category_icon_black_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_2752:hover, .main_nav_desktop .cat_icon.cat_2752.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2816 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2816 .background {background-image: url('/remotemedia/master-content/zf-services-portal/kachelbild-industrie_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_2816 .background {background-image: url('/remotemedia/master-content/zf-services-portal/kachelbild-industrie_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_2816:hover, .main_nav_desktop .cat_icon.cat_2816.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} /*folder:css, uid:zfsp_styles*/ /* line 3, C:/Data/zfsp/scss/_zfsp-basics.scss */ a { color: #2770BA; } /* line 7, C:/Data/zfsp/scss/_zfsp-basics.scss */ body { background-color: #eedfc8; font-family: "Arial", sans-serif; } /* line 12, C:/Data/zfsp/scss/_zfsp-basics.scss */ header { background-color: white; } /* line 16, C:/Data/zfsp/scss/_zfsp-basics.scss */ main { display: block; } /* line 20, C:/Data/zfsp/scss/_zfsp-basics.scss */ figure { margin: 0; } /* line 24, C:/Data/zfsp/scss/_zfsp-basics.scss */ .row { background-color: white; padding-top: 0.9375rem; padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 1200px; } /* line 32, C:/Data/zfsp/scss/_zfsp-basics.scss */ .row .row { padding: 0; } /* line 36, C:/Data/zfsp/scss/_zfsp-basics.scss */ .trans_bg { background-color: transparent; } /* line 40, C:/Data/zfsp/scss/_zfsp-basics.scss */ .no_padding_col { padding-right: 0; padding-left: 0; } /* line 45, C:/Data/zfsp/scss/_zfsp-basics.scss */ .no_padding_row { padding-right: 0; padding-left: 0; } /* line 50, C:/Data/zfsp/scss/_zfsp-basics.scss */ .row.extra_padding { padding-right: 1.875rem; padding-left: 1.875rem; } /* line 55, C:/Data/zfsp/scss/_zfsp-basics.scss */ .no_margin { margin: 0 !important; } /* line 60, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1, .site_headline_wrapper h2, .site_headline_wrapper h3, .site_headline_wrapper h4, .site_headline_wrapper h5, .site_headline_wrapper h6 { font-size: 2.5rem; text-transform: uppercase; } /* line 68, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_white, .site_headline_wrapper h2.hl_white, .site_headline_wrapper h3.hl_white, .site_headline_wrapper h4.hl_white, .site_headline_wrapper h5.hl_white, .site_headline_wrapper h6.hl_white { color: white; } /* line 71, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_gold, .site_headline_wrapper h2.hl_gold, .site_headline_wrapper h3.hl_gold, .site_headline_wrapper h4.hl_gold, .site_headline_wrapper h5.hl_gold, .site_headline_wrapper h6.hl_gold { color: #d5b076; } /* line 76, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1 span.hl_black, .site_headline_wrapper h2 span.hl_black, .site_headline_wrapper h3 span.hl_black, .site_headline_wrapper h4 span.hl_black, .site_headline_wrapper h5 span.hl_black, .site_headline_wrapper h6 span.hl_black { color: black; } /* line 84, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1, h2, h3, h4, h5, h6, span { line-height: 1; } /* line 92, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1.hl_gold, h2.hl_gold, h3.hl_gold, h4.hl_gold, h5.hl_gold, h6.hl_gold, span.hl_gold { color: #d5b076; margin: 0; } /* line 96, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1.hl_white, h2.hl_white, h3.hl_white, h4.hl_white, h5.hl_white, h6.hl_white, span.hl_white { color: white; margin: 0; } /* line 104, C:/Data/zfsp/scss/_zfsp-basics.scss */ p.hl_gold { color: #d5b076; } /* line 107, C:/Data/zfsp/scss/_zfsp-basics.scss */ p.hl_white { color: white; } /* line 112, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } /* line 121, C:/Data/zfsp/scss/_zfsp-basics.scss */ h3 { line-height: 1.5rem; } /* line 125, C:/Data/zfsp/scss/_zfsp-basics.scss */ .text_beige { color: #d5b076; } /* line 129, C:/Data/zfsp/scss/_zfsp-basics.scss */ .text_white { color: white; } /* line 133, C:/Data/zfsp/scss/_zfsp-basics.scss */ .ui-helper-hidden-accessible { display: none; } /* line 139, C:/Data/zfsp/scss/_zfsp-basics.scss */ .overall_overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; z-index: 99; display: none; } /* line 150, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle { padding-top: 20px; background-color: transparent; } /* line 153, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4 { text-transform: uppercase; font-size: 2.5rem; margin: 0; } /* line 161, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle .startpage_headline { color: black; } /* line 164, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle .startpage_subheadline { color: #d5b076; } /* line 170, C:/Data/zfsp/scss/_zfsp-basics.scss */ div.preview-separator { text-align: center; vertical-align: middle; line-height: 35px; width: 100%; height: 35px; background: red; color: white; z-index: 900; float: left; } @media only screen and (min-width: 640px) { /* line 186, C:/Data/zfsp/scss/_zfsp-basics.scss */ .medium-20pc { width: 20%; } /* line 189, C:/Data/zfsp/scss/_zfsp-basics.scss */ .medium-40pc { width: 40%; } /* line 192, C:/Data/zfsp/scss/_zfsp-basics.scss */ .medium-60pc { width: 60%; } /* line 195, C:/Data/zfsp/scss/_zfsp-basics.scss */ .medium-80pc { width: 80%; } } @media only screen and (min-width: 1024px) { /* line 202, C:/Data/zfsp/scss/_zfsp-basics.scss */ .large-20pc { width: 20%; } /* line 205, C:/Data/zfsp/scss/_zfsp-basics.scss */ .large-40pc { width: 40%; } /* line 208, C:/Data/zfsp/scss/_zfsp-basics.scss */ .large-80pc { width: 80%; } } /* line 213, C:/Data/zfsp/scss/_zfsp-basics.scss */ .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; } /* line 218, C:/Data/zfsp/scss/_zfsp-basics.scss */ .columns_2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } /* line 222, C:/Data/zfsp/scss/_zfsp-basics.scss */ .bg_fade { -webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; } /* line 226, C:/Data/zfsp/scss/_zfsp-basics.scss */ .text_fade { -webkit-transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s; -moz-transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s; -o-transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s; transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s; } /* line 230, C:/Data/zfsp/scss/_zfsp-basics.scss */ .trans_opacity, .trans_opacity p { -webkit-transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s; -moz-transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s; -o-transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s; transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s; } /* line 235, C:/Data/zfsp/scss/_zfsp-basics.scss */ .trans_all { -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; } /* line 239, C:/Data/zfsp/scss/_zfsp-basics.scss */ .trans_all_fast { -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; } @media screen and (max-width: 1023px) { /* line 245, C:/Data/zfsp/scss/_zfsp-basics.scss */ body { padding-top: 7.875rem; } /* line 248, C:/Data/zfsp/scss/_zfsp-basics.scss */ h3 { font-size: 1.125rem; line-height: 1.25rem; } /* line 252, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1 { font-size: 26px; } /* line 256, C:/Data/zfsp/scss/_zfsp-basics.scss */ nav.row { padding-right: 0.625rem !important; padding-left: 0.625rem !important; } /* line 266, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1, .site_headline_wrapper h2, .site_headline_wrapper h3, .site_headline_wrapper h4, .site_headline_wrapper h5, .site_headline_wrapper h6 { font-size: 2rem; text-transform: uppercase; } /* line 274, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_white, .site_headline_wrapper h2.hl_white, .site_headline_wrapper h3.hl_white, .site_headline_wrapper h4.hl_white, .site_headline_wrapper h5.hl_white, .site_headline_wrapper h6.hl_white { color: white; } /* line 277, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_gold, .site_headline_wrapper h2.hl_gold, .site_headline_wrapper h3.hl_gold, .site_headline_wrapper h4.hl_gold, .site_headline_wrapper h5.hl_gold, .site_headline_wrapper h6.hl_gold { color: #d5b076; } /* line 282, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4 { font-size: 2rem; } } @media screen and (max-width: 639px) { /* line 292, C:/Data/zfsp/scss/_zfsp-basics.scss */ body { padding-top: 7.875rem; } /* line 295, C:/Data/zfsp/scss/_zfsp-basics.scss */ h3 { font-size: 1rem; line-height: 1.125rem; } /* line 299, C:/Data/zfsp/scss/_zfsp-basics.scss */ h1 { font-size: 26px; } /* line 302, C:/Data/zfsp/scss/_zfsp-basics.scss */ .columns_2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } /* line 305, C:/Data/zfsp/scss/_zfsp-basics.scss */ .row { padding-right: 0; padding-left: 0; } /* line 310, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1, .site_headline_wrapper h2, .site_headline_wrapper h3, .site_headline_wrapper h4, .site_headline_wrapper h5, .site_headline_wrapper h6 { font-size: 1.75rem; text-transform: uppercase; } /* line 318, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_white, .site_headline_wrapper h2.hl_white, .site_headline_wrapper h3.hl_white, .site_headline_wrapper h4.hl_white, .site_headline_wrapper h5.hl_white, .site_headline_wrapper h6.hl_white { color: white; } /* line 321, C:/Data/zfsp/scss/_zfsp-basics.scss */ .site_headline_wrapper h1.hl_gold, .site_headline_wrapper h2.hl_gold, .site_headline_wrapper h3.hl_gold, .site_headline_wrapper h4.hl_gold, .site_headline_wrapper h5.hl_gold, .site_headline_wrapper h6.hl_gold { color: #d5b076; } /* line 326, C:/Data/zfsp/scss/_zfsp-basics.scss */ .pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4 { font-size: 1.75rem; } } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion { margin-top: 1.25rem; } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion_headline { background-color: #eaeaea; padding: 1.25rem 1rem; margin-bottom: 0.125rem; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion ul.accordion { margin-bottom: 1.25rem; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item { margin-bottom: 0.125rem; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item .accordion-title { font-size: 1rem; color: black; background-color: #eaeaea; padding-left: 1.875rem; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item .accordion-title::before { right: auto; content: ""; float: left; display: block; position: absolute; top: 25px; left: 3px; width: 20px; height: 20px; background: url('../images/assets/ico-sprite.png') -1249px 50% no-repeat; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item .accordion-title h3 { font-weight: normal; font-size: 16px; font-family: "Arial", sans-serif; margin-bottom: 0; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item:hover .accordion-title { background-color: #d9d9d9; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item.is-active .accordion-title, .zfsp_accordion .accordion-item.is-active:hover .accordion-title { background-color: black; color: white; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item.is-active .accordion-title::before, .zfsp_accordion .accordion-item.is-active:hover .accordion-title::before { background: url('../images/assets/ico-sprite.png') -1279px 50% no-repeat; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item .accordion-content { color: black; padding: 0; padding-top: 1.25rem; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .accordion-item .accordion-content .zfsp_text_image.content_wrapper { margin-bottom: 1.25rem; } @media screen and (min-width: 1024px) { /* line 65, C:/Data/zfsp/scss/zfsp-modules/_zfsp-accordion.scss */ .zfsp_accordion .zfsp_gallery { margin-left: 0; width: 100%; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav { margin: 2.5rem 0 2.5rem; } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form { list-style-type: none; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 75%; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form li { color: #666; display: inline-block; margin-left: 2.5rem; padding-top: 8px; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form li:first-of-type { background-color: #d5b076; display: inline-block; padding: 0.625rem 0.9375rem; position: relative; color: white; line-height: 1.5rem; margin: 0; height: 2.75rem; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form li:first-of-type::after { width: 0; height: 0; border-style: solid; border-width: 22px; left: 100%; top: 0px; border-color: transparent transparent transparent #d5b076; position: absolute; content: ""; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step { background-image: url('../images/assets/dot-gold.png'); background-repeat: no-repeat; display: inline-block; text-align: center; background-position: center 12px; -o-background-size: 20px; background-size: 20px; padding-top: 50px; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step { background-color: #d5b076; width: 10px; height: 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 18px; max-width: 12.5rem; position: relative; } /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type { margin-left: 25px; max-width: 4.6875rem; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type::before { width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent transparent transparent white; float: right; position: absolute; content: ""; } /* line 80, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumb-contactform.scss */ .contact_form nav .button_change { margin-top: 1.25rem; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs { padding-left: 0; margin: 14px 0 18px; list-style-type: none; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li { float: left; border: 1px solid #e8e8e8; margin-top: 10px; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.first { background-image: url('../images/assets/svg-1/icon-home-grey.svg'); background-repeat: no-repeat; background-position: center; -o-background-size: auto 1.5625rem; background-size: auto 1.5625rem; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li a { position: relative; float: left; padding: 5px 15px 5px 25px; font-size: .9em; color: #777; text-decoration: none; outline: 0; } /* line 23, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li a:before { border: 18px solid rgba(51, 51, 51, 0); border-left-color: #e8e8e8; border-width: 18px; margin-top: -18px; left: 100%; top: 50%; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li a:after { margin-top: -17px; left: 100%; top: 50%; border: solid transparent 17px; border-left-color: #fff; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; } /* line 50, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li a.empty { cursor: default; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last { position: relative; } /* line 57, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:after { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 15px; padding-right: 10px; background-image: url('../images/assets/ico-sprite.png'); background-position: -1253px center; } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover { /*min-width: rem-calc(250);*/ width: auto; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover:after { background-position: -1400px; padding-left: 0.9375rem; } /* line 75, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover a:before { border: none; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover a:after { border: none; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover .breadcrumb_children { display: inline-block; } /* line 86, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last a { cursor: default; font-weight: bold; padding-right: 2.5rem; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children { display: none; min-width: -webkit-calc(100% + 2px); min-width: -moz-calc(100% + 2px); min-width: calc(100% + 2px); background-color: white; border: 1px solid #e8e8e8; border-bottom: none; z-index: 1; position: absolute; top: 2.0625rem; left: -1px; list-style-type: none; margin: 0; } /* line 103, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children li { float: none; border: none; margin: 0; } /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children li a { width: 100%; font-weight: normal; border-bottom: 1px solid #e8e8e8; cursor: pointer; } /* line 112, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children li a:before { border: none; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children li a:after { border: none; } /* line 118, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last .breadcrumb_children li a:hover { background-color: #2870bb; color: #fff; } @media screen and (max-width: 639px) { /* line 133, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:after { background: none; } /* line 137, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last.hasChildren:hover:after { background: none; } /* line 142, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last:hover { width: auto; } /* line 144, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last:hover:after { background: none; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last:hover a:before { border: 18px solid rgba(51, 51, 51, 0); border-left-color: #e8e8e8; border-width: 18px; margin-top: -18px; left: 100%; top: 50%; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; } /* line 161, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last:hover .breadcrumb_children { display: none; } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-breadcrumbs.scss */ .zfsp_breadcrumbs li.last a { padding-right: 15px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta { margin-bottom: 0.625rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta.cta_el { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a, .zfsp_cta .cta { -webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; display: inline-block; background-color: rgba(40, 112, 187, 0.8); color: white; padding: 0.625rem 1.875rem 0.625rem 0.9375rem; position: relative; line-height: inherit; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a:before, .zfsp_cta .cta:before { height: 0 !important; width: 0 !important; background: none !important; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a:after, .zfsp_cta .cta:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 0.625rem; position: absolute; right: 0.3125rem; top: 0.9375rem; } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a:hover, .zfsp_cta .cta:hover { background-color: #2870bb; cursor: pointer; color: white; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a.cta_contact, .zfsp_cta a.cta_phone, .zfsp_cta .cta.cta_contact, .zfsp_cta .cta.cta_phone { padding-right: 3.125rem; } /* line 41, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a.cta_contact:after, .zfsp_cta a.cta_phone:after, .zfsp_cta .cta.cta_contact:after, .zfsp_cta .cta.cta_phone:after { height: 2.1875rem; width: 2.1875rem; background: url('../images/assets/svg-1/envelope-white.svg'); background-repeat: no-repeat; -o-background-size: contain; background-size: contain; margin-left: 0; top: 0.3125rem; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-call-to-action.scss */ .zfsp_cta a.cta_phone:after, .zfsp_cta .cta.cta_phone:after { background-image: url('../images/assets/mobile-nav-phone-white.png'); height: 2.0625rem; width: 1.875rem; top: 0.375rem; } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-content-rel-section.scss */ .content_rel .rc_slider { margin-top: 0px !important; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-content-rel-section.scss */ .content_rel .zfsp-seperator { height: 1.25rem; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-content-rel-section.scss */ .content_rel .cr_headline { font-size: 28px; text-transform: uppercase; font-weight: bold; } @media screen and (max-width: 1023px) { /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-content-rel-section.scss */ .content_rel .cr_headline { font-size: 20px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group { margin-top: 1.875rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 { text-transform: uppercase; font-size: 1.75rem; margin-bottom: 0; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group .zfsp-seperator { height: 1.25rem; margin-bottom: 1.875rem; } @media screen and (max-width: 1023px) { /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 { font-size: 1.5rem; /*&:first-child { margin-bottom: rem-calc(10); }*/ } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group .zfsp-seperator { height: 0.75rem; margin-bottom: 1.875rem; } } @media screen and (max-width: 639px) { /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contentgroup.scss */ .content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 { font-size: 1.25rem; /*&:first-child { margin-bottom: rem-calc(10); }*/ } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select { padding-top: 3.125rem; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 999; display: none; top: 0; color: white; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .cs_close .close_country_select { color: white; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .cs_close .close_country_select:after { content: ""; display: inline-block; height: 1.25rem; width: 1.25rem; background-image: url('../images/assets/ico-sprite.png'); background-position: -920px center; position: relative; top: 5px; margin-left: 5px; } /* line 29, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .mapholder { margin-top: 1.875rem; margin-bottom: 1.875rem; } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .mapholder .zfsp_worldmap > img { width: 100%; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .mapholder navigation.country_list ul { list-style-type: none; margin: 0.625rem 0 0 0; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .mapholder navigation.country_list ul li a { font-size: 1.25rem; color: #d5b076; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .cs_bottom { font-size: 1.25rem; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .cs_bottom p { line-height: 1.2; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .zfsp_country_select .cs_bottom a { color: #d5b076; } @media screen and (max-width: 1023px) { /* line 58, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .cs_close { text-align: right; } } @media screen and (max-width: 639px) { /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-select.scss */ .cs_close { text-align: right; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.db-crm-deactivation { margin-bottom: 30px; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.db-crm-deactivation .message { margin-top: 0px; } /* line 13, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard h2 { font-size: 1.75rem; text-transform: uppercase; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .intro h2 { margin: 0; text-transform: none; font-size: 2.5rem; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .intro h2 + p { margin-top: 1rem; } /* line 29, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .intro p { font-size: 0.875rem; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .logo { text-align: right; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact { background-color: #e8e8e8; padding: 1.25rem 1.25rem 0; float: left; width: 100%; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact h3 { margin-bottom: 1.5rem; text-transform: none; font-size: 1.25rem; } /* line 49, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact img { float: left; margin-right: 20px; margin-bottom: 1.25rem; width: 160px; height: auto; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info { float: left; width: -webkit-calc(100% - 20px - 160px); width: -moz-calc(100% - 20px - 160px); width: calc(100% - 20px - 160px); margin-bottom: 1.25rem; } /* line 60, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info p { font-size: 0.875rem; margin-bottom: 0.5rem; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info p .name { font-weight: bold; font-size: 1rem; display: block; } /* line 69, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info p:last-child { margin-bottom: 0; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info-text { clear: both; font-weight: bold; font-size: 0.875rem; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .zfsp_cta { margin: 0 1.25rem 1.25rem 0; float: left; } /* line 86, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .cta_phone:after { width: 27px; height: 33px; } /* line 94, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .cta_contact:after { width: 30px; height: 35px; } /* line 102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0.9375rem; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dt { background-color: #000; color: #fff; text-transform: uppercase; font-weight: normal; padding: 0.4375rem 1.25rem; border: 1px solid #d9d9d9; border-bottom: 0; margin: 0; font-size: 1.25rem; } /* line 117, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd { padding: 1.25rem 1.25rem 2.8125rem; border: 1px solid #d9d9d9; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } /* line 122, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd p:first-child { font-size: 1.125rem; } /* line 125, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd p { font-size: 0.875rem; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd .zfsp_cta { position: absolute; right: 0; bottom: 0; margin: 0; } /* line 138, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications { clear: left; float: left; width: 100%; margin-top: 0.875rem; } /* line 144, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications h2 { margin-bottom: 0.9375rem; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications article { height: 100%; } /* line 150, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications dl { border: 1px solid #d9d9d9; padding: 0.4375rem 2.1875rem 0.4375rem 0.9375rem; color: #000; position: relative; height: -webkit-calc(100% - 16px); height: -moz-calc(100% - 16px); height: calc(100% - 16px); } /* line 156, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications dl dt { font-weight: bold; } /* line 159, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications dl dd { font-size: 0.875rem; } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications a dl::after { content: ''; background: url('../images/assets/ico-sprite.png') no-repeat -750px 50%; width: 25px; height: 100%; display: block; position: absolute; right: 0; top: 0; } /* line 178, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications + .content-group h2 { padding-top: 2.1875rem; border-top: 1px solid #d9d9d9; } /* line 184, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management { width: auto; float: none; } /* line 188, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl { border: none; background-color: #e8e8e8; padding-left: 2.5rem; padding-right: 2.5rem; } /* line 194, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl dt { margin-bottom: 0; } /* line 198, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl a { content: ''; background: url('../images/assets/ico-sprite.png') no-repeat -1253px 50%; width: 16px; height: 16px; display: block; position: absolute; left: 10px; top: -webkit-calc(50% - 16px / 2); top: -moz-calc(50% - 16px / 2); top: calc(50% - 16px / 2); cursor: pointer; } /* line 210, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl.open a { background-position: -1400px 50%; } /* line 214, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl.has-status::after { content: ''; background: url('../images/assets/status-sprite.png') no-repeat -1px 50%; -o-background-size: cover; background-size: cover; width: 26px; height: 25px; display: block; position: absolute; right: 10px; top: -webkit-calc(50% - 25px / 2); top: -moz-calc(50% - 25px / 2); top: calc(50% - 25px / 2); } /* line 225, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl.has-status.requested::after { background-position: -32px 50%; } /* line 228, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl.has-status.rejected::after { background-position: -63px 50%; } /* line 232, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl.has-switch { padding-right: 5rem; } /* line 236, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl { background-color: inherit; margin-top: -1rem; border: 1px solid #d9d9d9; border-top: none; position: static; display: none; } /* line 244, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl dt { font-weight: normal; font-size: 0.875rem; position: relative; padding: 0.625rem 0; } /* line 250, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl dt a { content: ''; background: url('../images/assets/ico-sprite.png') no-repeat -1826px 50%; width: 16px; height: 16px; display: block; position: absolute; left: -1.875rem; top: -webkit-calc(50% - 16px / 2); top: -moz-calc(50% - 16px / 2); top: calc(50% - 16px / 2); cursor: pointer; } /* line 262, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl dt .switch-round { position: absolute; right: -4.375rem; top: -webkit-calc(50% - 34px / 2); top: -moz-calc(50% - 34px / 2); top: calc(50% - 34px / 2); } /* line 269, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl dd { display: none; } /* line 273, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl::before { content: none; } /* line 279, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl.open dt a { background-position: -1858px 50%; } /* line 283, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl + dl.open dd { display: block; } /* line 292, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management + article { border-top: 1px solid #d9d9d9; padding-top: 1.25rem; } /* line 297, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management + .row { margin-top: 0; } /* line 306, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status_wrapper p { display: inline; } /* line 311, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status { margin-left: 15px; } /* line 314, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status::before { content: ''; background: url('../images/assets/status-sprite.png') no-repeat -1px 50%; -o-background-size: cover; background-size: cover; width: 26px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px; } /* line 325, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status.requested::before { background-position: -32px 50%; } /* line 329, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status.rejected::before { background-position: -63px 50%; } /* line 334, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs { margin-top: 2.8125rem; } /* line 338, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs.db-apps-only-personal-data-link { margin-top: 0px; } /* line 343, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs { border: 0; } /* line 347, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title, .dashboard.applications-wrapper-tabs .tabs .tabs-link { margin-right: 10px; } /* line 351, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title a, .dashboard.applications-wrapper-tabs .tabs .tabs-link a { color: #00abe7; background-color: #f2f2f4; font-size: 1.25rem; font-weight: bold; padding-top: 1.875rem; padding-bottom: 1.875rem; padding-left: 1.875rem; padding-right: 1.875rem; } /* line 363, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title a[aria-selected="true"], .dashboard.applications-wrapper-tabs .tabs .tabs-link a[aria-selected="true"] { background-color: #2186c6; color: #FFFFFF; } /* line 369, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title a.db-tab-link, .dashboard.applications-wrapper-tabs .tabs .tabs-link a.db-tab-link { padding-right: 6.25rem; } /* line 375, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title a.db-tab-link .edit-icon:after, .dashboard.applications-wrapper-tabs .tabs .tabs-link a.db-tab-link .edit-icon:after { content: ""; display: inline-block; background-image: url('../images/assets/svg-1/zf-icon-edit.svg'); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; margin-left: 20px; margin-top: -8px; } /* line 392, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-link { float: left; margin-right: 0px; } /* line 397, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-link a { display: block; line-height: 1; } /* line 405, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content { border: 0; } /* line 409, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAOdCAYAAACIwDLHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAVdSURBVHhe7ZpBjtsADAPT/Uk/25/1XVsV8GEPBATKcyAEMZgG8IGWSCdxNv31+8/f7w+gr89/G4CvekJ0Rr3OqFcZict0wIXdCzTSJdgEriamHFETqcM+ifVDOqNeiUbfdWUCXNi9zqhXGdUFBbA6I72yzeqMIJWRSG7Ahd0r0Ui3aUOuJuwHrG4NEvkVghFppAb1ASfSJ7CJDJtRpJGoYMCF3Qs00iXYkKsJ+wGrW4O020hfFy73cdQr0khUMGBzRuIPeCMiM6q5ACJXY7TaSF2mAy7sXruN6joAACfSJ7DZ3RqjMhLJDbiwe5FXtjg6gFtN+/usrh9SGanofO6ttldia5ASjfTKNpEZiTkHRK7GKNFIl2BTE4mjA661XlzY+rAPuJqyH3D196zOSK9sc631ijTS4bmAE+kT2OxujVEZieQGJK6mJ7XhJvouO+KRGDak1UbiV5cJF3avMqqwABJX05PaXNi9VhvpEmxqInF0QGBGelAfcjXl73P32b0SW4MEGulJbS7sXquNxK3uhAu7VxlVWACBq4lLYsS11ivRSK9sc2H3Io10eC53V9sLDBtSopFe2YYLWx/2Wd0aJK41cWzEhd2TuJqe1ObC7pVopL5YDLiweyX+vFrtEUS2JuYcELkao3vz7xVppHd2uVu/XomtQeKMxP3AiM0ZPc+vlWikuhywO+zaEYBsrf4FuLB7JRrplW02h60H9SFXU/4+d+vXCwwbEmikJ7W5sHuRrdWOAKszgkQaVeoA3ETikhixOaPn+bVAI72yzYXdizTS4bncHVsvMGxIoJGe1Iab6OcvUm8eiWFDKiNRwYB79fcCw4a0uzUx54DI1RjdHVsvzujnR8qbR2T9jEgjMeeAxNX0pDYXdq9IIx2ey736exJX05PakL8dqcM+iWFDqtZqR4DVGUEijSp1AHAifQKb1RlBimxNHB0QmJEe1AfMSB+3CQz7eX4tMGxIoJGe1GZ1RpASjcTd14TdYdeOAOCbvzo6YHPY9S+iRCO9ss2F3SsxI30Cm2utZ3NrP39tefOIrJ8RWX91B7A77NoRIHE1PanNtdYrsjVxdEBiRpBW/1KjT2BDtibsB5ATMbrWela3JvadsPsjmxEYNiTOSNx7j9ic0fP8WqCRzs7mWuuVmJE+gc2F3SvRSK9sExi29veJrF8N6nN3bL3AsCGBRnpSmwu7F9la7QiwOiNIpFGlDrD7/0QI+wGR9TMCjXR2Ntdar8SM9AlsrrWe1RmJO4sJu7+vMQps7TF8rd1GFRYAOJE+gc2F3SvRSK9sc2H34ox0dD6JrekT2ETWL+YcELkao3s/6hVppMNz2f3qZ5TYGiSufnFsxOqwIa02El90J1zYvcqowgIAJ9InsLnWelZnpFe2CQxb+/tE1q8G9bm3kV6JrUFKNNIr21xrvVYbiVvdCRd2rzKqsAC4ibS/z31A9gqs/3l+LdBIr2xzrfWKNNLhuYAT6RPY7G6NURmJ5AYkrqYnteEmEuYjVrcGKdFI3MVPuLB7kUaVOsDqjPTKNpEZiTkHRK7GKNFIl2BTE4mjAzaHrTf2IVdT/j7gRPoENoH1P8+vldgapNVGugQbcjVhP2B1a5ASjcRXpgkXdq9Io6oPYHNG4mofEZlRzQUQuRqj1Ua6TZuaSBwdcK31ijTSdbokrqYntYlsjRFpJJIbcGH3Ao10CTbkasJ+QGDYelCfwNWe59cijVR0PuBE+gQ2u1tjtNtIXBQDVmekV7ZZnRGkMhLJDbiwe51Rr3r11wUFcGH3OqNepFFdmQCJ30WU/YDd9TOKNBJdDriwe51Rr/vTWK8z6vT5/APXvjGkNGVtjgAAAABJRU5ErkJggg==); background-repeat: repeat-x; background-color: #001628; padding-top: 0; padding-bottom: 1.875rem; padding-left: 1.875rem; padding-right: 1.875rem; } /* line 420, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row { background: transparent; } /* line 424, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row > .columns { margin-top: 1.875rem; } /* line 429, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element { background-color: #FFFFFF; height: 100%; padding-top: 2.5rem; padding-bottom: 2.5rem; padding-left: 1.875rem; padding-right: 1.875rem; text-align: center; } /* line 441, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element h3 { font-size: 1.5rem; line-height: 1.75rem; } /* line 447, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element p { font-size: 0.875rem; } /* line 452, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element a { font-size: 0.875rem; } /* line 456, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element a:before { content: ""; display: inline-block; background: url('../icons-rebranch/link-arrow-blue-1.png'); background-repeat: no-repeat; background-position: left center; height: 0.625rem; width: 0.75rem; margin-right: 0; } /* line 469, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element .db-tab-content-headline { margin-bottom: 30px; } /* line 474, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element .db-tab-content-text { margin-bottom: 25px; } /* line 481, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element.db-tab-no-link .db-tab-content-headline { height: 50%; } /* line 486, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element.db-tab-no-link .db-tab-content-text { height: 50%; } /* line 498, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item { margin-bottom: 10px; } /* line 504, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .edit-icon:after { content: ""; display: inline-block; background-image: url('../images/assets/svg-1/zf-icon-edit.svg'); background-repeat: no-repeat; width: 25px; height: 25px; position: absolute; right: 20px; margin-top: -4px; } /* line 520, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item.is-active .accordion-title { background-color: #2186c6; color: #FFFFFF; padding-top: 35px; } /* line 526, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item.is-active .accordion-title:before { background: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; background-position: -208px; -o-background-size: 1340px; background-size: 1340px; width: 1.75rem; margin-right: 1px; } /* line 538, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-title { text-align: center; background-color: #f2f2f4; color: #00abe7; font-weight: bold; font-size: 1rem; border: 0; padding-left: 6px; } /* line 549, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-title:before { content: ""; background: url('../icons-rebranch/link-arrow-blue-1.png'); background-repeat: no-repeat; background-position: left center; height: 0.625rem; width: 0.75rem; display: inline-block; position: relative; top: auto; right: auto; margin-top: 0; } /* line 565, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content { border: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAOdCAYAAACIwDLHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAVdSURBVHhe7ZpBjtsADAPT/Uk/25/1XVsV8GEPBATKcyAEMZgG8IGWSCdxNv31+8/f7w+gr89/G4CvekJ0Rr3OqFcZict0wIXdCzTSJdgEriamHFETqcM+ifVDOqNeiUbfdWUCXNi9zqhXGdUFBbA6I72yzeqMIJWRSG7Ahd0r0Ui3aUOuJuwHrG4NEvkVghFppAb1ASfSJ7CJDJtRpJGoYMCF3Qs00iXYkKsJ+wGrW4O020hfFy73cdQr0khUMGBzRuIPeCMiM6q5ACJXY7TaSF2mAy7sXruN6joAACfSJ7DZ3RqjMhLJDbiwe5FXtjg6gFtN+/usrh9SGanofO6ttldia5ASjfTKNpEZiTkHRK7GKNFIl2BTE4mjA661XlzY+rAPuJqyH3D196zOSK9sc631ijTS4bmAE+kT2OxujVEZieQGJK6mJ7XhJvouO+KRGDak1UbiV5cJF3avMqqwABJX05PaXNi9VhvpEmxqInF0QGBGelAfcjXl73P32b0SW4MEGulJbS7sXquNxK3uhAu7VxlVWACBq4lLYsS11ivRSK9sc2H3Io10eC53V9sLDBtSopFe2YYLWx/2Wd0aJK41cWzEhd2TuJqe1ObC7pVopL5YDLiweyX+vFrtEUS2JuYcELkao3vz7xVppHd2uVu/XomtQeKMxP3AiM0ZPc+vlWikuhywO+zaEYBsrf4FuLB7JRrplW02h60H9SFXU/4+d+vXCwwbEmikJ7W5sHuRrdWOAKszgkQaVeoA3ETikhixOaPn+bVAI72yzYXdizTS4bncHVsvMGxIoJGe1Iab6OcvUm8eiWFDKiNRwYB79fcCw4a0uzUx54DI1RjdHVsvzujnR8qbR2T9jEgjMeeAxNX0pDYXdq9IIx2ey736exJX05PakL8dqcM+iWFDqtZqR4DVGUEijSp1AHAifQKb1RlBimxNHB0QmJEe1AfMSB+3CQz7eX4tMGxIoJGe1GZ1RpASjcTd14TdYdeOAOCbvzo6YHPY9S+iRCO9ss2F3SsxI30Cm2utZ3NrP39tefOIrJ8RWX91B7A77NoRIHE1PanNtdYrsjVxdEBiRpBW/1KjT2BDtibsB5ATMbrWela3JvadsPsjmxEYNiTOSNx7j9ic0fP8WqCRzs7mWuuVmJE+gc2F3SvRSK9sExi29veJrF8N6nN3bL3AsCGBRnpSmwu7F9la7QiwOiNIpFGlDrD7/0QI+wGR9TMCjXR2Ntdar8SM9AlsrrWe1RmJO4sJu7+vMQps7TF8rd1GFRYAOJE+gc2F3SvRSK9sc2H34ox0dD6JrekT2ETWL+YcELkao3s/6hVppMNz2f3qZ5TYGiSufnFsxOqwIa02El90J1zYvcqowgIAJ9InsLnWelZnpFe2CQxb+/tE1q8G9bm3kV6JrUFKNNIr21xrvVYbiVvdCRd2rzKqsAC4ibS/z31A9gqs/3l+LdBIr2xzrfWKNNLhuYAT6RPY7G6NURmJ5AYkrqYnteEmEuYjVrcGKdFI3MVPuLB7kUaVOsDqjPTKNpEZiTkHRK7GKNFIl2BTE4mjAzaHrTf2IVdT/j7gRPoENoH1P8+vldgapNVGugQbcjVhP2B1a5ASjcRXpgkXdq9Io6oPYHNG4mofEZlRzQUQuRqj1Ua6TZuaSBwdcK31ijTSdbokrqYntYlsjRFpJJIbcGH3Ao10CTbkasJ+QGDYelCfwNWe59cijVR0PuBE+gQ2u1tjtNtIXBQDVmekV7ZZnRGkMhLJDbiwe51Rr3r11wUFcGH3OqNepFFdmQCJ30WU/YDd9TOKNBJdDriwe51Rr/vTWK8z6vT5/APXvjGkNGVtjgAAAABJRU5ErkJggg==); background-repeat: repeat-x; background-color: #001628; padding-top: 0; padding-bottom: 1.25rem; } /* line 576, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row { background: transparent; } /* line 580, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row > .columns { margin-top: 1.25rem; } /* line 585, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row :first-child { margin-top: 0.3125rem; } /* line 590, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element { background-color: #FFFFFF; height: 100%; color: #000000; padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 0.9375rem; padding-right: 0.9375rem; text-align: center; } /* line 603, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element h3 { font-size: 1rem; } /* line 608, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element p { font-size: 0.875rem; } /* line 613, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element a { font-size: 0.875rem; } /* line 617, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element a:before { content: ""; display: inline-block; background: url('../icons-rebranch/link-arrow-blue-1.png'); background-repeat: no-repeat; background-position: left center; height: 0.625rem; width: 0.75rem; margin-right: 0; } /* line 630, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-headline { height: 33.3%; margin-bottom: 10px; } /* line 636, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-text { height: 33.3%; margin-bottom: 0; } /* line 641, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-text p { margin-bottom: 0; } /* line 647, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-link { height: 33.3%; } /* line 657, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link { display: table; margin-left: auto; margin-right: auto; } /* line 663, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link .pd-column { display: table-cell; vertical-align: middle; } /* line 669, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link span { font-size: 0.875rem; } /* line 674, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link a { font-size: 0.875rem; margin-left: 5px; white-space: nowrap; } /* line 680, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link a:before { content: ""; display: inline-block; background: url('../icons-rebranch/link-arrow-blue-1.png'); background-repeat: no-repeat; background-position: left center; height: 0.625rem; width: 0.75rem; margin-right: 0; } /* line 693, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .db-apps-personal-data-link .edit-icon { width: 40px; height: 40px; background-image: url('../images/assets/svg-1/zf-icon-edit.svg'); background-repeat: no-repeat; margin-right: 20px; } /* line 706, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper { float: left; } /* line 709, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .rejected h2 span, .dashboard.applications-wrapper .rejected dl { color: #d9d9d9; } /* line 714, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .rejected i { font-size: 1.25rem; color: #fff; display: inline-block; background-color: #d9d9d9; -webkit-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: bottom; margin-left: 1.875rem; font-style: normal; } /* line 729, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .rejected span a { margin-left: 1.5625rem; font-size: 0.875rem; vertical-align: middle; text-transform: none; font-weight: normal; } /* line 741, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .db-internal-apps-text p { margin-top: 1rem; font-size: 0.875rem; } /* line 748, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .db-internal-apps-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; font-size: 0.875rem; } /* line 754, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .db-internal-apps-list .headline { font-weight: bold; } /* line 761, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button { margin: 0; float: right; background-color: #7f7f7f; } /* line 766, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.next::after { content: ''; display: inline-block; width: 10px; height: 15px; margin-left: 25px; vertical-align: middle; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; background-position: -1049px 50%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 779, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.prev::before { content: ''; display: inline-block; width: 10px; height: 15px; margin-right: 15px; vertical-align: middle; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; background-position: -1049px 50%; } /* line 793, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .message { border: 1px solid #ff00ff; color: #d400b8; padding: 1.25rem 0.625rem; margin-top: 1.25rem; } /* line 801, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data { margin-top: 15px; padding-left: 65px; display: inline-block; width: 50%; } /* line 806, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data span { font-weight: normal; font-size: 0.875rem; text-transform: none; display: block; padding-top: 0.4375rem; } /* line 813, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data span:first-child { margin-top: 5px; } /* line 817, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data::before { content: ''; position: absolute; margin-left: -65px; background: url('../images/assets/svg-1/man-burst-black.svg') 50% 50%; -o-background-size: 120%; background-size: 120%; display: inline-block; height: 50px; width: 50px; } /* line 829, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .personal-data-button { float: none; margin-top: -20px; padding-left: 12px; padding-right: 30px; background-color: #2199e8; } /* line 837, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .personal-data-button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 11px; position: absolute; } /* line 849, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .personal-data-button:hover { background-color: #1583cc; } /* line 856, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p { text-align: right; font-size: 1.25rem; padding-right: 1.25rem; width: 50%; float: left; } /* line 862, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p span { display: block; } /* line 866, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service .phone { font-weight: bold; font-size: 1.75rem; text-align: left; padding-right: 0; padding-left: 1.25rem; } /* line 873, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service .phone::before { content: ''; vertical-align: middle; background: url('../images/assets/mobile-nav-phone.png') no-repeat 50% 50%; display: inline-block; height: 33px; width: 33px; margin-right: 10px; } @media screen and (max-width: 1023px) { /* line 892, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .zfsp-seperator { margin-top: 20px; } /* line 899, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .intro h2 { font-size: 2rem; } /* line 905, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.db-next-only-personal-data-link { margin-top: 10px; } /* line 916, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs .tabs-title a, .dashboard.applications-wrapper-tabs .tabs .tabs-link a { font-size: 1.25rem; } /* line 931, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element h3 { font-size: 1.25rem; } /* line 943, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .db-internal-apps-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } /* line 949, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data { width: 67%; } /* line 955, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact img { width: 80px; } /* line 958, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info { width: auto; } /* line 961, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .zfsp_cta { clear: left; } /* line 966, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p { text-align: center; font-size: 1.125rem; padding-right: 0; width: 100%; float: none; margin: 0; } /* line 973, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p span { display: inline; } /* line 977, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service .phone { text-align: center; font-size: 1.375rem; padding: 0; } } @media screen and (max-width: 639px) { /* line 991, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .intro h2 { font-size: 1.75rem; } /* line 997, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper-tabs { margin-top: 1.875rem; } /* line 1004, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .db-internal-apps-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } /* line 1010, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard div.personal-data { width: 100%; } /* line 1016, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .zfsp_cta { clear: none; font-size: 0.875rem; } /* line 1019, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .zfsp_cta a { padding-right: 58px; } /* line 1024, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .contact .contact-info + .zfsp_cta { clear: left; } /* line 1030, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd .zfsp_cta { width: 100%; } /* line 1032, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .news dd .zfsp_cta a { width: 100%; } /* line 1039, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications dl { margin-bottom: 0; } /* line 1042, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications a + a dl, .dashboard .applications dl + dl { border-top: none; } /* line 1048, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .applications.applications-management dl { margin-bottom: 0.625rem; } /* line 1055, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.applications-wrapper .rejected span a { display: block; margin-left: 0; margin-top: 0.75rem; } /* line 1063, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status_wrapper p { display: block; } /* line 1066, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .status_wrapper .status:first-child { margin-left: 0; } /* line 1071, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button { float: none; width: 100%; margin-top: 1.25rem; } /* line 1076, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.next { position: relative; text-align: left; } /* line 1079, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.next::after { position: absolute; right: 1em; } /* line 1085, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.prev { position: relative; text-align: right; } /* line 1088, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard .button.prev::before { position: absolute; left: 1em; } /* line 1096, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p { font-size: 1rem; } /* line 1098, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service p span { display: block; } /* line 1102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-dashboard.scss */ .dashboard.contact-service .phone { font-size: 1.25rem; margin-top: 1rem; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer { margin-bottom: 1.25rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .copyright { margin-top: 0.9375rem; margin-bottom: 0.625rem; font-size: 14px; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row { padding-bottom: 0.625rem; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .zfsp-seperator { height: 2.5rem; margin-bottom: 1.5625rem; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav { background-color: #d9d9d9; padding: 1.25rem 1.25rem; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav .col_headline > a { display: block; border-bottom: 1px solid #9a9a9a; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav a { color: black; } /* line 27, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav ul { list-style-type: none; margin: 0; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav ul li a { color: black; font-size: 14px; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social { background-color: #d9d9d9; padding: 1.25rem 2.5rem; } /* line 41, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social hr { border-color: #9a9a9a; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .left { float: left; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .right { float: right; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .footer_contact a { color: black; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul { list-style-type: none; margin: 0; } /* line 59, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li { background-color: transparent; position: relative; float: left; margin-right: 1.25rem; height: 2.5rem; width: 2.5rem; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li:last-child { margin-right: 0; } /* line 69, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span { position: absolute; top: 0; left: 0; display: inline-block; height: 100%; width: 100%; border: 0.0625rem solid black; background-repeat: no-repeat; background-position: 50% 50%; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_twitter { background-image: url('../images/assets/social-media/footer-social-twitter.png'); opacity: 1; } /* line 83, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_twitter_hover { background-image: url('../images/assets/social-media/footer-social-twitter-c.png'); opacity: 0; } /* line 87, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_linkedin { background-image: url('../images/assets/social-media/footer-social-linkedin.png'); opacity: 1; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_linkedin_hover { background-image: url('../images/assets/social-media/footer-social-linkedin-c.png'); opacity: 0; } /* line 95, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_xing { background-image: url('../images/assets/social-media/footer-social-xing.png'); opacity: 1; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_xing_hover { background-image: url('../images/assets/social-media/footer-social-xing-c.png'); opacity: 0; } /* line 103, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_facebook { background-image: url('../images/assets/social-media/footer-social-facebook.png'); opacity: 1; } /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_facebook_hover { background-image: url('../images/assets/social-media/footer-social-facebook-c.png'); opacity: 0; } /* line 111, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_youtube { background-image: url('../images/assets/social-media/footer-social-youtube.png'); opacity: 1; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_youtube_hover { background-image: url('../images/assets/social-media/footer-social-youtube-c.png'); opacity: 0; } /* line 119, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_wechat { background-image: url('../images/assets/social-media/footer-social-wechat.png'); opacity: 1; } /* line 123, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li span.sm_wechat_hover { background-image: url('../images/assets/social-media/footer-social-wechat-c.png'); opacity: 0; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li:hover { background-color: white; } /* line 130, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li:hover .sm_twitter_hover, footer .footer_social .sm_navigation ul li:hover .sm_linkedin_hover, footer .footer_social .sm_navigation ul li:hover .sm_xing_hover, footer .footer_social .sm_navigation ul li:hover .sm_facebook_hover, footer .footer_social .sm_navigation ul li:hover .sm_youtube_hover { opacity: 1; } /* line 137, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li:hover .sm_wechat_hover { opacity: 1; background-color: #00ab21; } /* line 141, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li:hover .sm_twitter, footer .footer_social .sm_navigation ul li:hover .sm_linkedin, footer .footer_social .sm_navigation ul li:hover .sm_xing, footer .footer_social .sm_navigation ul li:hover .sm_facebook, footer .footer_social .sm_navigation ul li:hover .sm_youtube, footer .footer_social .sm_navigation ul li:hover .sm_wechat { opacity: 0; } /* line 150, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li .linkpanel { background-color: rgba(255, 255, 255, 0.8); position: absolute; display: none; padding: 10px; } /* line 155, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li .linkpanel li { height: auto; } /* line 158, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social .sm_navigation ul li .linkpanel a { color: black; } @media screen and (max-width: 1023px) { /* line 169, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer { margin-bottom: 0; } /* line 171, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row { padding-right: 0; padding-left: 0; font-size: 14px; } /* line 176, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row .columns .zfsp-seperator { margin-left: -1.25rem; margin-right: -1.25rem; padding-right: 0; padding-left: 0; } /* line 182, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row .columns .columns { padding-right: 0; padding-left: 0; } /* line 187, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row .columns.copyright { padding-right: 1.25rem; } /* line 191, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_social { padding-left: 1.25rem; padding-right: 1.25rem; } /* line 196, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile { background-color: #d9d9d9; padding: 1.25rem 1.25rem; float: right; width: 50%; } /* line 201, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul { margin: 0; list-style-type: none; padding: 0; } /* line 205, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul li { background-color: #f8f8f8; margin-bottom: 0.625rem; } /* line 208, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul li a { position: relative; top: 5px; display: block; padding: 0.625rem 0.625rem; color: black; } /* line 214, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul li a .text { float: left; } /* line 217, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul li a .arrow { float: right; height: 14px; } /* line 220, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile ul li a .arrow:after { background-image: url('../images/assets/button-arrow-grey.png'); content: ""; height: 0.9375rem; width: 0.9375rem; display: inline-block; background-repeat: no-repeat; background-position: center center; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile { top: 0px; background-color: #FFFFFF; } /* line 239, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile .share-icon { display: block; float: right; } /* line 244, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile .share-icon:after { background-image: url('../images/sharing/share-points-black.png'); content: ""; height: 20px; width: 21px; display: inline-block; background-repeat: no-repeat; position: absolute; right: 10px; top: 8px; } /* line 259, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 999; display: none; top: 0; left: 0; color: white; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; text-align: center; } /* line 278, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer .share-close { position: absolute; right: 0; margin-right: 30px; top: -3px; color: #000000; font-size: 28px; font-weight: normal; } /* line 290, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul { display: inline-block; text-align: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 350px; width: 100%; } /* line 301, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li { background-color: #d9d9d9; color: #000000; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; } /* line 310, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li.headline-close { background-color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 1.15rem; padding-top: 15px; padding-bottom: 15px; } /* line 326, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table { display: table; width: 100%; } /* line 331, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table a { color: #000000; padding-left: 0px; padding-right: 0px; margin-left: 10px; margin-right: 10px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px #9a9a9a solid; } /* line 343, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table a:last-of-type { border-bottom: 0; margin-bottom: 5px; } /* line 350, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr { display: table; width: 100%; } /* line 355, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr .share-table-td { display: table-cell; width: 50%; } /* line 360, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr .share-table-td.share-table-td-icon { text-align: right; } /* line 367, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-icon { background-color: #000000; width: 36px; height: 32px; margin-right: 15px; display: inline-block; } /* line 376, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-icon-svg { fill: #FFFFFF; height: 25px; width: 50px; position: relative; left: -7px; top: 3px; } /* line 387, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-label { display: inline-block; line-height: 15px; vertical-align: top; font-size: 1rem; font-weight: normal; text-transform: uppercase; } /* line 402, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav { float: left; width: 50%; padding: 1.25rem 1.25rem !important; } /* line 407, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav .col_headline a { padding: 0.625rem; text-transform: uppercase; } /* line 412, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footernav .col_headline:last-child a { padding-bottom: 0; border-bottom: none; } /* line 419, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end { background-color: #e6e6e6; clear: both; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } /* line 424, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul { margin: 0; padding: 0; text-align: center; } /* line 428, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul li { display: inline-block; margin-right: 0.625rem; } /* line 431, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul li a { color: black; } /* line 434, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul li:after { margin-left: 0.75rem; content: "|"; } /* line 438, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul li:last-child { margin-right: 0; } /* line 440, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ .footer_mobile_end ul li:last-child:after { content: ""; margin-left: 0; } } @media screen and (max-width: 639px) { /* line 451, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer { margin-bottom: 0; } /* line 453, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row { font-size: 14px; } /* line 455, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer > .row .columns.copyright { padding: 0; padding-right: 1.25rem; } /* line 460, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .zfsp-seperator { height: 0.6875rem; margin-bottom: 1.5625rem; } /* line 464, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile { float: none; width: 100%; padding: 1.25rem 0 0.0625rem 0; background-color: #d9d9d9; } /* line 469, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul { margin: 0; list-style-type: none; padding-right: 1.25rem; padding-left: 1.25rem; } /* line 474, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul li { background-color: #f8f8f8; margin-bottom: 0.625rem; } /* line 477, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul li a { display: block; padding: 0.625rem 0.625rem; color: black; } /* line 481, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul li a .text { float: left; } /* line 484, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul li a .arrow { /* @include link_grey_arrow_after; float: right; */ float: right; height: 0.875rem; } /* line 489, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile ul li a .arrow:after { background-image: url('../images/assets/button-arrow-grey.png'); content: ""; height: 0.9375rem; width: 0.9375rem; display: inline-block; background-repeat: no-repeat; background-position: center center; } /* line 503, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile .footernav_sharepage_mobile_layer { padding-left: 0; padding-right: 0; padding-bottom: 0; } /* line 509, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile .footernav_sharepage_mobile_layer .share-close { margin-right: 15px; } /* line 514, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav_meta_mobile .footernav_sharepage_mobile_layer ul { max-width: none; padding-left: 0; padding-right: 0; top: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* line 525, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav { float: none; width: 100%; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 1.25rem; padding-top: 0 !important; } /* line 533, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav .col_headline > a { padding-top: 0.625rem; padding-bottom: 0.625rem; } /* line 538, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footernav .col_headline:last-child > a { border-bottom: none; } /* line 544, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end { padding: 0.625rem; background-color: #e6e6e6; } /* line 547, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end ul { margin: 0; list-style-type: none; text-align: center; } /* line 551, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end ul li { display: inline-block; } /* line 553, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end ul li a { color: black; } /* line 556, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end ul li:after { font-weight: bold; content: "|"; display: inline-block; margin-left: 0.625rem; margin-right: 0.3125rem; } /* line 564, C:/Data/zfsp/scss/zfsp-modules/_zfsp-footer.scss */ footer .footer_mobile_end ul li:last-child:after { content: ""; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper { /******************* checkboxes *******************/ /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* accessibility */ /* hover style just for information */ } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .zfsp_formgroup { margin-top: 1.25rem; } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .zfsp_formgroup hr { margin-top: 0.3125rem; padding: 0; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .control_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .control_wrapper input { height: 30px; width: 30px; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .button.next { background-color: #2870bb; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper .button.prev { background-color: #b0b0b0; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type='checkbox'] + label, .zfsp_form_wrapper [type='radio'] + label { margin-left: 0; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:not(:checked), .zfsp_form_wrapper [type="checkbox"]:checked { position: absolute; left: -9999px; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:not(:checked) + label, .zfsp_form_wrapper [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } /* line 42, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:before, .zfsp_form_wrapper [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #2870bb; background: #f8f8f8; -webkit-border-radius: 0px; border-radius: 0px; } /* line 55, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:after, .zfsp_form_wrapper [type="checkbox"]:checked + label:after { content: url('../images/assets/checkmark.png'); position: absolute; top: -0.125rem; left: 0.125rem; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* line 72, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:disabled:not(:checked) + label:before, .zfsp_form_wrapper [type="checkbox"]:disabled:checked + label:before { -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; background-color: #ddd; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:disabled:checked + label:after { color: #999; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:disabled + label { color: #aaa; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper [type="checkbox"]:checked:focus + label:before, .zfsp_form_wrapper [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; } /* line 90, C:/Data/zfsp/scss/zfsp-modules/_zfsp-form.scss */ .zfsp_form_wrapper label:hover:before { border: 1px solid #4778d9 !important; } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ form input:invalid { -webkit-box-shadow: 0 0 5px 1px red; box-shadow: 0 0 5px 1px red; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ form input:valid { outline: none; } /* Toggle Switch von https://www.w3schools.com/howto/howto_css_switch.asp */ /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round { position: relative; display: inline-block; width: 60px; height: 34px; /* Hide default HTML checkbox */ /* The slider */ } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round input { display: none; } /* line 23, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round .slider-round { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; -webkit-border-radius: 34px; border-radius: 34px; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round .slider-round:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; -webkit-border-radius: 50%; border-radius: 50%; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round input:checked + .slider-round { background-color: #2196F3; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round input:focus + .slider-round { -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; } /* line 55, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .switch-round input:checked + .slider-round:before { -webkit-transform: translateX(26px); -moz-transform: translateX(26px); -ms-transform: translateX(26px); -o-transform: translateX(26px); transform: translateX(26px); } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .reveal.confirm { overflow-y: visible; padding: 1.5rem; } /* line 65, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .reveal.confirm p { font-size: 0.875rem; } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .reveal.confirm .button { margin-bottom: 0; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .reveal.confirm .button.abort { background-color: #9a9a9a; } /* line 76, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .reveal.confirm .close-button { background-color: #2870bb; height: 2.5rem; width: 2.5rem; display: inline-block; top: -2.5625rem; right: -0.0625rem; background-image: url('../images/assets/ico-sprite.png'); background-position: -909px center; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal .button.abort, .zfsp-reveal .button.abort { padding-left: 30px; padding-right: 12px; } /* line 98, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal .button.abort:before, .zfsp-reveal .button.abort:before { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat; content: ""; margin-left: -20px; position: absolute; } /* line 110, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal .button.confirm, .zfsp-reveal .button.confirm { padding-left: 12px; padding-right: 30px; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal .button.confirm:after, .zfsp-reveal .button.confirm:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 11px; position: absolute; } /* line 131, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal.confirm { padding-left: 35px; padding-right: 35px; padding-top: 35px; padding-bottom: 35px; } /* line 137, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal.confirm p { margin-bottom: 30px; } /* line 150, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .db-redirect-message .button.confirm span { float: left; } /******************** contact form *********************/ /* line 162, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form h3 { float: left; background-color: white; padding-right: 0.625rem; } /* line 167, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .hprev { color: #7f7f7f; } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .zfsp-seperator { height: 1.25rem; } /* line 173, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.5rem; padding: 20px 20%; border: 1px solid #d9d9d9; } /* line 179, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar .step { display: inline-block; padding-top: 70px; min-width: 56px; min-height: 60px; background-repeat: no-repeat; background-position: center top; text-align: center; opacity: 0.4; } /* line 188, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar .step.active { opacity: 1; } /* line 192, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar .to_step_02, .contact_form .status_bar .to_step_03 { height: 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 25px; background-color: #d5b076; opacity: 0.4; } /* line 198, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar .to_step_02.active, .contact_form .status_bar .to_step_03.active { opacity: 1; } /* line 203, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 { margin-top: 1.25rem; } /* line 207, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"] { position: relative; background-color: #d9d9d9; margin-top: 0.1875rem; padding: 5px 20px; width: 100%; background-image: url('../images/assets/button-arrow-grey.png'); -o-background-size: 10px; background-size: 10px; background-repeat: no-repeat; background-position: right; -o-background-origin: content-box; background-origin: content-box; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"] a { color: #666; } /* line 220, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"] a::after { border: none !important; } /* line 224, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active { background-color: #2870bb; background-image: url('../images/assets/dot-white.png'); -o-background-size: 12px; background-size: 12px; /* 2nd level */ } /* line 228, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active a { color: white; } /* line 232, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li { /* 3rd level */ } /* line 233, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li a { color: #666; } /* line 237, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li.is-active a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li.is-active a { color: white; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li a { color: #666; } /* line 247, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li.is-active a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li.is-active a { color: white; } /* line 253, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown li[role="menuitem"]:hover::after, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active::after { width: 0; height: 0; border-style: solid; border-width: 24px; border-color: transparent transparent transparent #2870bb; position: absolute; float: left; content: ""; top: 0px; left: 100%; } /* line 267, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01 .dropdown .submenu { margin-left: 30px; top: -3px !important; } /* line 273, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown { margin-bottom: 1.25rem; } /* line 275, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown li { background-color: #d9d9d9; margin-bottom: 0.3125rem; padding: 0.3125rem 0.9375rem; background-image: url('../images/assets/button-arrow-grey.png'); -o-background-size: 10px; background-size: 10px; background-repeat: no-repeat; background-position: right; -o-background-origin: content-box; background-origin: content-box; } /* line 284, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown li a { color: #666; } /* line 288, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown .submenu { background-color: white; } /* line 290, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown .submenu li:first-of-type { background-image: url('../images/assets/button-arrow-grey-rev.png'); -o-background-size: 10px; background-size: 10px; background-repeat: no-repeat; background-position: left 10px; -o-background-origin: content-box; background-origin: content-box; } /* line 296, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown .submenu li:first-of-type a::before { border: 0px; display: block; } /* line 301, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown .submenu li:nth-of-child(2) { background-image: none; } /* line 305, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .is-drilldown .is-drilldown-submenu-parent > a::after { border: 0px; } /* line 310, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step01_wrapper .button_change { display: none; } /* line 315, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .form_step02_wrapper .button_change, .contact_form .form_step03_wrapper .button_change { display: block; } @media screen and (max-width: 1023px) { /* line 322, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .status_bar { padding: 1.25rem 0; border-width: 0; } /* line 326, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .contact_form .zfsp-seperator { height: 0.875rem; } } @media screen and (max-width: 639px) { /* line 334, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal, .zfsp-reveal { height: auto; min-height: auto; margin-left: auto; margin-right: auto; max-width: 300px; } /* line 345, C:/Data/zfsp/scss/zfsp-modules/_zfsp-forms.scss */ .global-not-optimized-note-modal { max-width: 320px; } } /******************** contact form end *********************/ /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery { margin: 1.25rem 0; background-color: #262626; width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); /* padding left + right von .row */ margin-left: -0.9375rem; /* padding left .row */ padding-left: 2.25rem; overflow: hidden; position: relative; color: white; max-height: 0; -webkit-transition: max-height 0.5s ease-out 0s; -moz-transition: max-height 0.5s ease-out 0s; -o-transition: max-height 0.5s ease-out 0s; transition: max-height 0.5s ease-out 0s; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .close { cursor: pointer; position: absolute; background-color: #2870bb; height: 2.5rem; width: 2.5rem; display: inline-block; top: 1.25rem; right: 1.25rem; background-image: url('../images/assets/ico-sprite.png'); background-position: -909px center; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent { text-align: center; padding-top: 1.875rem; } /* line 27, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline { margin-bottom: 1.875rem; margin-right: 2.5rem; padding-right: 1.25rem; text-align: left; font-size: 1.5rem; font-weight: normal; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline.galHeadlineVideoZoom { min-height: 30px; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galDescriptionZoom { text-align: left; margin-bottom: 1.875rem; font-size: 0.9rem; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadlineHasDescZoom { margin-bottom: 0.9375rem; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button, .zfsp_gallery .galContent .image-gallery-next-button { position: absolute; cursor: pointer; top: -webkit-calc(50% - 87px); top: -moz-calc(50% - 87px); top: calc(50% - 87px); height: 3.75rem; width: 3.75rem; background: #606060; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; opacity: .4; } /* line 57, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button:hover, .zfsp_gallery .galContent .image-gallery-next-button:hover { opacity: 1; } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button { left: 15px; background-position: -529px; } /* line 65, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-next-button { right: 15px; background-position: -476px; } /* line 70, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image_gallery.slave .g_image_wrapper { padding-top: 0px; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image_gallery.slave .slick-list { padding-left: 40px; padding-right: 40px; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img { position: relative; display: inline-block; margin-bottom: 4.375rem; padding-right: 15px; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img.has_caption { cursor: pointer; } /* line 89, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img .caption { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); padding: 17px 70px 17px 25px; color: white; text-align: left; width: 100%; font-size: 0.9rem; line-height: 1rem; } /* line 101, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img .caption i { height: 36px; width: 36px; display: inline-block; background-color: #000; background-image: url('../images/assets/ico-sprite.png'); background-position: -912px center; position: absolute; right: 8px; top: 8px; } /* line 116, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open { max-height: 2000px; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .gallery_overlay { display: none; } @media screen and (min-width: 1024px) { /* line 129, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open { position: fixed; z-index: 100; margin: 0; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.9); } /* line 140, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open .galMain { margin-left: auto; margin-right: auto; max-width: 1200px; height: 100%; position: relative; } /* line 153, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open.video .zoom_video .playlist-wrapper { margin-left: -8px; margin-right: -7px; } /* line 167, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open .image_gallery.slave .g_image_wrapper figure { max-width: 80%; } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open .image_gallery.slave .g_image_wrapper figure img { height: auto; } /* line 177, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open .image_gallery.master { margin-left: -8px; margin-right: 8px; } } @media screen and (max-width: 1023px) { /* line 189, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery { background: #fff; position: fixed; z-index: 10; margin: 0; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height: -webkit-calc(100% - 120px); height: -moz-calc(100% - 120px); height: calc(100% - 120px); left: 40px; top: 80px; padding-left: 1.25rem; opacity: 0; -webkit-transition: max-height 0s ease-out 0s; -moz-transition: max-height 0s ease-out 0s; -o-transition: max-height 0s ease-out 0s; transition: max-height 0s ease-out 0s; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } /* line 202, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open { opacity: 1; overflow: visible; } /* line 205, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.open + .gallery_overlay { opacity: 1; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; background: rgba(0, 0, 0, 0.8); position: fixed; display: block; z-index: 9; /* zwischen menue und gallery */ top: 0; left: 0; width: 100%; height: 100%; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.closing { overflow: hidden; } /* line 220, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery.closing + .gallery_overlay, .zfsp_gallery.closing .close { opacity: 0; } /* line 225, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent { height: 100%; width: 100%; display: table; table-layout: fixed; } /* line 230, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline { color: #000; margin-right: 0; margin-bottom: 10px; padding: 0 40px; font-size: 1.125rem; line-height: 1.25rem; } /* line 237, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline.galHeadlineZoom { padding-left: 0; padding-right: 0; margin-bottom: 25px; margin-left: auto; margin-right: auto; } /* line 245, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline.galHeadlineHasDescZoom { margin-bottom: 0.9375rem; } /* line 250, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galDescriptionZoom { color: #000; padding-left: 0; padding-right: 0; margin-bottom: 1.5625rem; margin-left: auto; margin-right: auto; } /* line 259, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img { padding-right: 0; display: table-row; height: 100%; margin-bottom: 0; } /* line 264, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img img { display: table-cell; -o-object-fit: scale-down; object-fit: scale-down; font-family: 'object-fit: scale-down;'; -o-object-position: top; object-position: top; width: 100%; height: 100%; max-height: none; -webkit-filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea); filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea); } /* line 279, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img .caption { position: static; background: none; padding: 0; color: #000; margin-top: 1.5625rem; /*font-size: rem-calc(14);*/ display: block; } /* line 287, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .zoom_img .caption i { display: none; } /* line 292, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button, .zfsp_gallery .galContent .image-gallery-next-button { opacity: .95; } /* line 296, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button { left: -20px; } /* line 299, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-next-button { right: -20px; } /* line 303, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image_gallery.slave .g_image_wrapper { padding-left: 0px; padding-right: 0px; } /* line 310, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent.gal_wrapper .galHeadline { display: table-row; } /* line 315, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .close { position: fixed; top: 40px; right: 40px; opacity: 1; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; /* aus optischen gruenden etwas schneller als die anderen transitions */ } } @media screen and (max-width: 639px) { /* line 329, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline { font-size: 1rem; line-height: 1.125rem; } /* line 332, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline.galHeadlineZoom { padding-right: 20px; /* Platz fuer Schliessen-Button */ } } @media screen and (max-width: 639px), screen and (max-width: 1023px) and (max-height: 900px) { /* line 342, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); left: 20px; top: 20px; } /* line 348, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .close { top: 20px; right: 20px; } /* line 353, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent { padding-top: 1.25rem; padding-bottom: 1.25rem; } /* line 356, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline { padding-left: 0; } /* line 358, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .galHeadline.galHeadlineZoom { /*padding-left: 10px;*/ } /* line 363, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image_gallery.slave .slick-list { padding-left: 0; padding-right: 0; } /* line 368, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button, .zfsp_gallery .galContent .image-gallery-next-button { top: 150px; } } @media screen and (max-width: 1023px) { /* line 380, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button, .zfsp_gallery .galContent .image-gallery-next-button { top: 20vh; } } @media screen and (max-width: 1023px) and (orientation: landscape) { /* line 402, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery.scss */ .zfsp_gallery .galContent .image-gallery-previous-button, .zfsp_gallery .galContent .image-gallery-next-button { top: 35vh; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone { background-color: #262626; width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); /* padding left + right von .row */ margin: 1.25rem 0 1.25rem -0.9375rem; /* -15 -> padding left .row */ padding: 35px; color: #fff; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone h3 { font-size: 1.5rem; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone p { font-size: 0.875rem; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper_outer { position: relative; } /* line 20, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper { margin: 100px 0 50px; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure { width: auto; display: table; } /* line 28, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img { max-width: none; height: 180px; } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure .open { width: 34px; height: 34px; background-color: rgba(40, 112, 187, 0.8); background-image: url('../images/assets/ico-sprite.png'); background-position: -1785px center; position: absolute; bottom: 0; left: 0; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure:hover .open { background-color: #2870bb; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure div { position: relative; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure figcaption { margin-top: 0.625rem; color: #fff; font-size: 0.875rem; display: table-caption; caption-side: bottom; } /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-button-next, .zfsp_gallery_standalone .swiper-button-prev, .zfsp_gallery_standalone .swiper-pagination { display: none; } /* line 70, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar { background-color: #9a9a9a; height: 15px; width: 50%; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; } /* line 76, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar div { background-color: #2870bb; -webkit-border-radius: 0; border-radius: 0; cursor: move; } @media screen and (max-width: 1023px) { /* line 88, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone { background-color: transparent; color: #000; padding: 0 35px; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone h3 { font-size: 1.25rem; } /* line 97, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper { margin: 30px 0; background-color: #9a9a9a; padding: 20px; height: 320px; } /* line 104, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img { height: 280px; } /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure figcaption { display: none; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar { width: 100%; height: 30px; background-color: #eaeaea; } /* line 118, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar div::before, .zfsp_gallery_standalone .swiper-scrollbar div::after { position: absolute; content: '| | |'; color: #fff; width: 100%; text-align: center; top: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar div::after { left: 75%; border-right: 0; display: none; } } @media screen and (max-width: 639px) { /* line 143, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone { width: 100%; margin-left: 0; padding: 0 1.25rem; } /* line 149, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper { height: auto; margin-bottom: 10px; } /* line 153, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure { text-align: center; } /* line 155, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure div { display: inline-block; } /* line 158, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img { height: auto; width: auto; max-width: 100%; } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-landscape img { width: 100%; } /* line 169, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-portrait { text-align: center; } /* line 171, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-portrait div { display: inline-block; } /* line 177, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-pagination { display: block; position: static; } /* line 182, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-button-next, .zfsp_gallery_standalone .swiper-button-prev { display: block; height: 40px; width: 40px; background: #606060; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; background-position: -1071px; right: -20px; z-index: 8; } /* line 195, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-button-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: -20px; right: auto; } /* line 201, C:/Data/zfsp/scss/zfsp-modules/_zfsp-gallery-standalone.scss */ .zfsp_gallery_standalone .swiper-scrollbar { display: none; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header { height: 8.5625rem; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border: none; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .dropdown.menu > li.is-dropdown-submenu-parent > a { padding: 0; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .menu > li > a { padding: 0 0.9375rem; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .menu > li > a > span:not(.menu_arrow) { line-height: 1; display: block; padding: 0.625rem 0.3125rem; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .logo { margin-top: 1.625rem; float: left; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta { float: right; color: #777; } /* line 28, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .top_row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 0.875rem; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .portalname { margin-top: 0.9375rem; width: 100%; text-align: right; } /* line 40, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .portalname h1, header .meta .portalname h2, header .meta .portalname h3, header .meta .portalname h4 { font-size: 25px; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .portalname p { font-size: 25px; line-height: 1.5rem; margin-bottom: 8px; font-weight: bold; position: relative; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .portalname .portalname_start { color: black; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .portalname .portalname_end { color: #d5b076; } /* line 58, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts { position: relative; } /* line 60, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts ul.meta_language_select { display: none; position: absolute; list-style-type: none; margin: 10px 0 0 0; z-index: 3; height: 15.625rem; overflow-y: hidden; background-color: white; } /* line 72, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts ul.meta_language_select li { border-bottom: 1px solid #DDDDDD; width: 100%; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts ul.meta_language_select li:last-child { border-bottom: unset; } /* line 74, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts ul.meta_language_select li a { display: inline-block; color: grey; padding: 3px 90px 2px 10px; white-space: nowrap; } /* line 75, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts ul.meta_language_select li a:hover { color: white; background-color: #18ADE5; min-width: 100%; } /* line 82, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta section#lang_opts:hover ul.meta_language_select { display: block; } /* line 87, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .country_select { display: inline-block; } /* line 89, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .country_select ul.country_list { display: none; margin: 0; list-style-type: none; margin-bottom: 0.9375rem; } /* line 94, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .country_select ul.country_list li { float: left; margin-right: 0.625rem; font-size: 0.8125rem; } /* line 98, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .country_select ul.country_list li a { color: #777; } /* line 104, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_world { display: inline-block; height: 1.25rem; width: 1.25rem; cursor: pointer; background-image: url('../images/assets/world.png'); background-repeat: no-repeat; background-position: 50% 50%; position: relative; top: 0.125rem; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_world_label { cursor: pointer; padding-right: 20px; position: relative; } /* line 121, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_world_label:after { content: ""; position: absolute; background-image: url('../images/assets/link-arrow-blue.png'); background-repeat: no-repeat; width: 4px; height: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); top: 6px; right: 5px; } /* line 135, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box { position: absolute; margin-left: -95px; margin-top: 30px; z-index: 200; max-width: 250px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-color: #FFFFFF; border: 1px solid #cdcdcd; color: #000000; } /* line 153, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box h3 { padding-right: 20px; font-weight: normal; } /* line 159, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box p { margin-bottom: 30px; line-height: 18px; } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .ab-headline { padding-right: 20px; font-weight: normal; line-height: 1.5rem; margin-bottom: 8px; font-size: 1.25rem; } /* line 174, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .small-text { font-size: 12px; line-height: 18px; } /* line 179, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .small-text a { text-decoration: underline; } /* line 185, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .close-button { width: 2.5rem; height: 2.5rem; background-color: #2870bb; right: 0px; top: 0px; background-image: url('../images/assets/ico-sprite.png'); background-position: -909px center; } /* line 196, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .button { width: 100%; text-align: left; margin-bottom: 10px; } /* line 202, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box .button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; right: 25px; position: absolute; } /* line 214, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box:after, header .meta .meta_account .account-box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 226, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF; border-width: 20px; margin-left: -20px; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .account-box:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #cdcdcd; border-width: 21px; margin-left: -21px; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account span { color: black; } /* line 246, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account li { line-height: 1; } /* line 248, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account li > a { color: #777; } /* line 250, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account li > a .menu_arrow { margin-left: 0.625rem; width: 0.9375rem; height: 0.625rem; background-image: url('../images/assets/menu-arrow-down.png'); display: inline-block; } /* line 259, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .marked { padding-left: 0.625rem; padding-right: 0.625rem; } /* line 264, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .second_level li { background-color: #2870bb; border-bottom: 0.0625rem solid white; } /* line 267, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .second_level li span { color: white; } /* line 271, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .second_level li:last-child { border: none; } /* line 275, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account .menu_heading { padding-left: 12px; color: black; font-size: 22px; margin-top: 15px; margin-bottom: 10px; } /* line 282, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #your_services > a > span { background-image: url('../images/assets/icon-services.png'); background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5625rem; } /* line 288, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #edit_data > a > span { background-image: url('../images/assets/icon-personal-data.png'); background-repeat: no-repeat; background-position: 0 50%; padding-left: 1.5625rem; } /* line 294, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #personal_area { background-color: rgba(40, 112, 187, 0.8); } /* line 297, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #personal_area a span { color: white; } /* line 302, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #logout { background-color: #adadad; } /* line 305, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_account #logout a span { color: white; } /* line 311, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .country_select, header .meta .meta_current_lang, header .meta .meta_account, header .meta .meta_contact { margin-right: 0.9375rem; } /* line 314, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta .meta_current_lang { padding-bottom: 30px; cursor: pointer; padding-right: 20px; position: relative; } /* line 324, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta form.search { display: inline-block; position: relative; top: 0.5rem; } /* line 328, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta form.search input { border-right: none; border-left: none; -webkit-box-shadow: none; box-shadow: none; height: 2.125rem; width: 12.5rem; font-size: 0.875rem; } /* line 337, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta form.search .magnifier { position: absolute; height: 1.4375rem; width: 1.4375rem; background-image: url('../images/assets/magnifier.png'); background-repeat: no-repeat; top: 0.3125rem; right: 0; } /* line 347, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta.mobile { padding-top: 1.875rem; } /* line 349, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta.mobile .icon_search { height: 1.875rem; width: 1.875rem; display: inline-block; background-image: url('../images/assets/svg-1/magnifier-svg.svg'); background-repeat: no-repeat; -o-background-size: auto 100%; background-size: auto 100%; margin-right: 1.25rem; } /* line 358, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .meta.mobile .icon_burger { height: 1.875rem; width: 1.875rem; display: inline-block; background-image: url('../images/assets/svg-1/burger-svg.svg'); background-repeat: no-repeat; -o-background-size: auto 100%; background-size: auto 100%; } /* line 369, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ .row.projectname { background-color: #d5b077; padding: 0; } /* line 372, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ .row.projectname .portalname_start { color: white; } /* line 375, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ .row.projectname .portalname_end { color: black; } /* line 378, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ .row.projectname h1, .row.projectname h2, .row.projectname h3, .row.projectname h4, .row.projectname h5, .row.projectname h6 { font-size: 16px; margin-top: 0.5rem; } /* line 382, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ .row.projectname p { font-size: 16px; font-weight: bold; margin-top: 0.5rem; margin-bottom: 8px; line-height: 1; } @media screen and (min-width: 640px) and (max-width: 1023px) { /* line 394, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header > .row { margin-bottom: 7px; } } @media screen and (max-width: 639px) { /* line 402, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header > .row { margin-bottom: 20px; } } @media screen and (max-width: 1023px) { /* line 410, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ body.hideSticky header { top: -95px; } /* line 414, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header { -webkit-transition: top 1s; -o-transition: top 1s; -moz-transition: top 1s; transition: top 1s; opacity: 1; position: fixed; z-index: 9; width: 100%; height: 5.9375rem; top: 0; } /* line 422, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header > .row { padding-top: 0; } /* line 425, C:/Data/zfsp/scss/zfsp-modules/_zfsp-header.scss */ header .logo { margin-top: 1.25rem; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ article.hiddenGallery { display: none; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .gal_wrapper { overflow: hidden; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .slick-list { padding-top: 15px; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper { padding: 20px; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper .position { display: none; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper img { margin-right: auto; margin-left: auto; } /* line 23, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper .gallery_image_description { cursor: pointer; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper .gallery_image_description .gallery_image_description_close { cursor: pointer; position: absolute; background-color: #000000; height: 36px; width: 36px; display: inline-block; top: 8px; right: 8px; background-image: url('../images/assets/ico-sprite.png'); background-position: -912px center; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper .gallery_image_description::after { background-image: url('../images/assets/ico-sprite.png') -912px 50% #000; background-position: -912px 50%; background-color: black; position: absolute; right: 9px; height: 35px; width: 35px; top: 9px; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery .g_image_wrapper .angle { content: ""; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #606060 transparent; position: absolute; top: -15px; right: -webkit-calc(50% - 15px); right: -moz-calc(50% - 15px); right: calc(50% - 15px); } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave { /*padding: 40px 0; background-color: #262626;*/ padding-right: 15px; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure { position: relative; margin: 0 auto; display: inline-block; max-width: 100%; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure img { height: 533px; } /* line 74, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure .gallery_image_description { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding: 17px 70px 17px 25px; background: #000; background-color: rgba(0, 0, 0, 0.5); font-size: .9rem; line-height: 1rem; color: white; -webkit-transition: opacity .3s; -o-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper.new_resolutions figure img { height: 100%; width: 100%; } /* line 101, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d2d+0,404040+15,404040+85,2d2d2d+100 */ background: #2d2d2d; /* Old browsers */ background: -moz-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#2d2d2d), color-stop(15%, #404040), color-stop(85%, #404040), to(#2d2d2d)); background: -o-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); background: linear-gradient(to right, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ margin-top: 5px; margin-left: -36px; margin-right: -1.25rem; } /* line 114, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .slick-list { overflow: hidden; } /* line 117, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .slick-list .slick-track { padding-top: 15px !important; } /* line 121, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper { cursor: pointer; } /* line 123, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper img { height: 110px; } /* line 126, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper.slick-current { background-color: #606060; position: relative; /* &:before { content: ""; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #606060 transparent; position: absolute; top: -15px; right: calc(50% - 15px); } */ } /* line 143, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper.slick-current:focus { outline: none; } /* line 148, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master::before { background: #262626; content: ""; margin-top: 0px; position: absolute; width: 100%; left: 0; padding-top: 15px; } @media screen and (max-width: 1023px) { /* line 162, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave { height: 100%; padding-right: 0; display: table-row; } /* line 166, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .slick-list { height: 100%; } /* line 169, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper { width: 100%; } /* line 171, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure { height: 100%; } /* line 173, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure div { height: 100%; } /* line 176, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure img { -o-object-fit: scale-down; object-fit: scale-down; font-family: 'object-fit: scale-down;'; -o-object-position: top; object-position: top; -webkit-filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea); filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea); } /* line 187, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure .gallery_image_description { background: none; color: #000; padding: 0; padding-top: 1.875rem; font-size: 0.875rem; position: static; display: block; } /* line 196, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure .gallery_image_description .gallery_image_description_close { display: none; } /* line 205, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.slave .g_image_wrapper figure img, .image_gallery.slave .g_image_wrapper.new_resolutions figure img { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); } /* line 212, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master { background: none; bottom: 0; position: absolute; width: 100%; margin-left: -20px; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master::before { background: none; } /* line 221, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper { background-color: #eaeaea; } /* line 223, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master .g_image_wrapper img { height: 160px; } } @media screen and (max-width: 639px), screen and (max-width: 1023px) and (max-height: 900px) { /* line 233, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master { display: none; } } @media screen and (max-width: 639px) and (min-height: 900px) { /* line 241, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-gallery.scss */ .image_gallery.master { display: block; } } /* line 20, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map { /*margin-bottom: 20px;*/ margin-top: 20px; } /* line 23, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper { position: relative; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon { background: #fff; height: 40px; width: 40px; margin: 10px; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid rgba(0, 98, 176, 0.3); -o-background-clip: padding-box; background-clip: padding-box; position: absolute; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/assets/ico-sprite.png') no-repeat -1243px 50%; -webkit-animation: rotate-out .2s ease-in-out; -moz-animation: rotate-out .2s ease-in-out; -o-animation: rotate-out .2s ease-in-out; animation: rotate-out .2s ease-in-out; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon.custom-icon { border: none; background: none; margin: 0; } /* line 55, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon.custom-icon::before { display: none; } /* line 58, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon.custom-icon .custom-icon, .image-map .map_wrapper .image-map-icon.custom-icon .custom-icon-hover { display: block; height: 100%; width: 100%; } /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper .image-map-icon.custom-icon .custom-icon-hover { display: none; } /* line 74, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon:hover { background: #0062b0; border: 10px solid rgba(0, 98, 176, 0.2); width: 61px; height: 61px; margin: 0; -o-background-clip: padding-box; background-clip: padding-box; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon:hover::before { -webkit-animation: rotate-in .2s ease-in-out; -moz-animation: rotate-in .2s ease-in-out; -o-animation: rotate-in .2s ease-in-out; animation: rotate-in .2s ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; background: url('../images/assets/ico-sprite.png') no-repeat -208px 50%; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon:hover .image-map-tip { display: block; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover { border: none; background: none; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover .custom-icon-hover { display: block; } /* line 83, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover .custom-icon-hover + .custom-icon { display: none; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.autoshow .image-map-icon { cursor: default; } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.autoshow .image-map-icon.custom-icon .image-map-tip { margin-left: 0; } /* line 101, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.autoshow .image-map-tip { margin-left: -3px; } /* line 108, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map-image { background-color: black; width: 100%; position: relative; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map map { width: 100%; padding: 0; } /* line 116, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map map area { cursor: default; } /* line 121, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .label { background-color: white; -webkit-box-shadow: 8px 9px 47px -8px black; box-shadow: 8px 9px 47px -8px black; position: absolute; color: black; max-width: 20rem; white-space: normal; } /* line 130, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .label::after { width: 0; height: 0; margin-top: 0.3rem; border-top: 10px solid white; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; content: ""; left: -webkit-calc(50% - 10px); left: -moz-calc(50% - 10px); left: calc(50% - 10px); } /* line 143, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .image-map-tip { display: none; min-width: 12.5rem; z-index: 5; } /* line 148, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .image-map-tip .tip_wrapper { display: inline-block; padding: 0.625rem; width: 100%; } /* line 154, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .image-map-tip .tip_text p { font-size: 1.125rem; line-height: 1; } /* line 159, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .image-map-tip .linklist a { font-size: 0.9375rem; } /* line 163, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .image-map-label { display: block; } /* line 169, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map-info .image-map-list { list-style-type: none; margin-bottom: 20px; margin-left: 0; } /* line 174, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map-info .image-map-list .map-list-item .map-list-icon { background: transparent url('../images/assets/ico-sprite.png') no-repeat scroll -704px 50%; height: 15px; width: 10px; display: inline-block; vertical-align: middle; margin-right: 15px; } /* line 182, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map-info .image-map-list .map-list-item a { text-decoration: underline; vertical-align: middle; } @-webkit-keyframes rotate-in { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20%, 60%, 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 80% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @-moz-keyframes rotate-in { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 20%, 60%, 100% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg); } 80% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); } } @-o-keyframes rotate-in { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 20%, 60%, 100% { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 40% { -webkit-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } 80% { -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes rotate-in { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 20%, 60%, 100% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } 80% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } } @-webkit-keyframes rotate-out { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 20%, 60%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 80% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @-moz-keyframes rotate-out { 0% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } 20%, 60%, 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); } 80% { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); transform: rotate(-15deg); } } @-o-keyframes rotate-out { 0% { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 20%, 60%, 100% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 80% { -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } } @keyframes rotate-out { 0% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 20%, 60%, 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 40% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 80% { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } } @media screen and (min-width: 1024px) { /* line 242, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map .map_wrapper.autoshow .image-map-icon .image-map-tip { display: block; } } @media screen and (max-width: 639px) { /* line 253, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-map.scss */ .image-map-info .zfsp_accordion { margin-top: 0; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-plain.scss */ .zfsp_image_plain { margin-top: 2.5rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-image-plain.scss */ .zfsp_image_plain img { width: 100%; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist { margin-bottom: 1.25rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist { font-size: 14px; list-style-type: none; margin: 0; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e8e8e8; margin-bottom: 0.125rem; padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li:hover { background-color: #dfdfdf; } /* line 17, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li a { color: black; display: block; -webkit-flex-basis: 200%; -ms-flex-preferred-size: 200%; flex-basis: 200%; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li .icon { height: 1.25rem; width: 2.5rem; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li .icon:before { background: url('../images/assets/ico-sprite.png') -16.5625rem -1.25rem no-repeat; content: ""; height: 1.25rem; width: 1.25rem; display: inline-block; } /* line 33, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li.head { background-color: black; color: white; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li.head h3 { font-weight: normal; margin: 0; } /* line 41, C:/Data/zfsp/scss/zfsp-modules/_zfsp-linklist.scss */ .zfsp_linklist .linklist li.scroll { display: none; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper { height: 3.125rem; margin-left: 4.375rem; display: table; table-layout: fixed; width: -webkit-calc(100% - 4.375rem); width: -moz-calc(100% - 4.375rem); width: calc(100% - 4.375rem); } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation { height: 3.125rem; display: table-row; font-weight: bold; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li { width: 20%; height: 3.125rem; background-color: #d5b076; } /* line 20, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a { text-transform: uppercase; color: white; padding: 0 1.875rem 0 0.625rem; font-size: 16px; height: 100%; width: 100%; border-left: 0.0625rem solid #fff; } /* line 28, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a:after { right: 14px; top: initial; bottom: 12px; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a .center { display: inline-block; vertical-align: bottom; word-break: normal; padding: 6px 0; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:first-child a { border-left: 0.0625rem solid #eedfc8; } /* line 49, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:last-child { border-right: none; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:hover { background-color: black; color: white; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li.active { background-color: black; color: white; } /* line 59, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li.active a { vertical-align: middle; display: block; background-color: transparent; cursor: default; bottom: initial; top: 0px; } /* line 69, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu { z-index: 9999; -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a { background-color: white; color: black; border-bottom: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; text-transform: none; font-size: 14px; width: 100%; } /* line 82, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a::after { border-color: transparent transparent transparent #9a9a9a; bottom: initial; top: 50%; right: 16px; } /* line 88, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a:hover { background-color: #2870bb; color: white; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a:hover::after { right: 16px; border-color: transparent transparent transparent white; } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a span { font-weight: normal; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a .center { width: 100%; vertical-align: middle; line-height: 20px; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu { margin-left: -1px; } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu li a { border-top: 1px solid #9a9a9a; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu li + li a { border-top: none; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub li { width: 100.5%; } /* line 124, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub .submenu li { width: 100%; } /* line 131, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub > li:first-child .submenu li a { border-top: none; } /* line 138, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.is-dropdown-submenu { min-width: 0; } /* line 140, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.is-dropdown-submenu.js-dropdown-active { display: table; table-layout: fixed; width: 100%; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation::after { /* fuellt bei weniger als 5 items den restlichen platz auf */ content: ''; display: table-cell; } /* line 154, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon { position: relative; float: left; height: 3.125rem; width: 3.125rem; -o-background-size: 2.5rem auto; background-size: 2.5rem auto; background-repeat: no-repeat; background-position: 50% 50%; background-color: #d5b076; margin-right: 1.25rem; } /* line 164, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon:hover { background-color: black; } /* line 167, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon.is_cat_start_page { background-color: black; } /* line 171, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon.circle_arrow { background-image: url('../images/assets/svg-1/circle-arrow-white.svg'); -o-background-size: 1.5625rem auto !important; background-size: 1.5625rem auto !important; } /* line 175, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper { min-width: 15.625rem; display: none; position: absolute; z-index: 9999; top: 100%; } /* line 181, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper ul { list-style-type: none; margin: 0; } /* line 185, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation { background-color: rgba(0, 0, 0, 0.9); color: white; padding: 0.9375rem; } /* line 189, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation a { color: white; } /* line 193, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li { margin-bottom: 0.625rem; width: auto; height: auto; } /* line 197, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li a { padding-top: 0.625rem; padding-left: 3.125rem; height: 2.5rem; display: block; white-space: nowrap; } /* line 204, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li.cat_icon { background-color: transparent; float: none; -o-background-size: 2.5rem 2.5rem; background-size: 2.5rem 2.5rem; background-position: left center; display: block; } /* line 212, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul:last-child { margin-bottom: 0; } /* line 217, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta { background-color: #666; padding: 0.9375rem 0.9375rem 0 0.9375rem; color: black; } /* line 221, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta a { color: black; } /* line 225, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li { margin-bottom: 0.625rem; text-align: center; background-color: white; } /* line 229, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li.half { width: -webkit-calc(50% - 0.3125rem); width: -moz-calc(50% - 0.3125rem); width: calc(50% - 0.3125rem); margin-right: 0.625rem; float: left; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li:last-child { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-right: 0; } /* line 238, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li a { display: block; padding: 0.3125rem; } /* line 246, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_desktop .cat_icon:hover .cat_navigation_wrapper { display: block; } /* line 254, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile.main_nav_mobile-transparent { background-color: transparent; } /* line 259, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper { height: 100%; } /* line 263, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account { overflow-y: auto; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; height: 100%; background-color: rgba(0, 0, 0, 0.9); color: #FFFFFF; font-size: 14px; } /* line 279, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .close-button { width: 2.5rem; height: 2.5rem; right: 0px; top: 0px; background-image: url('../images/assets/ico-sprite.png'); background-position: -909px center; margin-top: 10px; margin-right: 10px; } /* line 291, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account h3 { font-weight: normal; padding-right: 30px; margin-bottom: 20px; } /* line 298, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account p { margin-bottom: 30px; } /* line 303, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline { padding-right: 30px; font-weight: normal; margin-bottom: 20px; line-height: 1.125rem; font-size: 1rem; } /* line 312, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account a { color: #FFFFFF; text-decoration: underline; } /* line 318, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button { width: 100%; text-align: left; text-decoration: none; } /* line 324, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; right: 25px; position: absolute; } /* line 337, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .is-drilldown { height: -webkit-calc(100% - 104px); height: -moz-calc(100% - 104px); height: calc(100% - 104px); min-height: 0 !important; } /* line 341, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper form { border-bottom: 2px solid #2870bb; } /* line 343, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper form input { border: none; margin: 0; height: 3.125rem; } /* line 349, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .js-drilldown-back > a { text-transform: uppercase; color: black; display: block; padding: 0.7rem 1rem; line-height: 1; } /* line 355, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .js-drilldown-back > a ::before { border-color: transparent white transparent transparent; } /* line 359, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main { font-size: 12px; border-bottom: 1px solid #9a9a9a; display: block; } /* line 363, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main a { text-transform: uppercase; color: black; display: block; padding: 0.7rem 1rem; line-height: 1; } /* line 369, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main a:before { content: ''; width: 0; height: 0; border: inset 0.375rem; border-color: transparent black transparent transparent; border-right-style: solid; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } /* line 383, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation { font-size: 12px; list-style-type: none; } /* line 387, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .menu { overflow-y: auto; overflow-x: hidden; } /* line 391, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li { border-bottom: 1px solid #9a9a9a; } /* line 393, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode { padding-left: 0 !important; background-color: #2870bb !important; } /* line 396, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode a { color: white; cursor: default; } /* line 402, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation a { color: black; padding-right: 1.5625rem; } /* line 406, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu { background-color: white; } /* line 408, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li { padding-left: 0.625rem; background-color: #e6e6e6; border-bottom: 1px solid white; } /* line 412, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back { background-color: white; padding-left: 0; } /* line 415, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back a { color: black; } /* line 417, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back a:before { border-color: transparent black transparent transparent; } /* line 425, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .close_button { display: none; height: 3.125rem; width: 3.125rem; background-image: url('../images/assets/svg-1/burger-white-svg.svg'); background-color: #2870bb; position: absolute; left: -3.125rem; background-repeat: no-repeat; background-position: center; -o-background-size: 50%; background-size: 50%; } /* line 437, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0; list-style-type: none; position: absolute; z-index: 1; bottom: 0; } /* line 447, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li { display: inline-block; width: 25%; height: 52px; border-right: 1px solid #9a9a9a; background-color: #d9d9d9; border-top: 2px solid #2870bb; } /* line 456, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li.selected { background-color: rgba(0, 0, 0, 0.9); border-top: 2px solid rgba(0, 0, 0, 0.9); } /* line 463, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li.selected a.dashboard { background-image: url('../images/assets/mobile-nav-dashboard-white.png'); } /* line 470, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li:last-child { border-right: none; } /* line 474, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center; } /* line 481, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.dashboard { background-image: url('../images/assets/mobile-nav-dashboard.png'); } /* line 484, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.phone { background-image: url('../images/assets/mobile-nav-phone.png'); } /* line 487, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.mail { background-image: url('../images/assets/mobile-nav-mail.png'); } /* line 490, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.world { background-image: url('../images/assets/mobile-nav-world.png'); } /* line 498, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile.active .close_button { display: block; } @media screen and (max-width: 1023px) { /* line 512, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline { font-size: 1.125rem; line-height: 1.25rem; } } @media screen and (max-width: 639px) { /* line 530, C:/Data/zfsp/scss/zfsp-modules/_zfsp-main-navigation.scss */ .main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline { font-size: 1rem; line-height: 1.125rem; } } /* @media screen and (max-width: 1200px) { .main_nav_desktop { .zfsp_mainnavigation_wrapper { .mainNavigation { li { a { font-size: 12px; padding-right: rem-calc(25); } } .submenu { li { a { font-size: 12px; } } } } } } } */ /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-maps.scss */ .map_section p.maps_headline { margin-bottom: 8px; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-maps.scss */ .map_section .b_map img { max-width: none; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper { font-size: 14px; background-color: #d9d9d9; padding: 1.25rem 0.625rem; border-bottom: 2px solid #d5b076; } /* line 10, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_multibox .content_wrapper a:before { background: url('../images/assets/ico-sprite.png') -6.875rem -1.625rem no-repeat; content: ""; height: 0.625rem; width: 0.625rem; display: inline-block; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .row { background-color: transparent; margin-left: -0.625rem; margin-right: -0.625rem; padding-top: 0.625rem; } /* line 17, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .row.multibox_item { border-bottom: 1px solid white; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .row.multibox_item h3 { font-size: 16px; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .row.multibox_item:last-child { border-bottom: none; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .row.multibox_contact .row .columns { padding-left: 0.6rem; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .linklist, .zfsp_multibox .content_wrapper .image_list, .zfsp_multibox .content_wrapper .download_list { list-style-type: none; margin: 0; margin-bottom: 0.9375rem; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .image_list li img { max-width: 100%; } /* line 41, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_multibox .content_wrapper .download_list a:before { background: url('../images/assets/ico-sprite.png') -48.6875rem -1.625rem no-repeat; content: ""; height: 0.625rem; width: 0.75rem; display: inline-block; margin-right: 0.3125rem; } @media screen and (max-width: 639px) { /* line 53, C:/Data/zfsp/scss/zfsp-modules/_zfsp-multibox.scss */ .zfsp_multibox .content_wrapper .multibox_contact .row .columns:first-child { margin-bottom: 1.875rem; } } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-off-canvas.scss */ .zfsp_off_canvas { position: fixed; width: 20rem; top: 0; right: 0; background-color: white; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate(20rem, 0px); -moz-transform: translate(20rem, 0px); -ms-transform: translate(20rem, 0px); -o-transform: translate(20rem, 0px); transform: translate(20rem, 0px); z-index: 100; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-off-canvas.scss */ .zfsp_off_canvas.zfsp_off_canvas.active { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } @media screen and (max-width: 639px) { /* line 17, C:/Data/zfsp/scss/zfsp-modules/_zfsp-off-canvas.scss */ .zfsp_off_canvas.active { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); -webkit-transform: translate(-webkit-calc(100% + 50px), 0px); -moz-transform: translate(-moz-calc(100% + 50px), 0px); -ms-transform: translate(calc(100% + 50px), 0px); -o-transform: translate(calc(100% + 50px), 0px); transform: translate(calc(100% + 50px), 0px); } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc { margin-bottom: 1.25rem; font-size: 0.875rem; } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper { position: relative; color: black; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .teaser_headline { font-size: 1.125rem; display: inline-block; margin-bottom: 0.9375rem; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper { position: relative; bottom: 0; width: 100%; } /* line 17, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper .teaser_image img { width: 100%; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper .copy { position: absolute; top: 0; left: 0; z-index: 2; background-color: transparent; padding: 0.75rem 0.625rem 0.25rem 1.25rem; color: white; height: 100%; width: 100%; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper .copy span, .zfsp_teaser_rc .content_wrapper .hover_wrapper .copy span p { opacity: 0; line-height: 1.1; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper .cta { text-align: right; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background-color: rgba(40, 112, 187, 0.8); padding: 0.3125rem; color: white; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper .cta:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 0.625rem; position: relative; top: 0.1875rem; } /* line 59, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy { background-color: rgba(100, 98, 95, 0.8); } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy span, .zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy span p { opacity: 1; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .cta { background-color: #2870bb; } @media screen and (max-width: 1023px) { /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .teaser_headline { font-size: 14px; } } @media screen and (max-width: 639px) { /* line 89, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-rc.scss */ .zfsp_teaser_rc .content_wrapper .teaser_headline { font-size: 18px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-seperator.scss */ .zfsp-seperator { background-image: url('../images/assets/bg-bar.png'); background-repeat: repeat; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider { margin-top: 20px; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-prev, .zfsp_slider .slick-next { background-color: black; position: absolute; top: 50%; z-index: 1; height: 3.75rem; width: 3.75rem; opacity: .8; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-prev:hover, .zfsp_slider .slick-next:hover { opacity: 1; } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-prev { left: -35px; background-position: -530px; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-next { right: -35px; background-position: -475px; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-dots { height: 1.25rem; text-align: center; margin-left: 0; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-dots li { display: inline-block; margin-right: 1.875rem; background-color: #7f7f7f; list-style-type: disc; height: 0.5rem; width: 0.9375rem; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-dots li button { display: none; } /* line 40, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-dots li:last-child { margin-right: 0; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-dots li.slick-active { background-color: #d5b076; } /* line 49, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slide img { width: 100%; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slide .link_wrapper { overflow: auto; padding: 0 !important; /*a { width: initial !important; display: table !important; padding: 10px 10px 10px 25px !important; .text { padding-left: 0; padding-right: 50px; } }*/ } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots { width: 100%; text-align: center; margin-bottom: 2.5rem; } /* line 72, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .zfsp-seperator { margin-top: 0.5rem; height: 1.375rem; } /* line 77, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .placeholder { display: inline-block; background-color: white; height: 1.5625rem; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -ms-transform: skew(-45deg); -o-transform: skew(-45deg); transform: skew(-45deg); border-top: 1px solid white; padding: 0 20px; } /* line 86, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .slick-dots { margin: 0; } /* line 88, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .slick-dots li { display: inline-block; margin-right: 1.875rem; background-color: #7f7f7f; list-style-type: disc; height: 0.5rem; width: 0.9375rem; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -ms-transform: skew(45deg); -o-transform: skew(45deg); transform: skew(45deg); } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .slick-dots li button { display: none; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .slick-dots li:last-child { margin-right: 0; } /* line 102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp-seperator-w-dots .slick-dots li.slick-active { background-color: #d5b076; } @media screen and (max-width: 639px) { /* line 112, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-prev { left: -20px; margin-top: -40px; } /* line 116, C:/Data/zfsp/scss/zfsp-modules/_zfsp-slider.scss */ .zfsp_slider .slick-next { right: -20px; margin-top: -40px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page { text-align: right; margin-bottom: 20px; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page .share-text { position: relative; bottom: 3px; } /* line 10, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page ul li { float: left; margin-right: 1px; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page ul { list-style: none; display: inline-block; margin-bottom: 0px; margin-left: 10px; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a { background-color: rgba(40, 112, 187, 0.8); display: block; width: 45px; height: 25px; padding-top: 1px; } /* line 29, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .share-icon-svg { width: 45px; height: 25px; fill: #FFFFFF; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a:hover, .zfsp_social_share_page a:focus { background-color: #2870bb; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top .linkpanel .share-icon-svg { width: 45px; height: 25px; fill: #FFFFFF; } /* line 57, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .share-icon, .zfsp_social_share_page_top .linkpanel .share-icon { background-image: url('../images/assets/spr-sm-icons.png'); display: block; height: 24px; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .facebook, .zfsp_social_share_page_top .linkpanel a .facebook { background-position: -232px -20px; width: 10px; margin-left: 17px; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .googleplus, .zfsp_social_share_page_top .linkpanel a .googleplus { background-position: -247px -20px; width: 20px; margin-left: 14px; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .twitter, .zfsp_social_share_page_top .linkpanel a .twitter { background-position: -271px -20px; width: 20px; margin-left: 13px; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .linkedin, .zfsp_social_share_page_top .linkpanel a .linkedin { background-position: -292px -19px; width: 18px; margin-left: 15px; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .xing, .zfsp_social_share_page_top .linkpanel a .xing { background-position: -313px -20px; width: 15px; margin-left: 15px; } /* line 97, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .wechat, .zfsp_social_share_page_top .linkpanel a .wechat { background-image: url('../images/assets/wechat.png'); -o-background-size: contain; background-size: contain; background-repeat: no-repeat; margin-left: 11px; } /* line 104, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page a .mailto, .zfsp_social_share_page_top .linkpanel a .mailto { background-position: -167px -39px; width: 18px; margin-left: 13px; height: 20px; margin-top: 4px; } /* line 114, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .qrcode_overlay_mobile, .qrcode_overlay_medium, .qrcode_overlay_desktop { position: fixed; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 999; text-align: center; } /* line 127, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .qrcode_overlay_mobile img, .qrcode_overlay_medium img, .qrcode_overlay_desktop img { position: relative; margin: auto; height: 35vh; min-height: 150px; top: 0; left: 0; right: 0; bottom: 0; } /* line 139, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .qrcode_overlay_mobile .qrcode_close, .qrcode_overlay_medium .qrcode_close, .qrcode_overlay_desktop .qrcode_close { float: right; position: relative; background-image: url('../sx-redesign/assets-1/icons/close-icon.svg'); width: 40px; height: 40px; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; cursor: pointer; right: 0; margin: 20px; } /* line 152, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .qrcode_overlay_mobile p, .qrcode_overlay_medium p, .qrcode_overlay_desktop p { float: right; color: white; text-align: center; width: 100%; font-weight: bold; font-size: 20px; } /* line 164, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .qrcode_overlay_mobile p { margin-top: 50%; padding: 0 5px 0 5px; } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top { text-align: right; position: relative; margin-bottom: -32px; } /* line 175, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top .share-text { position: relative; bottom: 3px; } /* line 180, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top a { background-color: rgba(40, 112, 187, 0.8); display: inline-block; width: 45px; height: 25px; padding-top: 1px; margin-left: 10px; } /* line 189, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top a .share-icon { background-image: url('../images/assets/spr-sm-icons.png'); display: block; height: 24px; } /* line 195, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top a .open-share { background-position: -205px 1px; width: 21px; margin-left: 10px; } /* line 201, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top a:hover, .zfsp_social_share_page_top a:focus { background-color: #2870bb; } /* line 206, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top .linkpanel { background-color: rgba(255, 255, 255, 0.8); position: absolute; display: none; padding: 10px; right: 10px; list-style: none; padding-bottom: 3px; } /* line 217, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top .linkpanel li { float: left; margin-right: 1px; } /* line 222, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page_top .linkpanel a { margin-left: 0px; } @media screen and (max-width: 639px) { /* line 230, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page .share-text { cursor: pointer; } /* line 232, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page .share-text::after { content: '>'; margin-left: 10px; } /* line 237, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page ul { display: none; float: right; } /* line 242, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page.icons-visible .share-text { display: none; } /* line 245, C:/Data/zfsp/scss/zfsp-modules/_zfsp-social.scss */ .zfsp_social_share_page.icons-visible ul { display: block; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slider_row { /*padding-right: rem-calc(30); padding-left: rem-calc(30);*/ } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide { position: relative; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide img { width: 100%; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .hl_wrapper { position: absolute; top: 3.125rem; left: 3.125rem; } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .headline_wrapper { position: absolute; top: 2.1875rem; left: 2.1875rem; margin-right: 2.1875rem; z-index: 1; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper { position: absolute; z-index: 1; left: 2.1875rem; height: 11.25rem; width: 21.875rem; top: 0; bottom: 0; margin: auto; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper.pos_r { left: auto; right: 2.1875rem; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text { font-size: 1rem; padding: 1.25rem 1.5625rem; display: block; /*max-width: rem-calc(350);*/ color: white; background-color: rgba(40, 112, 187, 0.8); } /* line 45, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text p { margin: 0; line-height: 1.2; } /* line 49, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text .stage_p { line-height: 1.5; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text .headline { font-size: 1rem; font-weight: normal; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text .kicker { margin-bottom: 11px; font-size: 0.8125rem; } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper { /*padding-right: rem-calc(20); padding-left: rem-calc(20);*/ padding: 0; background-color: rgba(40, 112, 187, 0.8); position: relative; margin-top: 0.0625rem; } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper:hover { background-color: #2870bb; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper a { /*font-size: rem-calc(21); color: white; padding: rem-calc(10); display: block;*/ width: 100%; display: table; padding: 10px 10px 10px 25px; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper a .text { padding: 0 50px 0 0; /*padding-left: 0; padding-right: 50px;*/ background: none; display: table-cell; vertical-align: middle; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper .cta-arrow { background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; width: 0.75rem; height: 1.75rem; background-position: -187px 50%; display: table-cell; vertical-align: middle; } @media screen and (min-width: 1024px) { /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .desktop_pos_bl { bottom: 1.875rem; left: 1.875rem; } /* line 111, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .desktop_pos_tl { top: 1.875rem; left: 1.875rem; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .desktop_pos_br { bottom: 1.875rem; right: 1.875rem; } /* line 119, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .desktop_pos_tr { top: 1.875rem; right: 1.875rem; } } @media screen and (max-width: 1023px) { /* line 129, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .row.np { padding-right: 0; padding-left: 0; } /* line 135, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .columns.np { padding-right: 0; padding-left: 0; } /* line 141, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slider_row { /*padding-right: 0; padding-left: 0;*/ } /* line 146, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper { width: -webkit-calc(50% - 35px); width: -moz-calc(50% - 35px); width: calc(50% - 35px); bottom: 1.25rem; top: auto; height: auto; } /* line 151, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text { font-size: 14px; } /* line 153, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text .kicker { font-size: 0.75rem; } /* line 157, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .stage_p { max-height: 60px; display: block; } /* line 163, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .link_wrapper a { font-size: 12px; } } @media screen and (max-width: 639px) { /* line 173, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .row.np { padding-right: 0; padding-left: 0; } /* line 179, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .columns.np { padding-right: 0; padding-left: 0; } /* line 185, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slider_row { /*padding-right: 0; padding-left: 0;*/ } /* line 190, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper { bottom: 0; left: 0; width: 100%; } /* line 194, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper .text { display: block; max-width: none; } /* line 199, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .text_wrapper.pos_r { left: 0; right: auto; } /* line 204, C:/Data/zfsp/scss/zfsp-modules/_zfsp-stage.scss */ .stage .slide .headline_wrapper { top: 1.5625rem; left: 1.5625rem; margin-right: 1.5625rem; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-table.scss */ .zfsp_table { margin-bottom: 1.25rem; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-table.scss */ .zfsp_table table { font-size: 14px; width: 100%; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-table.scss */ .zfsp_table .table_headline { font-size: 1.25rem; margin-bottom: 1.5625rem; } @media screen and (max-width: 1023px) { /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-table.scss */ .zfsp_table .table_headline { font-size: 18px; } } /** tabbed navigation as tabs **/ /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation { margin: 20px 0; /** overwriting of slick slider css to prevent layout, if tabs are rendered within a slider **/ } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tab_nav_headline { margin-bottom: 1rem; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .slick-list { height: 50px; /*to prevent arrow beneath tabs */ margin: 0 40px; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .slick-list .slick-track { height: 100%; display: inline-block; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs { border: 0; background: white; /*height: 40px;*/ margin-top: 0px; /* basic tab styles */ /* color handling to guarantee template color select */ /* overwriting slick-slider arrow styles */ } /* line 28, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title { position: relative; border-right: 1px solid white; height: 40px; } /* line 33, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title.is-active::after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; content: ""; left: -webkit-calc(50% - 10px); left: -moz-calc(50% - 10px); left: calc(50% - 10px); } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title a { background-color: #e8e8e8; color: black; padding: 0.6rem 1.5rem; text-align: center; vertical-align: middle; bottom: 0; font-size: 1rem; height: 40px; } /* line 53, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title a h3 { font-weight: normal; font-size: 16px; font-family: "Arial", sans-serif; } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title:last-child { border-right: none; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs.grey .tabs-title.is-active::after { border-top: 10px solid #666; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs.grey a:active, .tab_navigation .tabs.grey a[aria-selected="true"] { background-color: #666; color: white; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs.black .tabs-title.is-active::after { border-top: 10px solid black; } /* line 82, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs.black a:active, .tab_navigation .tabs.black a[aria-selected="true"] { background-color: black; color: white; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .slick-prev, .tab_navigation .tabs .slick-next { top: 0; height: 40px; width: 40px; opacity: 0.5; border: 7px solid #666; background-color: #666; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .slick-prev:hover, .tab_navigation .tabs .slick-next:hover { opacity: 0.8; } /* line 103, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .slick-prev { left: 0; background-position: -540px; } /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .slick-next { right: 0; background-position: -498px; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content { border: 0; margin: 1px 0 20px 0; /* color handling to guarantee template color select */ /* &.black{ background: $zfsp-tab-bg; .tabs-panel{ background: $zfsp-tab-bg; /* rule to prevent white background of teaser text * .zfsp_teaser{ .text_wrapper:first-of-type{ background-color: white; } .content_wrapper:first-of-type{ background-color:white; } } .text_wrapper, .article, .row{ &:first-of-type{ background: $zfsp-tab-bg; } } } } */ /** overwriting standart teaser rule, to prevent layout bug**/ } /* line 117, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content h3 { text-transform: uppercase; font-size: 1.35rem; line-height: normal; margin-bottom: 1.25rem; } /* line 124, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .tabs-panel { padding-left: 0; } /* line 126, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .tabs-panel .content_wrapper { padding-left: 0; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .tabs-panel .content_wrapper .row { padding-left: 0 !important; margin: 0; /*padding: 1rem;*/ padding-top: 10px; } /* line 133, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .tabs-panel .content_wrapper .row .text_wrapper { padding-left: 0; } /* line 135, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .tabs-panel .content_wrapper .row .text_wrapper .linklist { margin-top: 30px; } /* line 144, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content.grey { background: white; } /* line 174, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs-content .img_pos_bottom .image_wrapper { position: static !important; } /** tabbed navigation as accordion (medium and small only) **/ /* line 182, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab-to-accordion { display: none; /** overwriting standart teaser rule, to prevent layout bug**/ } /* line 187, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab-to-accordion .img_pos_bottom .image_wrapper { position: static !important; } /* New Tabs Pulgin */ /* line 195, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .tab_navigation .tabs .tabs-title { float: none; } /* line 202, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-tabs-list-wrapper { position: relative; width: 100%; z-index: 50; } /* line 207, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-tabs-list-container { overflow: hidden; height: 50px; } /* line 211, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-tabs-list li { display: inline-block; } /* line 214, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-tabs-content-container { position: relative; z-index: 1; overflow: hidden; } /* line 220, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-tab-content { position: absolute; display: none; top: 0; left: 0; padding: 10px; } /* line 228, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-left-arrow, .ui-slider-right-arrow, .ui-slider-left-arrow.edge:hover, .ui-slider-right-arrow.edge:hover { display: block; position: absolute; } /* line 233, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow, .ui-slider-left-arrow { top: 0; } /* line 236, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow.edge, .ui-slider-left-arrow.edge { -webkit-box-shadow: none; box-shadow: none; cursor: default; } /* line 240, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow div, .ui-slider-left-arrow div { height: 40px; width: 40px; opacity: 0.5; border: 7px solid #666; background-image: url('../images/assets/ico-sprite.png'); background-color: #666; background-repeat: no-repeat; } /* line 249, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow div:hover, .ui-slider-left-arrow div:hover { opacity: 0.8; } /* line 255, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-left-arrow { -webkit-box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.06); box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.06); left: 0; } /* line 259, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-left-arrow div { background-position: -540px; } /* line 262, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow { -webkit-box-shadow: -2px 0px 1px rgba(0, 0, 0, 0.06); box-shadow: -2px 0px 1px rgba(0, 0, 0, 0.06); right: 0; } /* line 266, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tabs.scss */ .ui-slider-right-arrow div { background-position: -498px; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser a { width: 100%; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser a .teaser-headline, .zfsp_teaser.standard_teaser a p { color: black; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser a:hover { text-decoration: none; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser ._row { display: table; height: 100%; width: 100%; border: 1px solid #9a9a9a; margin: 1px; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser:hover ._row { background-color: #F2F2F2; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .content_wrapper { width: 100%; color: black; display: inline-block; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .teaser_image { position: relative; } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .teaser_image .scope { position: absolute; bottom: 0; right: 1.0625rem; background-color: white; font-size: 0.75rem; padding: 0 0.3125rem; color: black; text-transform: uppercase; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser.img_pos_bottom ._row { /* http://stackoverflow.com/questions/31000885/align-an-element-to-bottom-with-flexbox */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser.img_pos_bottom ._row .image_wrapper { margin-top: auto; min-height: 1px; /* IE fix */ } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser:hover .scope { background-color: #F2F2F2; } /* line 57, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper { padding: 1.25rem 0.625rem; font-size: 14px; } /* line 60, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .copy.trunc p:last-child { margin-bottom: 0.625rem; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist { list-style-type: none; margin: 0; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 0.625rem; } /* line 4, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li a:hover { text-decoration: underline; } /* line 74, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li span { color: #2770BA; cursor: pointer; } /* line 4, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li span:hover { text-decoration: underline; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li span.cta { color: #fff; } /* line 80, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li span.cta:hover { text-decoration: none; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .linklist li .zfsp_cta:last-child { margin-bottom: 0; } /* line 90, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .teaser_button { margin-top: 0.625rem; display: block; } /* line 4, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_teaser.standard_teaser .text_wrapper .teaser_button:hover { text-decoration: underline; } /* line 10, C:/Data/zfsp/scss/zfsp-mixins/_zfsp-mixins.scss */ .zfsp_teaser.standard_teaser .text_wrapper .teaser_button:before { background: url('../images/assets/ico-sprite.png') -6.875rem -1.625rem no-repeat; content: ""; height: 0.625rem; width: 0.625rem; display: inline-block; } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper .teaser_button { color: #2870bb; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser img, .zfsp_teaser.image_teaser img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.startpage_teaser img { width: 100%; height: 17.5vw; max-height: 215px; /* ISSUE: Multiple ZF-Tickets (latest ZFDESK-275) report broken images on all viewports SOLUTION: Disabling of polyfill. SUGGESTION: Removal of the Polyfill framework. Legacy code below, uncomment to activate. object-fit: none; font-family: 'object-fit: none;' // IE Polyfill*/ } @media screen and (max-width: 1023px) { /* line 133, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser img, .zfsp_teaser.image_teaser img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.startpage_teaser img { height: 20.5vw; max-height: 210px; } } @media screen and (max-width: 639px) { /* line 149, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser img, .zfsp_teaser.image_teaser img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.startpage_teaser img { height: 34.5vw; max-height: 215px; } } @media screen and (min-width: 640px) and (max-width: 1023px) { /* line 159, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser.scss */ .zfsp_teaser.standard_teaser .text_wrapper.medium-6 { padding-bottom: 0; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser { margin-bottom: 1.25rem; margin-top: 1.25rem; font-size: 14px; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_headline { margin-top: 0.625rem; font-size: 1.25rem; color: #005ca9; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .content_wrapper { color: black; border-top: 1px solid #9a9a9a; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .hover_wrapper { position: relative; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image { top: 0; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image img { width: 100%; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image .link_solo { position: absolute; bottom: 0; right: 0; width: 4.6875rem; height: 2.1875rem; background-color: rgba(40, 112, 187, 0.8); color: white; background-image: url('../images/assets/finder-plus.png'); background-repeat: no-repeat; background-position: 3.125rem 50%; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image .link_solo .linktext { display: none; } /* line 40, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .copy { height: 100%; width: 100%; opacity: 0; background-color: #2870bb; color: white; position: absolute; top: 0; padding: 0.75rem 0.9375rem 0.25rem 0.9375rem; line-height: 1.3125rem; background-image: url('../images/assets/ico-arrow-right-white.png'); background-repeat: no-repeat; background-position: -webkit-calc(100% - 10px) -webkit-calc(100% - 10px); background-position: -moz-calc(100% - 10px) -moz-calc(100% - 10px); background-position: calc(100% - 10px) calc(100% - 10px); } /* line 55, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .hover_wrapper:hover .copy { opacity: 1; } @media screen and (max-width: 639px) { /* line 62, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser { margin-bottom: 3.75rem; } /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_headline { color: white; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .copy { opacity: 0.8; background-image: none; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .content_wrapper { border: none; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .content_wrapper p { display: none; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image .link_solo { left: 0; bottom: -2.375rem; width: 100%; background-image: none; } /* line 83, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .teaser_image .link_solo .linktext { position: relative; display: block; padding-left: 0.625rem; top: 0.625rem; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-hover.scss */ .zfsp_teaser.hover_teaser .hover_wrapper:hover .copy { opacity: 0.8; } } /* line 2, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser .text_wrapper { position: relative; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser .teaser_button { bottom: 0; background-color: rgba(40, 112, 187, 0.8); position: absolute; padding: 0.4375rem 1.5625rem 0.4375rem 1.25rem; color: white; margin: 0; width: 100%; font-size: 0.875rem; cursor: pointer; } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser .teaser_button:after { content: ""; height: 20px; width: 20px; display: inline-block; position: absolute; top: 0.25rem; right: 0.3125rem; background-image: url('../images/assets/ico-arrow-right-white.png'); background-position: center center; background-repeat: no-repeat; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser:hover .teaser_button { background-color: #2870bb; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser .content_wrapper { display: block; } /* line 38, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-image.scss */ .zfsp_teaser.image_teaser .videoThumb .playbutton { height: 4.125rem; width: 4.125rem; bottom: initial; top: -webkit-calc(50% - 33px); top: -moz-calc(50% - 33px); top: calc(50% - 33px); left: -webkit-calc(50% - 33px); left: -moz-calc(50% - 33px); left: calc(50% - 33px); } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser { position: relative; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser .teaser_button { background-color: rgba(40, 112, 187, 0.8); position: absolute; padding: 0.4375rem 1.5625rem 0.4375rem 1.25rem; bottom: 1.25rem; right: 1.25rem; color: white; font-size: 0.875rem; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser:hover .content_wrapper { background-color: #F2F2F2; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser:hover .teaser_button { background-color: #2870bb; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser .content_wrapper { border-top: 1px solid #9a9a9a; color: black; margin: 1.25rem 0; display: block; padding: 0.9375rem 0; border-bottom: 1px solid #9a9a9a; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser .content_wrapper .teaser_image img { width: 100%; } /* line 34, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser .content_wrapper .text_wrapper { padding: 0.625rem 0.625rem 1.375rem; font-size: 14px; } /* line 37, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser .content_wrapper .text_wrapper p:last-child { margin-bottom: 0; } /* line 45, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .teaser_image { float: left; width: 50%; } /* line 49, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .text_wrapper { float: left; width: 50%; padding-top: 0; padding-left: 1.5625rem; } @media screen and (max-width: 1023px) { /* line 65, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .teaser_image { float: left; width: 50%; } /* line 69, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .text_wrapper { float: left; width: 50%; padding-top: 0; padding-left: 1.5625rem; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .teaser_image { float: none; width: 100%; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .text_wrapper { float: none; width: 100%; padding: 0.625rem 0.625rem 1.375rem; } } @media screen and (max-width: 639px) { /* line 102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .teaser_image { float: none; width: 100%; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-teaser-startpage.scss */ .zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .text_wrapper { float: none; width: 100%; padding: 0.625rem 0.625rem 1.375rem; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image { margin: 1.25rem 0 1.25rem 0; /*.videoThumb { .playbutton { height: rem-calc(66); width: rem-calc(66); bottom: initial; top: calc(50% - 33px); left: calc(50% - 33px); } }*/ } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .text_wrapper { font-size: 14px; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .text_wrapper p:last-child { margin-bottom: 0; } /* line 9, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper { position: relative; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper.img_top { margin-bottom: 1.25rem; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div { position: relative; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption { position: absolute; bottom: 0; left: 0; right: 0; height: 3.625rem; display: table; width: 100%; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption.zoom_only { width: auto; } /* line 27, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption span { padding: 0 0.9375rem; display: table-cell; vertical-align: middle; color: white; background-color: rgba(0, 0, 0, 0.6); font-size: 0.75rem; line-height: 1rem; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption i { display: table-cell; padding: 10px; background-color: rgba(40, 112, 187, 0.8); background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; background-position: -130px center; height: 3.625rem; width: 3.625rem; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div img { width: 100%; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div a:hover figcaption { background-color: black; } /* line 56, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper.galleryThumb { cursor: pointer; } /* line 60, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper.galleryThumb div:hover figcaption { background-color: black; } /* line 64, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper.galleryThumb div figcaption i { background-position: -414px center; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .media-bottom .image_wrapper { margin-top: 1.25rem; } /* line 75, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .linklist { list-style-type: none; margin: 0; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .linklist li:first-child { margin-top: 1rem; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .linklist li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 0.625rem; } /* line 84, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .linklist li.hasCta { list-style-image: none; margin-left: 0px; } @media screen and (max-width: 1023px) { /* line 105, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .media-bottom .image_wrapper { margin-top: 1.25rem; } /* line 108, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper { margin-bottom: 20px; } /* line 112, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption span { display: none; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div figcaption i { display: block; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper div a:hover figcaption { background: none; } /* line 127, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .image_wrapper.galleryThumb div:hover figcaption { background: none; } } @media screen and (max-width: 639px) { /* line 140, C:/Data/zfsp/scss/zfsp-modules/_zfsp-text-image.scss */ .zfsp_text_image .text_wrapper + .image_wrapper { margin-top: 1.25rem; } } /* line 4, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation { background-color: transparent !important; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper, .zfsp_tilenavigation .searchwrapper, .zfsp_tilenavigation .metawrapper { padding-left: 0.25rem; padding-right: 0.25rem; margin-bottom: 0.5rem; } /* line 11, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile { overflow: hidden; position: relative; -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); background-color: white; color: black; padding: 7.5rem 0.625rem 0; height: 13.875rem; background-repeat: no-repeat; background-position: 50% 3.125rem; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile h1, .zfsp_tilenavigation .tile h2, .zfsp_tilenavigation .tile h3, .zfsp_tilenavigation .tile h4, .zfsp_tilenavigation .tile h5, .zfsp_tilenavigation .tile h6, .zfsp_tilenavigation .tile span { text-align: center; display: block; } /* line 29, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile:hover .icon_wrapper { -webkit-transform: translate(0, -17.625rem); -moz-transform: translate(0, -17.625rem); -ms-transform: translate(0, -17.625rem); -o-transform: translate(0, -17.625rem); transform: translate(0, -17.625rem); } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile:hover .background { opacity: 1; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile .icon_wrapper { background-repeat: no-repeat; background-position: 50% 3.125rem; -o-background-size: 3.75rem 3.75rem; background-size: 3.75rem 3.75rem; height: 100%; width: 100%; top: 0; left: 0; padding-top: 7.5rem; padding-left: 0.625rem; padding-right: 0.625rem; position: absolute; } /* line 48, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile .icon_wrapper .headline { text-transform: uppercase; font-size: 16px; word-break: break-word; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile .arrow { z-index: 2; position: absolute; width: 2.5rem; height: 2.5rem; bottom: 0; right: 0; background-color: #2870bb; background-image: url('../images/assets/ico-arrow-right-white.png'); background-repeat: no-repeat; background-position: 50% 50%; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile .linktext { font-size: 14px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.75rem; position: absolute; width: 11.25rem; height: 2.5rem; bottom: 0; right: -10rem; background-color: #2870bb; color: white; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile .background { position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; -o-background-size: cover; background-size: cover; } /* line 89, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper { float: left; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .search { background-color: #333; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.15rem; padding-bottom: 2.15rem; -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); } /* line 100, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchinput, .zfsp_tilenavigation .searchwrapper .catselect { width: 50%; float: left; border: none; margin-bottom: 0; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchinput { border-right: 1px solid #9a9a9a; } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .catselect { background-image: url('../images/assets/arrow-select.png'); -o-background-size: inherit; background-size: inherit; background-position: right 50%; padding-right: 0; width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); } /* line 116, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchIcon { background-image: url('../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg'); -o-background-size: 100% 100%; background-size: 100% 100%; display: block; height: 2.4375rem; float: left; width: 40px; background-color: #2870bb; } /* line 126, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper { float: right; } /* line 129, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .meta_tilewrapper { margin-bottom: 0.5rem; } /* line 132, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile { text-transform: uppercase; background-color: white; height: 3.125rem; -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1); padding: 0.1875rem; font-size: 16px; font-weight: bold; line-height: 1; color: black; background-repeat: no-repeat; } /* line 143, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile > span { background-image: url('../images/assets/button-pattern.png'); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } /* line 149, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile > span .text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 154, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile .icon { display: inline-block; background-repeat: no-repeat; background-position: 0.1875rem center; -o-background-size: 35px auto; background-size: 35px auto; width: 2.8125rem; height: 100%; margin-right: 8px; } /* line 162, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile .icon.sign_in { background-image: url('../images/assets/svg-1/man-burst-black.svg'); } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile .icon.contact { background-image: url('../images/assets/svg-1/envelope-black.svg'); } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .row, .zfsp_tilenavigation .row .row { background-color: transparent; } @media screen and (max-width: 1023px) { /* line 177, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper .row { margin-right: 0; margin-left: 0; } /* line 180, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper .row .meta_tilewrapper { padding-left: 0; padding-right: 0; } /* line 188, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile:hover .icon_wrapper { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* line 191, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tile:hover .background { opacity: 0; } /* line 197, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .search { padding-top: 1rem; padding-bottom: 1rem; } /* line 201, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchinput { width: 100%; margin-bottom: 20px; } /* line 205, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper form.search .catselect { width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px); width: calc(100% - 55px); } /* line 209, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile { height: 61px; } } @media screen and (max-width: 639px) { /* line 215, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation { /*.meta_tilewrapper.login_tile { margin-bottom: rem-calc(8); }*/ } /* line 216, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper { margin-bottom: 0px; } /* line 219, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper .row .login_tile { padding-left: 0; padding-right: 0.1875rem; } /* line 223, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metawrapper .row .contact_tile { padding-left: 0.1875rem; padding-right: 0; width: 50%; } /* line 230, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper { margin-bottom: 0.375rem; padding-right: 3px; padding-left: 3px; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile { height: 3.125rem; padding-top: 0; } /* line 237, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .background { background-image: none; } /* line 240, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper.trans_all_fast { background-position: 0.625rem 25%; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper { padding-top: 0; background-position: 0.625rem 50%; -o-background-size: 2.1875rem auto; background-size: 2.1875rem auto; padding-left: 3.4375rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /* line 250, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper .text { display: none; text-align: left; } /* line 254, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper .headline { margin: 0; font-size: 13px; } /* line 258, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h1, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h2, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h3, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h4, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h5, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h6, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper span { text-align: left; } /* line 262, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .arrow { display: none; } /* line 265, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper .tile .linktext { display: none; } /* line 270, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper:hover .icon_wrapper { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* line 273, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .tilewrapper:hover .background { opacity: 0; } /* line 278, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile { font-size: 13px; height: 3.325rem; } /* line 281, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .metatile .icon { margin-right: 2px; margin-left: 5px; } /* line 286, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper { padding-right: 0.3125rem; padding-left: 0.3125rem; margin-bottom: 0.5rem; } /* line 290, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .search { padding: 0.625rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } /* line 295, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchinput, .zfsp_tilenavigation .searchwrapper .catselect { width: 100%; float: none; border: none; } /* line 300, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .searchinput { margin-bottom: 10px; } /* line 303, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper .catselect { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); float: left; border: none; } /* line 310, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .searchwrapper form.search .catselect { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); margin-right: 10px; } /* line 316, C:/Data/zfsp/scss/zfsp-modules/_zfsp-tile-navigation.scss */ .zfsp_tilenavigation .meta_tilewrapper { margin-bottom: 0.375rem; padding-right: 0.9375rem; padding-left: 0.9375rem; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .videoThumb .playbutton, .zoom_video .playbutton { height: 4.125rem; width: 4.125rem; display: inline-block; position: absolute; top: -webkit-calc(50% - 33px); top: -moz-calc(50% - 33px); top: calc(50% - 33px); left: -webkit-calc(50% - 33px); left: -moz-calc(50% - 33px); left: calc(50% - 33px); background-image: url('../images/assets/svg-1/playbutton.svg'); background-repeat: no-repeat; background-position: center center; -o-background-size: 1.5625rem 1.5625rem; background-size: 1.5625rem 1.5625rem; background-color: rgba(40, 112, 187, 0.8); cursor: pointer; z-index: 2; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .videoThumb.np .playbutton, .zoom_video.np .playbutton { left: 0; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .videoThumb:hover .playbutton, .zoom_video:hover .playbutton { background-color: #2870bb; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-js { margin-left: auto; margin-right: auto; width: auto; height: auto; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-js .vjs-dock-text { display: none; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-js .vjs-big-play-button { -webkit-border-radius: 0; border-radius: 0; } /* line 43, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area { display: none; padding-top: 18px; padding-bottom: 20px; text-align: left; margin-left: auto; margin-right: auto; } /* line 50, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline { font-size: 24px; padding-bottom: 20px; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .position { position: absolute; font-size: 50px; margin-left: -100px; display: inline-block; width: 60px; text-align: right; } /* line 62, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-description { font-size: 0.875rem; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-previous-button, .zoom_video .video_wrapper .video-next-button { display: none; position: absolute; cursor: pointer; top: -webkit-calc(50% - 130px); top: -moz-calc(50% - 130px); top: calc(50% - 130px); height: 3.75rem; width: 3.75rem; background: #606060; background-image: url('../images/assets/ico-sprite.png'); background-repeat: no-repeat; opacity: .4; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-previous-button:hover, .zoom_video .video_wrapper .video-next-button:hover { opacity: 1; } /* line 83, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-previous-button { left: 15px; background-position: -530px; } /* line 87, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-next-button { right: 15px; background-position: -475px; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper { margin-right: -1.25rem; margin-left: -2.1875rem; margin-top: 1.25rem; } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist { overflow: hidden; margin: 0; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-slider { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d2d+0,404040+15,404040+85,2d2d2d+100 */ background: #2d2d2d; /* Old browsers */ background: -moz-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#2d2d2d), color-stop(15%, #404040), color-stop(85%, #404040), to(#2d2d2d)); background: -o-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); background: linear-gradient(to right, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-slider::before { background: #262626; content: ""; margin-top: 0px; position: absolute; width: 100%; left: 0; padding-top: 15px; } /* line 119, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-track { padding-top: 15px; } /* line 122, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item { padding: 1.25rem 2.5rem 0; margin-bottom: 0; max-width: 275px; overflow: visible; } /* line 127, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.vjs-selected { background: none; } /* line 130, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current { background-color: #606060; /*&::before { display: inline-block; height: 20px; width: 20px; background-color: red; content: ''; }*/ } /* line 133, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current .vjs-playlist-thumbnail .playbutton { display: none; } /* line 137, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current .angle { content: ""; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #606060 transparent; position: absolute; top: -15px; right: -webkit-calc(50% - 15px); right: -moz-calc(50% - 15px); right: calc(50% - 15px); } /* line 149, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current img { opacity: 1; } /* line 162, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-now-playing .vjs-playlist-now-playing { display: none; } /* line 166, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name { font-size: 14px; max-height: 70px; padding-left: 15px; color: #FFFFFF; text-shadow: none; text-align: left; font-weight: bold; } /* line 174, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name::before { display: none; } /* line 178, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .position { position: absolute; font-size: 35px; left: 2px; display: inline-block; min-width: 35px; text-align: right; text-shadow: none; } /* line 188, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail .playbutton { height: 2.25rem; width: 2.25rem; top: 3.25rem; left: -webkit-calc(50% - 18px); left: -moz-calc(50% - 18px); left: calc(50% - 18px); -o-background-size: 0.9375rem 0.9375rem; background-size: 0.9375rem 0.9375rem; background-color: rgba(40, 112, 187, 0.8); -webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; -o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s; } /* line 198, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail:hover .playbutton { background-color: rgba(0, 0, 0, 0.45); } /* line 202, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img { /*max-width: 188px; max-height: 105px;*/ height: 100px; width: auto; margin: 0 auto; opacity: 1; } /* line 212, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-up-next-text, .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-thumbnail .vjs-playlist-now-playing, .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-thumbnail .vjs-playlist-now-playing-text, .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-duration { display: none; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container { position: static; padding-left: 0.1875rem; padding-right: 0.1875rem; } /* line 226, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video.has-no-playlist .video_wrapper .video-text-area .position { display: none; } @media screen and (max-width: 1023px) { /* line 235, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-next-button, .zoom_video .video_wrapper .video-previous-button { opacity: .95; top: 20vh; } /* line 240, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-next-button { right: -20px; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-previous-button { left: -20px; } /* line 246, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area { color: #000; } /* line 248, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .position { margin-left: 0; text-align: left; } /* line 252, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline { padding-bottom: 1rem; } /* line 255, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline, .zoom_video .video_wrapper .video-text-area .video-description { padding-left: 65px; } /* line 261, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper { margin-left: -1.25rem; position: absolute; bottom: 0px; width: 100%; } /* line 268, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container { color: #000; } /* line 270, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container .vjs-playlist-name { color: inherit; } /* line 274, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-slider { background: #eaeaea; } /* line 276, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-slider::before { background: #fff; } /* line 280, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .slick-current .vjs-playlist-title-container { color: #fff; } } @media screen and (max-width: 639px) { /* line 292, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline, .zoom_video .video_wrapper .video-text-area .video-description { padding-left: 0; } /* line 296, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline { font-size: 20px; line-height: 22px; } /* line 300, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-description { font-size: 14px; } /* line 303, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .position { display: none; } /* line 307, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item { /*padding-right: rem-calc(20); padding-left: rem-calc(20);*/ padding-right: 0; padding-left: 0; width: 240px; } /* line 314, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img { height: 89px; max-width: none; /*margin-left: rem-calc(-20);*/ } /* line 319, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail .playbutton { top: 2.5rem; } /* line 328, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .position { display: none; } /* line 331, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name { padding-right: 15px; } } @media screen and (max-width: 1023px) and (orientation: landscape) { /* line 344, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-next-button, .zoom_video .video_wrapper .video-previous-button { top: 40vh; } /* line 349, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .position { display: none; } /* line 352, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-headline { padding-left: 0; font-size: 1.25rem; } /* line 356, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .video_wrapper .video-text-area .video-description { display: none; } /* line 361, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper { display: none; } } @media screen and (max-width: 370px) { /* line 370, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper { display: none; } } @media screen and (min-width: 1024px) { /* line 379, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zfsp_gallery.video .galContent { padding-right: 15px; } /* line 383, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zoom_video .playlist-wrapper { margin-right: -35px; } /* line 390, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zfsp_gallery.open.video::before { content: ""; height: 725px; display: block; } /* line 397, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zfsp_gallery.open.video_playlist::before { height: 840px; } /* line 402, C:/Data/zfsp/scss/zfsp-modules/_zfsp-video.scss */ .zfsp_gallery.open.video_loaded::before { display: none; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search { clear: both; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-header { margin-left: 20px; margin-right: 20px; padding-top: 28px; background-color: #e8e8e8; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-header.si-search-init-header .si-search-input-columns { padding-bottom: 12px; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input-columns { background-color: #e8e8e8; } /* line 27, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; /* IE x im Inputfeld ausblenden. */ } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input .si-input-area { width: 100%; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input .si-search-input-remove-button { position: relative; top: 5px; left: 0px; width: 32px; margin-left: -35px; } /* line 45, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input input { display: inline-block; height: 39px; font-size: 0.875rem; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input.si-has-search-button .si-search-button { display: inline-block; } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-input input::-ms-clear { display: none; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-button { margin-bottom: 0px; margin-left: -1px; height: 39px; line-height: 14px; background-color: #2870bb; padding-right: 50px; white-space: nowrap; display: none; } /* line 83, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 1.9375rem; position: absolute; } /* line 95, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced { background-color: #e8e8e8; padding-top: 8px; white-space: nowrap; padding-left: 20px; padding-right: 20px; } /* line 105, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced a { font-size: 0.875rem; } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced a:hover { text-decoration: underline; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced ul { list-style-type: none; } /* line 119, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced ul li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 0.625rem; } /* line 126, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced.si-no-search-advanced { display: none; } /* line 132, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced-mobile { background-color: red; } /* line 136, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced-mobile .si-search-advanced { padding-left: 5px; padding-bottom: 67px; white-space: normal; } /* line 144, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced-mobile .si-search-button-area { background-color: #e8e8e8; text-align: right; padding-bottom: 28px; } /* line 152, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced-mobile .si-search-button { display: inline-block; } /* line 160, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns > .row { background-color: #e8e8e8; } /* line 165, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-is-disabled { opacity: 0.5; } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-vc { padding-right: 10px; } /* line 175, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-pg { padding-left: 10px; padding-right: 10px; } /* line 181, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-m { padding-left: 10px; padding-right: 10px; } /* line 187, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-l { padding-left: 10px; } /* line 195, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* line 202, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown.is-open { margin-top: -2px; } /* line 207, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row { margin-left: 0px; margin-right: 0px; padding-left: 16px; padding-right: 16px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-color: #cacaca; } /* line 221, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-icon { height: 35px; width: 40px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; } /* line 229, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-label { padding-top: 3px; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-checkbox { margin-top: 10px; margin-bottom: 0px; } /* line 240, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row .columns { padding-left: 0px; } /* line 245, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .row .columns:last-child { padding-right: 0px; } /* line 251, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .si-is-first { /* Ist immer der uebernehmen Button. */ border-top-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* line 262, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .si-is-first-entry { border-top-width: 0px; } /* line 267, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button { width: 100%; margin-bottom: 0px; font-size: 0.875rem; text-align: left; padding-left: 17px; background-color: rgba(40, 112, 187, 0.8); } /* line 277, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button:hover { background-color: #2870bb; } /* line 282, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 0.625rem; position: absolute; right: -webkit-calc(8.33333% - 5px); right: -moz-calc(8.33333% - 5px); right: calc(8.33333% - 5px); } /* line 296, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button { width: 100%; height: 39px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border: 1px solid #cacaca; background-color: #FFFFFF; color: #000000; font-size: 0.875rem; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); -webkit-border-radius: 0; border-radius: 0; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; } /* line 317, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button .si-search-category-label { float: left; padding-left: 10px; padding-top: 12px; padding-bottom: 2px; position: absolute; } /* line 326, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button .si-search-category-button-icon { float: right; background-image: url('../images/assets/arrow-select.png'); background-position: 0px -10px; width: 39px; height: 38px; margin-top: -1px; } /* line 340, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button.hover .si-search-category-button-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 350, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button .clearfix { clear: both; } /* line 363, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-vc .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button { padding-left: -webkit-calc(25% + 9px); padding-left: -moz-calc(25% + 9px); padding-left: calc(25% + 9px); } /* line 373, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header > .row { background-color: #e8e8e8; } /* line 378, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-count { font-size: 1.25rem; font-weight: bold; } /* line 383, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-count p { margin-bottom: 15px; margin-top: 25px; padding-top: 1px; text-transform: uppercase; } /* line 394, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-items .si-callout-empty { position: relative; display: inline-block; } /* line 400, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-items .callout { padding-left: 8px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 28px; background-color: #FFFFFF; display: inline-block; margin-right: 10px; font-size: 0.875rem; } /* line 412, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-items .callout button { top: 8px; right: 5px; font-size: 24px; } /* line 421, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search { text-align: right; padding-bottom: 12px; } /* line 427, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search > .row { background-color: #e8e8e8; } /* line 432, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .button { background-color: #2870bb; padding-right: 50px; } /* line 438, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 1.9375rem; position: absolute; } /* line 450, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area { text-align: left; padding-left: 10px; } /* line 455, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all { list-style-type: none; margin-left: 0px; padding-top: 5px; padding-left: 5px; } /* line 462, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 0.625rem; } /* line 468, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all a { font-size: 0.875rem; } /* line 472, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all a:hover { text-decoration: underline; } /* line 482, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results { padding-left: 20px; padding-right: 20px; } /* line 487, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-sort { border-top: 1px solid rgba(10, 10, 10, 0.25); border-bottom: 1px solid rgba(10, 10, 10, 0.25); } /* line 492, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-sort .si-search-sort-label { color: #999999; font-size: 0.875rem; } /* line 500, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-sort div.columns { text-align: right; padding-left: 0px; } /* line 507, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-sort select { width: auto; height: auto; margin-bottom: 0px; border: 0px; font-size: 0.875rem; padding-right: 10px; padding-top: 12px; padding-bottom: 12px; background-position: right -10px center; background-image: url('../images/assets/menu-arrow-down.png'); -o-background-size: auto; background-size: auto; } /* line 527, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element { padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; } /* line 534, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element div:first-of-type { padding-bottom: 10px; } /* line 539, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element div:last-of-type { padding-bottom: 10px; } /* line 544, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element div { font-size: 0.875rem; } /* line 549, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element .si-search-result-label-bold { font-weight: bold; } /* line 554, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element .si-search-result-title { font-size: 1rem; } /* line 559, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element a { font-size: 1rem; } /* line 567, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div { padding-left: 0px; padding-right: 0px; } /* line 573, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div:nth-child(2n+2) { padding-left: 20px; } /* line 580, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div .columns:first-child .si-search-result-element { padding-right: 20px; } /* line 588, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div:nth-child(2n+1) { background-color: #e8e8e8; } /* line 597, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div .columns:first-child .si-search-result-element { border-right: 1px solid rgba(10, 10, 10, 0.1); } /* line 604, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results a:before { background: url('../images/assets/ico-sprite.png') -781px -19px no-repeat scroll; width: 20px; height: 17px; display: inline-block; content: ""; } /* line 613, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-load-more { background-color: transparent !important; } /* line 617, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-load-more a:before { content: none; } /* line 622, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-load-more a { margin-top: 20px; background-color: #FFFFFF; color: #2770BA; } /* line 629, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-load-more .arrow-down { margin-left: 10px; display: inline-block; height: 10px; width: 15px; background-image: url('../images/assets/menu-arrow-down-blue.png'); background-repeat: no-repeat; color: #2770BA; } /* line 642, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results { margin-top: 40px; } /* line 646, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results hr { margin-bottom: 40px; margin-top: 0px; } /* line 652, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results > .columns { padding-left: 0px; padding-right: 0px; padding-bottom: 20px; } /* line 659, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 { font-size: 26px; font-weight: bold; text-transform: uppercase; } /* line 665, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 small { font-size: 26px; font-weight: bold; color: #d5b076; } /* line 673, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3:nth-last-of-type(1) { padding-bottom: 20px; } /* line 680, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right p { font-size: 0.875rem; } /* line 685, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right a { font-size: 0.875rem; } /* line 690, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right h3 { padding-bottom: 20px; text-transform: uppercase; } /* line 696, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right ul { list-style-image: url('../images/assets/link-arrow-blue.png'); } /* line 705, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info hr { margin-bottom: 40px; margin-top: 0px; } /* line 711, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info > .columns { padding-left: 0px; padding-right: 0px; } /* line 717, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 { font-size: 26px; font-weight: bold; text-transform: uppercase; } /* line 723, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 small { font-size: 26px; font-weight: bold; color: #d5b076; } /* line 731, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3:nth-last-of-type(1) { padding-bottom: 20px; } /* line 736, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info p { font-size: 0.875rem; } /* line 744, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-search-autocomplete { border: 1px solid #cacaca; max-height: 100px; overflow-x: hidden; overflow-y: auto; font-size: 0.875rem; background: #ffffff none repeat scroll 0 0; list-style: outside none none; margin: 0; outline: 0 none; padding: 0; position: absolute; } /* line 761, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-search-autocomplete .ui-menu-item { cursor: pointer; } /* line 766, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-search-autocomplete .ui-menu-item-wrapper { padding: 3px 1em 3px 0.4em; position: relative; } @media screen and (max-width: 1023px) { /* line 779, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-vc { padding-left: 20px; padding-right: 10px; } /* line 785, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-pg { padding-left: 10px; padding-right: 20px; } /* line 791, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-m { padding-left: 20px; padding-right: 10px; } /* line 797, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-l { padding-left: 10px; padding-right: 20px; } /* line 808, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element { border: 0px !important; } /* line 813, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div { background-color: transparent !important; padding-left: 0px; padding-right: 0px; } /* line 819, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div { padding-left: 20px; padding-right: 20px; } /* line 824, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div .si-search-result-element { padding-right: 0px; } /* line 830, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div:nth-child(2n+1) { background-color: #e8e8e8; } /* line 839, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 { font-size: 1.5rem; } /* line 843, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 small { font-size: 1.5rem; } /* line 851, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right h3 { font-size: 1.5rem; } /* line 856, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-right { padding-top: 24px; } /* line 865, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 { font-size: 1.5rem; } /* line 869, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 small { font-size: 1.5rem; } /* Header und Ergebnissliste volle Breite. */ /* line 879, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search { margin-left: -35px; margin-right: -15px; } /* line 884, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-header { margin-right: 0px; } /* line 891, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-sort { margin-right: -40px; } /* line 896, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info { margin-right: -40px; } /* line 902, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info > .columns > h3 { padding-left: 20px; } /* line 906, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info > .columns > p { padding-left: 20px; } /* line 913, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results { margin-right: -40px; } /* line 917, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right { margin-left: 0px; margin-right: 0px; } /* line 925, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results > .columns > h3 { padding-left: 20px; } /* line 932, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results { margin-right: -40px; } } @media screen and (max-width: 639px) { /* line 944, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced { padding-top: 0px; height: 40px !important; } /* line 949, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-advanced.si-no-search-advanced { display: none; } /* line 957, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-vc { margin-top: 12px; padding-left: 20px; padding-right: 20px; } /* line 965, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-pg { padding-left: 20px; padding-right: 20px; } /* line 971, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-m { padding-left: 20px; padding-right: 20px; } /* line 977, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-columns .si-search-category-l { padding-left: 20px; padding-right: 20px; } /* line 986, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .si-search-category-button { max-width: none; } /* line 991, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-search-category-select .dropdown-pane { max-width: none; width: 100%; } /* line 1002, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results-header .si-results-header-search .si-remove-all-area { padding-left: 20px; } /* line 1013, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results .si-search-result-element { border: 0px !important; } /* line 1018, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div { background-color: transparent !important; padding-left: 0px; padding-right: 0px; } /* line 1024, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div { padding-left: 20px; padding-right: 20px; } /* line 1029, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div .si-search-result-element { padding-right: 0px; } /* line 1035, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-results > div > div:nth-child(2n+1) { background-color: #e8e8e8; } /* line 1044, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 { font-size: 1.25rem; } /* line 1048, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results h3 small { font-size: 1.25rem; } /* line 1056, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right h3 { font-size: 1.25rem; } /* line 1063, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-left h3 { margin-bottom: 20px; } /* line 1069, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-right { padding-top: 24px; } /* line 1078, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 { font-size: 1.25rem; } /* line 1082, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info h3 small { font-size: 1.25rem; } /* line 1088, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search .si-results .si-search-bottom-info p { font-size: 14px; } /* Header und Ergebnissliste volle Breite. */ /* line 1097, C:/Data/zfsp/scss/zfsp-modules/_zfsp-service-information-search.scss */ .si-base-search { margin-left: -20px; margin-right: 0px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search { clear: both; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header { margin-left: 20px; margin-right: 20px; padding-top: 28px; background-color: #e8e8e8; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .columns { background-color: #e8e8e8; } /* line 16, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .row { background-color: #e8e8e8; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns { padding-left: 60px; padding-right: 60px; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; /* IE x im Inputfeld ausblenden. */ } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input { display: inline-block; height: 39px; font-size: 0.875rem; margin-right: 6px; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input::-ms-clear { display: none; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area .close-button { position: relative; top: -8px; left: -8px; width: 32px; margin-left: -35px; } /* line 55, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns { padding-left: 60px; padding-right: 60px; padding-bottom: 10px; } /* line 62, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns .count { font-weight: bold; font-size: 1rem; } /* line 69, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .search-button { height: 39px; padding-left: 20px; padding-right: 35px; line-height: 14px; background-color: #00abe7; } /* line 78, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .search-button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 0.625rem; position: absolute; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row { border-top: 2px solid #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 98, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column { width: 33.33%; border-right: 2px solid #FFFFFF; cursor: pointer; text-align: center; font-size: 1rem; } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column .tec-c-h-element { padding-top: 25px; padding-bottom: 25px; } /* line 114, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column .tec-c-h-element .close-button { display: none; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected { position: relative; } /* line 124, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected .tec-c-h-element { border: 2px solid #1179bf; padding-top: 23px; padding-bottom: 23px; } /* line 131, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected .tec-c-h-element .close-button { display: block; font-size: 24px; top: 0px; right: 0px; color: #FFFFFF; background-color: #1179bf; width: 22px; height: 22px; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column:nth-child(5) { border-right: 0px; } /* line 152, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row div:last-child { border-right: 0px; } /* line 159, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns { border-top: 2px solid #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-left: 60px; font-size: 0.875rem; font-weight: bold; } /* line 167, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column { border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; cursor: pointer; position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; } /* line 179, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column:before { height: 25px; width: 18px; display: inline-block; background: url('../images/assets/ico-sprite.png') -1340px 50% no-repeat; content: ""; margin-left: -28px; margin-top: -2px; position: absolute; } /* line 191, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer { display: none; position: absolute; left: 0px; top: 41px; z-index: 100; cursor: default; color: #000000; width: 350px; border: 1px solid #000000; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } /* line 213, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul { margin-bottom: 0px; list-style: none; font-weight: normal; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul li { padding-top: 5px; cursor: pointer; } /* line 223, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul li input[type='checkbox'] { margin-bottom: 0px; margin-right: 5px; position: relative; bottom: -2px; } /* line 234, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected { color: #1179bf; } /* line 238, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected:before { background: url('../images/assets/ico-sprite.png') -1310px 50% no-repeat; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected.open { background-color: #000000; color: #FFFFFF; } /* line 248, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected.open:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url('../images/assets/ico-sprite.png') -1370px 50% no-repeat; margin-top: -2px; } /* line 257, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open { background-color: #000000; color: #FFFFFF; } /* line 262, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background: url('../images/assets/ico-sprite.png') -1370px 50% no-repeat; } /* line 268, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open .tec-c-h-main-categories-layer { display: block; } /* line 275, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column { border-right: 2px solid #FFFFFF; cursor: pointer; position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; } /* line 286, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column:before { height: 25px; width: 19px; display: inline-block; background: url('../images/assets/svg-1/icon-filter.svg') no-repeat; content: ""; margin-left: -28px; margin-top: 4px; position: absolute; } /* line 298, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer { display: none; position: absolute; left: 0px; top: 41px; z-index: 100; cursor: default; color: #000000; width: 350px; border: 1px solid #000000; background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } /* line 320, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer > .close-button { right: 10px; color: #000000; font-weight: normal; cursor: pointer; z-index: 500; } /* line 330, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected { color: #1179bf; } /* line 334, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected:before { background: url('../images/assets/svg-1/icon-filter-in-use.svg') no-repeat; height: 25px; width: 23px; margin-top: 0px; } /* line 342, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected.open { background-color: #000000; color: #FFFFFF; } /* line 347, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected.open:before { background: url('../images/assets/svg-1/icon-filter-white.svg') no-repeat; height: 25px; width: 19px; margin-top: 4px; } /* line 357, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open { background-color: #000000; color: #FFFFFF; } /* line 362, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open:before { background: url('../images/assets/svg-1/icon-filter-white.svg') no-repeat; height: 25px; width: 19px; margin-top: 4px; } /* line 370, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open .tec-c-h-search-filter-layer { display: block; } /* line 379, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-selected-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; /*padding-bottom: 10px;*/ position: relative; } /* line 387, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-selected-items .item { font-weight: normal; border: 1px solid #999999; color: #999999; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 40px; margin-right: 10px; margin-bottom: 10px; font-size: 0.875rem; position: relative; } /* line 403, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-selected-items .item .close-button { color: #999999; font-weight: normal; font-size: 22px; top: 5px; right: 10px; } /* line 413, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-selected-items > .close-button { font-weight: normal; color: #000000; font-size: 22px; top: 16px; right: 10px; } /* line 423, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-remove-all-selected-items { padding-bottom: 10px; text-align: right; } /* line 428, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-remove-all-selected-items a { font-size: 0.875rem; font-weight: normal; } /* line 433, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-remove-all-selected-items a:before { content: ""; background-image: url('../icons-rebranch/link-arrow-blue-1.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 10px; width: 20px; } /* line 446, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category { border-top: 1px solid #e8e8e8; padding-top: 15px; padding-bottom: 10px; } /* line 452, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category > h2 { font-size: 0.875rem; font-weight: bold; color: #000000; padding-left: 20px; cursor: pointer; } /* line 462, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category > h2:before { height: 25px; width: 18px; display: inline-block; background: url('../images/assets/ico-sprite.png') -1310px 50% no-repeat; content: ""; margin-left: -22px; margin-top: -5px; position: absolute; -o-background-size: 1900px 57px; background-size: 1900px 57px; } /* line 476, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content { display: none; } /* line 480, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul { list-style: none; font-weight: normal; } /* line 484, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul li { padding-top: 5px; cursor: pointer; font-size: 0.875rem; } /* line 489, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul li input[type='checkbox'] { margin-bottom: 0px; margin-right: 5px; } /* line 500, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category.open .tec-c-h-category-content { display: block; } /* line 507, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-category.open > h2:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 517, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result > .columns { padding-top: 40px; } /* line 522, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter { border: 1px solid #000000; } /* line 526, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter > h2 { font-size: 1.125rem; font-weight: normal; background-color: #000000; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; /*cursor: pointer;*/ /*&:before { height: 20px; width: 20px; display: inline-block; background: $asset-icon-sprite -1790px 50% no-repeat; content: ""; margin-left: -30px; margin-top: 2px; position: absolute; }*/ } /* line 554, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter.open > h2 { /*&:before { background: $asset-icon-sprite -1279px 50% no-repeat; }*/ } /* line 563, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter .tec-c-h-search-filter-content { padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 10px; } /* line 571, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter .tec-c-h-search-filter-content .tec-c-h-category:first-of-type { margin-top: 20px; } /* line 580, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest { font-size: 2rem; font-weight: bold; padding-bottom: 20px; } /* line 587, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 15px; } /* line 596, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .left { margin-right: 30px; width: 160px; height: 100px; } /* line 604, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } /* line 608, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right h2 { font-size: 1rem; margin-bottom: 16px; line-height: 1.5; } /* line 615, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right p { font-size: 0.875rem; } /* line 620, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right .button { height: 39px; padding-right: 30px; line-height: 14px; margin-bottom: 0px; background-color: #00abe7; } /* line 629, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right .button:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 0.625rem; position: absolute; } /* line 642, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element.last { margin-bottom: 0px; border-bottom: 0px; } /* line 649, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more { text-align: center; margin-top: 20px; } /* line 654, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more a { background-color: #FFFFFF; color: #1179bf; padding-bottom: 0px; } /* line 660, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more a .arrow-down { margin-left: 10px; display: inline-block; height: 10px; width: 15px; background-image: url('../images/assets/menu-arrow-down-blue.png'); background-repeat: no-repeat; color: #2770BA; } /* Only for IE. */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 687, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input { margin-right: 0px; } /* line 692, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area .close-button { top: -7px; } /* line 703, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column:before { margin-top: 0px; } /* line 710, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open:before { margin-top: 0px; } } /* line 721, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-search-autocomplete { border: 1px solid #cacaca; max-height: 100px; overflow-x: hidden; overflow-y: auto; font-size: 0.875rem; background: #ffffff none repeat scroll 0 0; list-style: outside none none; margin: 0; outline: 0 none; padding: 0; position: absolute; } /* line 738, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-search-autocomplete .ui-menu-item { cursor: pointer; } /* line 743, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-search-autocomplete .ui-menu-item-wrapper { padding: 3px 1em 3px 0.4em; position: relative; } @media screen and (max-width: 1023px) { /* line 752, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search { margin-left: -35px; margin-right: -15px; } /* line 757, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header { margin-right: 0px; } /* line 761, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns { padding-left: 20px; padding-right: 20px; } /* line 767, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns { padding-left: 30px; padding-right: 20px; } /* line 773, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns { padding-left: 20px; } /* line 779, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result { padding-left: 20px; padding-right: 20px; } /* line 784, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result > .columns { padding-top: 20px; } /* line 791, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; margin-bottom: 0px; } /* line 801, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element:nth-child(even) { background-color: #e8e8e8; } /* line 806, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest { font-size: 1.5rem; padding-top: 20px; } /* line 813, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest:first-of-type { padding-top: 0px; } /* line 823, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-result > .columns { padding-right: 0px; } } @media screen and (max-width: 639px) { /* line 832, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search { margin-left: -20px; margin-right: 0px; } /* line 843, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input { margin-right: 0px; } /* line 852, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns.sticky { position: fixed; top: 30px; z-index: 8; } /* line 859, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column { width: 50%; position: static; } /* line 864, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer { width: 100%; left: 0px; top: auto; margin-top: 10px; } /* line 873, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column { width: 50%; position: static; } /* line 878, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer { width: 100%; left: 0px; top: auto; margin-top: 10px; } /* line 889, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result { padding-left: 0px; padding-right: 0px; } /* line 896, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element { padding-left: 30px; padding-right: 30px; } /* line 901, C:/Data/zfsp/scss/zfsp-modules/_zfsp-technical-content-hub-search.scss */ .tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .left { display: none; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants { font-size: 0.875rem; margin-top: 20px; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_selector { background-color: #e8e8e8; padding: 20px; } /* line 10, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_selector p { margin-top: 7px; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_large { padding: 20px; padding-top: 28px; padding-bottom: 28px; background-color: #e8e8e8; } /* line 21, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_large p { margin-top: 7px; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_large select { background-image: url('../images/assets/arrow-select.png'); -o-background-size: inherit; background-size: inherit; background-position: right -1.5rem center; margin-bottom: 0px; font-size: 0.875rem; } /* line 33, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_medium { border-top: 1px solid rgba(10, 10, 10, 0.2); border-bottom: 1px solid rgba(10, 10, 10, 0.2); text-align: right; padding-left: 0px; padding-right: 20px !important; } /* line 42, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_medium .text-right { color: #999999; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_language_medium select { margin-bottom: 0px; width: auto; height: auto; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border: none; background-position: right -20px center; background-image: url('../images/assets/menu-arrow-down.png'); -o-background-size: auto; background-size: auto; font-size: 0.875rem; } /* line 61, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_entry { padding: 15px 35px 15px 35px; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants .lol_entry:nth-child(odd) { background-color: #e8e8e8; } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table thead { background-color: white; border: none; border-color: white; } /* line 74, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table thead tr th { padding-top: 10px; padding-bottom: 10px; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody { border: none; } /* line 84, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody tr td { border-top: 1px solid rgba(10, 10, 10, 0.25); border-bottom: 1px solid rgba(10, 10, 10, 0.25); border-left: 1px solid rgba(10, 10, 10, 0.1); border-right: 1px solid rgba(10, 10, 10, 0.1); padding-top: 12px; padding-bottom: 12px; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody tr td:first-of-type { border-left: none; } /* line 96, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody tr td:last-of-type { border-right: none; } /* line 100, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody tr:nth-child(even) { background-color: #e8e8e8; } /* line 103, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants table tbody tr:last-of-type { border-bottom: 3px solid #d5b076; } /* line 110, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants a:before { content: ""; width: 1rem; height: 0.7rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -780px 50% no-repeat; margin-right: 5px; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .list_of_lubricants.columns.medium { margin: 0; padding: 0; margin-top: 20px; } /* line 132, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .lol_medium .lol_entry .lol_date_of_change { color: #6e6e6e; font-size: 0.875rem; } @media screen and (max-width: 1023px) { /* line 142, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .lol_medium { margin-left: -15px; margin-right: -15px; } } @media screen and (max-width: 639px) { /* line 151, C:/Data/zfsp/scss/zfsp-modules/_zfsp-list-of-lubricants.scss */ .lol_medium { margin-left: 0px; margin-right: 0px; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-header { margin-left: 20px; margin-right: 20px; padding-top: 28px; background-color: #e8e8e8; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-columns > .row { background-color: #e8e8e8; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-left { padding-right: 10px; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-right { padding-left: 10px; } /* line 32, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* line 39, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown.is-open { margin-top: -2px; } /* line 44, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row { margin-left: 0px; margin-right: 0px; padding-left: 16px; padding-right: 16px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-color: #cacaca; } /* line 58, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-icon-area { width: 60px; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-text-area { width: -webkit-calc(83.33333% - 30px); width: -moz-calc(83.33333% - 30px); width: calc(83.33333% - 30px); } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-icon { height: 35px; width: 40px; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; } /* line 76, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-label { padding-top: 3px; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-checkbox { margin-top: 10px; margin-bottom: 0px; } /* line 87, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .columns { padding-left: 0px; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .columns:last-child { padding-right: 0px; } /* line 99, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row.pdfc-disabled .pdfc-search-category-label { color: #d9d9d9; } /* line 104, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row.pdfc-disabled .pdfc-search-category-icon { opacity: 0.25; } /* line 111, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .pdfc-is-first { border-top-width: 0px; } /* line 117, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button { width: 100%; height: 39px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border: 1px solid #cacaca; background-color: #FFFFFF; color: #000000; font-size: 0.875rem; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); -webkit-border-radius: 0; border-radius: 0; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; } /* line 138, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .pdfc-search-category-label { float: left; padding-left: 10px; padding-top: 12px; padding-bottom: 2px; position: absolute; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .pdfc-search-category-button-icon { float: right; background-image: url('../images/assets/arrow-select.png'); background-position: 0px -10px; width: 39px; height: 38px; margin-top: -1px; } /* line 160, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button.hover .pdfc-search-category-button-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 170, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .clearfix { clear: both; } /* line 179, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header > .row { background-color: #e8e8e8; } /* line 184, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-count { font-size: 1.25rem; font-weight: bold; } /* line 189, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-count p { margin-bottom: 15px; margin-top: 25px; padding-top: 1px; text-transform: uppercase; } /* line 200, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-items .pdfc-callout-empty { position: relative; display: inline-block; } /* line 206, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-items .callout { padding-left: 8px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 28px; background-color: #FFFFFF; display: inline-block; margin-right: 10px; font-size: 0.875rem; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-items .callout button { top: 8px; right: 5px; font-size: 24px; } /* line 227, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search { padding-bottom: 12px; } /* line 231, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area { text-align: right; } /* line 235, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all { list-style-type: none; margin-left: 0px; padding-top: 5px; padding-left: 5px; display: inline-block; } /* line 243, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 0.625rem; } /* line 249, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all a { font-size: 0.875rem; } /* line 253, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all a:hover { text-decoration: underline; } /* line 263, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-no-filter-results-count { font-size: 1.25rem; font-weight: bold; text-transform: uppercase; } /* line 270, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results { padding-left: 20px; padding-right: 20px; } /* line 275, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-spacer { border-top: 1px solid rgba(10, 10, 10, 0.25); border-bottom: 1px solid rgba(10, 10, 10, 0.25); height: 40px; } /* line 285, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element { padding-top: 20px; padding-bottom: 20px; font-size: 0.875rem; } /* line 291, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-large-medium { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* line 296, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img { margin-right: 20px; /*min-width: 122px;*/ } /* line 301, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img img { border: 1px solid rgba(10, 10, 10, 0.1); max-width: none; } /* line 308, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-grey { color: #6e6e6e; } /* line 313, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-version { padding-top: 15px; } /* line 318, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-downloads { padding-top: 15px; } /* line 323, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-name { font-size: 16px; } /* line 328, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element a { font-size: 16px; } /* line 334, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-bg-element { background-color: #e8e8e8; } /* line 339, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results a { display: block; } /* line 344, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results a:before { background: url('../images/assets/ico-sprite.png') -781px -19px no-repeat scroll; width: 20px; height: 17px; display: inline-block; content: ""; } @media screen and (max-width: 1023px) { /* Header und Ergebnissliste volle Breite. */ /* line 360, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search { margin-left: -35px; margin-right: -15px; } /* line 371, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-text-area { width: -webkit-calc(83.33333% - 40px); width: -moz-calc(83.33333% - 40px); width: calc(83.33333% - 40px); } /* line 379, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-header { margin-right: 0px; } /* line 386, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-spacer { margin-right: -40px; } /* line 391, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results { margin-right: -40px; } /* line 397, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-no-filter-results-count { padding-left: 20px; } } @media screen and (max-width: 639px) { /* line 410, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-left { padding-left: 20px; padding-right: 20px; } /* line 416, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-right { padding-left: 20px; padding-right: 20px; } /* line 425, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button { max-width: none; } /* line 430, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-search-category-select .dropdown-pane { max-width: none; width: 100%; } /* line 443, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img { padding-bottom: 20px; } /* line 448, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-top-area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* Header und Ergebnissliste volle Breite. */ /* line 458, C:/Data/zfsp/scss/zfsp-modules/_zfsp-pdf-catalogue.scss */ .pdfc-base-search { margin-left: -20px; margin-right: 0px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper { /* Fuer IE 11 Hack damit der Checked Status aktualisiert wird. */ } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper select[name="gender"], .newsletter-form-wrapper select[name="country"] { background-image: url('../images/assets/arrow-select.png'); background-position: right 50%; -o-background-size: inherit; background-size: inherit; padding-right: 0; display: block; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper input[name="s"] { display: none; } /* line 19, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper input[type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe !important; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper input[type="checkbox"]:checked + label { background: transparent; } /* line 31, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper a.button.next { padding-right: 50px; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper a.button.next:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 31px; position: absolute; } /* line 47, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper a.button.prev { padding-left: 50px; } /* line 52, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper a.button.prev:before { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat; content: ""; margin-left: -39px; position: absolute; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-dataprotection-area { padding-top: 10px; padding-bottom: 10px; } /* line 68, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-dataprotection-area label { display: block; } /* line 73, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-dataprotection-area .newsletter-validation-msg { margin-top: 0px; } /* line 79, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-required-message { padding-bottom: 50px; font-size: 0.875rem; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-headline { font-size: 1.75rem; font-weight: bold; line-height: 30px; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper .newsletter-validation-msg { position: absolute; margin-top: -12px; font-size: 10px; color: #c38ec4; } /* line 102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper select.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 114, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper input.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 124, C:/Data/zfsp/scss/zfsp-modules/_zfsp-newsletter.scss */ .newsletter-form-wrapper input:invalid { -webkit-box-shadow: none; box-shadow: none; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper { /* Fuer IE 11 Hack damit der Checked Status aktualisiert wird. */ } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper select { background-image: url('../images/assets/arrow-select.png'); background-position: right 50%; -o-background-size: inherit; background-size: inherit; padding-right: 0; display: block; } /* line 13, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper input[name="s"] { display: none; } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper input[type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe !important; } /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper input[type="checkbox"]:checked + label { background: transparent; } /* line 30, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper a.button.next { padding-right: 50px; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper a.button.next:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 31px; position: absolute; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper a.button.prev { padding-left: 50px; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper a.button.prev:before { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat; content: ""; margin-left: -39px; position: absolute; } /* line 62, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-service-reg { margin-top: 30px; } /* line 67, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-headline { font-size: 1.75rem; font-weight: bold; line-height: 30px; margin-top: 30px; margin-bottom: 10px; } /* line 77, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-validation-msg { position: absolute; margin-top: -12px; font-size: 10px; color: #c38ec4; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-dataprotection-area { padding-top: 24px; } /* line 89, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-dataprotection-area .marine-validation-msg { margin-top: 0px; position: relative; left: 25px; font-size: 12px; font-weight: bold; } /* line 100, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper .marine-submit-area { margin-top: 30px; } /* line 107, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper select.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 119, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper input.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 129, C:/Data/zfsp/scss/zfsp-modules/_zfsp-marine-forms.scss */ .marine-form-wrapper input:invalid { -webkit-box-shadow: none; box-shadow: none; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base input[name="s"] { display: none; } /* line 8, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-headline-area { text-align: center; } /* line 12, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-headline-area h1 { color: #005ca9; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.25rem; font-weight: bold; padding-top: 40px; } /* line 33, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc { width: 100%; max-width: 150px; padding-top: 20px; padding-bottom: 5px; cursor: pointer; } /* line 41, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc.roi-selected { background-color: #ccdeee; } /* line 46, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img { padding-left: 10px; padding-right: 10px; } /* line 51, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img img { max-width: 100px; } /* line 57, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc div { text-align: center; } /* line 63, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-or { padding-left: 20px; padding-right: 20px; } /* line 76, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area h4 { text-align: center; font-weight: bold; font-size: 1rem; padding-top: 40px; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input { padding-left: 20px; padding-right: 20px; } /* line 98, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input input { height: 74px; margin-bottom: 0px; font-size: 45px; font-weight: bold; text-align: center; max-width: 170px; } /* line 110, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields { margin: 0 auto; font-size: 1rem; width: auto; } /* line 116, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody { background: transparent; border: 0px; } /* line 120, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody tr { background: transparent; } /* line 126, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-input-td { padding-right: 10px; } /* line 131, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-unit { text-align: left; font-weight: bold; } /* line 139, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td { padding-bottom: 0px; } /* line 143, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table { display: table; width: 100%; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table div:nth-of-type(1) { display: table-cell; } /* line 151, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table div:nth-of-type(2) { display: table-cell; width: 26px; padding-left: 10px; } /* line 161, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields label { font-size: 1rem; } /* line 166, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields input { margin-bottom: 0px; height: 50px; max-width: 120px; text-align: center; font-size: 27px; font-weight: bold; /*position: relative; top: 17px;*/ } /* line 181, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(1) { text-align: right; } /* line 186, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(3) { font-weight: bold; } /* line 192, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-validation-msg { margin-top: 3px; } /* line 204, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area .roi-email-area .roi-email { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; } /* line 212, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area .roi-email-area .roi-email label { font-size: 1rem; } /* line 217, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area .roi-email-area .roi-email .roi-email-input { padding-left: 20px; padding-right: 20px; } /* line 222, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area .roi-email-area .roi-email .roi-email-input input { margin-bottom: 0px; height: 50px; max-width: 300px; text-align: center; font-size: 27px; font-weight: bold; } /* line 239, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area.roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox { padding-top: 40px; padding-bottom: 0px; } /* line 250, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area { text-align: center; } /* line 254, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data { margin: 0 auto; font-size: 1rem; } /* line 260, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data label { font-size: 1rem; } /* line 265, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data input { margin-bottom: 0px; height: 50px; max-width: 450px; text-align: center; font-size: 27px; font-weight: bold; position: relative; top: 17px; } /* line 280, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row .roi-column:nth-of-type(1) { text-align: right; } /* line 285, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row .roi-column:nth-of-type(2) { text-align: left; } /* line 291, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-validation-msg { margin-top: 20px; } /* line 297, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox, .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox { /* Fuer IE 11 Hack damit der Checked Status aktualisiert wird. */ } /* line 300, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox input[type="checkbox"] + label:before, .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox input[type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe !important; } /* line 307, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox input[type="checkbox"]:checked + label, .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox input[type="checkbox"]:checked + label { background: transparent; } /* line 313, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox { padding-top: 40px; padding-bottom: 20px; } /* line 319, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox { padding-bottom: 40px; } /* line 324, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button { padding-left: 25px; padding-top: 25px; padding-bottom: 25px; padding-right: 25px; margin-bottom: 0px; background-color: #005ca9; font-size: 1.25rem; font-weight: bold; } /* line 336, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button:hover { text-decoration: none; } /* line 341, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button:focus { text-decoration: none; } /* line 346, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button.roi-calc-icon { padding-left: 70px; position: relative; } /* line 351, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button.roi-calc-icon:before { height: 50px; width: 50px; display: inline-block; background: url('../images/assets/tiled-navigation/svg/bn-icon-pocketcalculator-rgb-black-201512-un.svg') no-repeat; -o-background-size: 50px 50px; background-size: 50px 50px; content: ""; margin-left: -60px; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } /* line 366, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button.roi-arrow-icon { padding-right: 50px; } /* line 370, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .button.roi-arrow-icon:after { height: 25px; width: 20px; display: inline-block; background: url('../images/assets/ico-sprite.png') -1085px 50% no-repeat; content: ""; margin-left: 20px; position: absolute; } /* line 383, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-submit-message { font-weight: bold; } /* line 387, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-submit-message.error { color: #E2231A; } /* line 395, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-privacy-info-area { text-align: center; font-size: 0.875rem; padding-top: 20px; } /* line 406, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-chart { margin: 0 auto; padding-top: 40px; max-width: 70%; } /* line 414, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs { font-size: 1.25rem; font-weight: bold; text-align: center; padding-top: 40px; } /* line 421, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div { display: inline-block; } /* line 426, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7) { padding-right: 20px; } /* line 436, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7):after { content: ""; margin-top: 5px; margin-left: 10px; position: absolute; height: 20px; border-right: 3px #000000 solid; } /* line 449, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe { padding-right: 0px; } /* line 453, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe:after { content: none; } /* line 459, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img { padding-right: 10px; } /* line 463, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img img { height: 20px; } /* line 471, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data { text-align: center; } /* line 474, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data a { text-decoration: underline; } /* line 480, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-benefit-info { padding-top: 40px; text-align: center; font-weight: bold; } /* line 491, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area .roi-box { background-color: #f9f9f9; border: 1px solid #c6c6c6; border-top: 0px; border-bottom: 1px solid #e7e7e7; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; } /* line 503, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area .roi-box h3 { text-align: center; font-weight: bold; color: #005ca9; } /* line 513, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area.roi-box-area-first .roi-box { border-top: 1px solid #c6c6c6; } /* line 521, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area.roi-box-area-last .roi-box { border-bottom: 1px solid #c6c6c6; } /* line 528, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-minus-btn { background-color: #ccdeee; cursor: pointer; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; } /* line 539, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-minus-btn .roi-icon { position: relative; width: 30px; height: 30px; } /* line 545, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-minus-btn .roi-icon:after { content: ""; position: absolute; background-color: white; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; -moz-transition: transform 0.25s ease-out, -moz-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -moz-transform 0.25s ease-out, -o-transform 0.25s ease-out; top: 50%; left: 0; width: 100%; height: 4px; margin-top: -2px; } /* line 561, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn { background-color: #ccdeee; cursor: pointer; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; } /* line 572, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn .roi-icon { position: relative; width: 30px; height: 30px; } /* line 578, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn .roi-icon:before { content: ""; position: absolute; background-color: white; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; -moz-transition: transform 0.25s ease-out, -moz-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -moz-transform 0.25s ease-out, -o-transform 0.25s ease-out; top: 0; left: 50%; width: 4px; height: 100%; margin-left: -2px; } /* line 592, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn .roi-icon:after { content: ""; position: absolute; background-color: white; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; -moz-transition: transform 0.25s ease-out, -moz-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -moz-transform 0.25s ease-out, -o-transform 0.25s ease-out; top: 50%; left: 0; width: 100%; height: 4px; margin-top: -2px; } /* line 608, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list { padding-top: 40px; display: table; /*border-spacing: 0px 30px;*/ border-spacing: 0px 0px; margin: 0 auto; width: 60%; } /* line 618, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row { display: table-row; } /* line 622, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row div { display: table-cell; border-bottom: 1px #c6c6c6 solid; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 15px; } /* line 632, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(1) { font-size: 1.25rem; font-weight: bold; color: #005ca9; } /* line 638, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(1) div { border-top: 1px #c6c6c6 solid; } /* line 644, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(2) { font-size: 1.25rem; font-weight: bold; color: #005ca9; } /* line 651, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(3) { font-weight: bold; } /* line 656, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row div:nth-of-type(1) { text-align: left; } /* line 661, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row div:nth-of-type(2) { text-align: right; font-weight: bold; } /* line 669, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-info-icon { background-color: #ccdeee; padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 7px; color: #FFFFFF; cursor: pointer; font-size: 28px; line-height: 15px; font-family: Bodoni MT,Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif; } /* line 682, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-info-icon:after { content: "i"; } /* line 688, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-table { display: table; border-spacing: 20px 10px; } /* line 693, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-table .roi-row { display: table-row; } /* line 697, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-table .roi-row .roi-column { display: table-cell; } /* line 704, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base textarea.notvalid, .roi-base select.notvalid, .roi-base input.notvalid { border-width: 2px; border-color: #E2231A; } /* line 712, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-validation-checkbox { text-align: left; } /* line 717, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-validation-msg { color: #E2231A; position: absolute; margin-top: 5px; font-size: 10px; } @media screen and (max-width: 1023px) { /* line 730, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list { width: 80%; } } @media screen and (max-width: 639px) { /* line 741, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-info-icon { font-size: 19px; width: 25px; } /* line 747, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-minus-btn { padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; } /* line 753, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-minus-btn .roi-icon { width: 18px; height: 18px; } /* line 760, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn { padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; } /* line 766, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-plus-btn .roi-icon { width: 18px; height: 18px; } /* line 775, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area .roi-box { padding-top: 20px; padding-bottom: 20px; } /* line 779, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-box-area .roi-box h3 { font-size: 18px; } /* line 790, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc { padding-top: 10px; } /* line 793, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc { font-size: 14px; } /* line 799, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img img { max-width: 80px; } /* line 806, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-or { font-size: 14px; } /* line 818, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area h4 { padding-top: 20px; font-size: 14px; } /* line 824, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count { padding-top: 10px; } /* line 827, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input { padding-left: 5px; padding-right: 5px; } /* line 831, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input input { font-size: 37px; height: 60px; } /* line 837, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile { padding-top: 10px; } /* line 841, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile .roi-minus-btn { width: 60px; float: left; } /* line 847, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile .roi-plus-btn { width: 60px; float: right; } /* line 856, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields { width: 100%; margin: 0px; } /* line 863, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody td { padding-left: 0px; padding-right: 0px; } /* line 872, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-input-tr td { padding-top: 0px; } /* line 878, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-unit { font-size: 12px; text-align: left; padding-right: 10px; } /* line 885, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields input { top: 0px; font-size: 17px; max-width: 110px; height: 40px; } /* line 893, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields label { font-size: 12px; } /* line 900, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(3) { vertical-align: bottom; padding-bottom: 15px; font-size: 12px; } /* line 906, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(4) { vertical-align: bottom; padding-bottom: 15px; } /* line 913, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-validation-msg { margin-top: 5px; } /* line 921, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list { width: 100%; } /* line 925, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row { font-size: 12px; } /* line 929, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row div:nth-of-type(1) { display: block; border-bottom: 0px; padding-bottom: 0px; } /* line 935, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row div:nth-of-type(2) { display: block; text-align: left; padding-top: 0px; } /* line 943, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(1), .roi-base .roi-list .roi-list-row:nth-of-type(2) { font-size: 16px; } /* line 951, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-list .roi-list-row:nth-of-type(1) div:nth-of-type(2) { border-top: 0px; } /* line 962, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-chart { max-width: 100%; padding-top: 28px; } /* line 968, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs { padding-top: 20px; font-size: 12px; } /* line 972, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs .roi-img { display: block; } /* line 977, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6), .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7) { padding-right: 15px; } /* line 987, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6):after, .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7):after { content: ""; margin-top: 4px; margin-left: 9px; position: absolute; height: 10px; border-right: 1px #000000 solid; } /* line 1000, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe { padding-right: 0px; } /* line 1004, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe:after { content: none; } /* line 1012, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img img { height: 15px; } /* line 1020, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data { font-size: 12px; } /* line 1025, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-benefit-info { padding-top: 20px; font-size: 13px; } /* line 1039, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data input { top: 0px; font-size: 17px; } /* line 1045, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data label { font-size: 12px; } /* line 1052, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row label { text-align: left; } /* line 1058, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-validation-msg { margin-top: 5px; } /* line 1067, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox label, .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox label { font-size: 12px; } /* line 1070, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox label:after, .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox label:after { font-size: 14px; } /* line 1077, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox { padding-top: 20px; padding-bottom: 20px; } /* line 1083, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox { padding-bottom: 20px; } /* line 1096, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-email-base-area.roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox { padding-top: 20px; } /* line 1104, C:/Data/zfsp/scss/zfsp-modules/_zfsp-roi.scss */ .roi-base .roi-table { border-spacing: 0px 10px; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-loader.scss */ .loader-overlay { display: none; } /* line 6, C:/Data/zfsp/scss/zfsp-modules/_zfsp-loader.scss */ .loader { position: relative; } /* line 10, C:/Data/zfsp/scss/zfsp-modules/_zfsp-loader.scss */ .loader .loader-overlay { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background-color: white; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-loader.scss */ .loader .loader-overlay .loader-overlay-content { position: absolute; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; left: 0; right: 0; text-align: center; } /* line 33, C:/Data/zfsp/scss/zfsp-modules/_zfsp-loader.scss */ .loader .loader-overlay .loader-overlay-content .loader-icon { width: 32px; height: 32px; display: inline-block; background: url('../images/ajax-loader/ajax-loader.gif') no-repeat; } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-microsite.scss */ .is-microsite header .top_row { height: 50px; } /* line 5, C:/Data/zfsp/scss/zfsp-modules/_zfsp-microsite.scss */ .is-microsite header .top_row .meta_contact { margin-right: 0px; } /* line 10, C:/Data/zfsp/scss/zfsp-modules/_zfsp-microsite.scss */ .is-microsite .main_nav_desktop .zfsp_mainnavigation_wrapper { margin-left: 0; } /* line 15, C:/Data/zfsp/scss/zfsp-modules/_zfsp-microsite.scss */ .is-microsite footer .footer_social .footer_contact { padding-top: 10px; } @media screen and (max-width: 1023px) { /* line 25, C:/Data/zfsp/scss/zfsp-modules/_zfsp-microsite.scss */ .is-microsite body { background-image: none; background-color: white; } } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper { /* Fuer IE 11 Hack damit der Checked Status aktualisiert wird. */ } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper select { background-image: url('../images/assets/arrow-select.png'); background-position: right 50%; -o-background-size: inherit; background-size: inherit; padding-right: 0; display: block; } /* line 13, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input[name="s"] { display: none; } /* line 18, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input[type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe !important; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input[type="radio"] + label { margin-left: 5px; } /* line 29, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper textarea { font-size: 14px; } /* line 35, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input[type="checkbox"]:checked + label { background: transparent; } /* line 42, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper select.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 54, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper textarea.notvalid { border-color: #c38ec4; border-width: 2px; -webkit-box-shadow: none; box-shadow: none; } /* line 76, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper input:invalid { -webkit-box-shadow: none; box-shadow: none; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-validation-msg { position: absolute; margin-top: -12px; font-size: 10px; color: #c38ec4; } /* line 91, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-field-radios .gf-validation-msg { margin-top: -10px; } /* line 97, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-field-checkboxes { padding-bottom: 0.5rem; } /* line 101, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-field-checkboxes .gf-validation-msg { margin-top: -2px; } /* line 109, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-dataprotection-area label { display: block; } /* line 115, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-headline { font-size: 1.75rem; font-weight: bold; line-height: 30px; } /* line 122, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper legend { font-size: 0.875rem; margin-bottom: 0px; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-form-success { font-size: 0.875rem; display: none; } /* line 134, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-form-error { font-size: 0.875rem; display: none; } /* line 140, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .gf-paragraph { font-size: 0.875rem; } /* line 145, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .form-fieldset-dependency { display: none; } /* line 150, C:/Data/zfsp/scss/zfsp-modules/_zfsp-generic-form.scss */ .generic-form-wrapper .button-group { padding-top: 10px; } /* line 1, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 999; display: none; top: 0; color: white; padding-top: 25px; } /* line 14, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_close { text-align: right; padding-bottom: 15px; padding-right: 20px; } /* line 20, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_close .close_country_select { color: white; } /* line 24, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_close .close_country_select span { font-size: 28px; position: relative; top: 4px; padding-left: 10px; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_bottom p { margin-bottom: 5px; } /* line 41, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_bottom a { font-size: 0.875rem; } /* line 45, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_bottom a:after { content: ""; background-image: url('../icons-rebranch/link-arrow-blue-1.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 10px; width: 20px; } /* line 59, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs_bottom div :first-child { margin-top: 25px; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps a { color: #00abe7; } /* line 71, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps p { font-size: 0.875rem; line-height: 1.5; } /* line 77, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs-h2 { font-weight: bold; line-height: 1; font-size: 2.5rem; margin-bottom: 0px; } /* line 85, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs-h3 { line-height: 1.5rem; margin-bottom: 0px; font-size: 1.25rem; } /* line 92, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs-bold { font-weight: bold; } /* line 97, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .link-list { list-style-type: none; margin-left: 0; margin-bottom: 0; font-size: 0.875rem; /*line-height: 2.2;*/ line-height: 1.2; } /* line 106, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .link-list li { margin-bottom: 20px; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .link-list a:after { content: ""; background-image: url('../icons-rebranch/link-arrow-blue-1.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 10px; width: 20px; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .worldmap > img { width: 100%; } /* line 134, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .back-link { font-size: 0.875rem; display: block; margin-top: 20px; } /* line 140, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .back-link:before { content: ""; background-image: url('../icons-rebranch/link-arrow-blue-1.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 10px; width: 10px; margin-right: 5px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; } /* line 160, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step1 { margin-top: 30px; } /* line 164, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step1 .current-portal { margin-bottom: 20px; } /* line 167, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step1 .current-portal a { font-size: 0.875rem; } /* line 173, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step1 .visit-label { margin-top: 40px; margin-bottom: 20px; } /* line 180, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step2 { margin-top: 30px; /* 2 spaltig. */ } /* line 184, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step2 .region-label { margin-bottom: 1.5rem; } /* line 190, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step2 .link-list { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; } /* line 201, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step3 { margin-top: 30px; /* 2 spaltig. */ } /* line 205, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step3 .country-label { margin-bottom: 1.5rem; } /* line 212, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step3 .columns > p { margin-bottom: 1.5rem; } /* line 219, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .step3 .link-list { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; } /* Nur fuer Desktop. */ /* Tablet */ @media screen and (max-width: 1023px) { /* line 241, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs-h2 { font-size: 2.00rem; } } /* Mobile */ @media screen and (max-width: 639px) { /* line 253, C:/Data/zfsp/scss/zfsp-modules/_zfsp-country-switch-steps.scss */ .zfsp_country_switch_steps .cs-h2 { font-size: 1.75rem; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps { display: block; /* todo das hier raus? */ background-color: #1179bf; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 35px; } /* line 13, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; max-width: 600px; margin-left: auto; margin-right: auto; } /* line 22, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step { opacity: 0.4; } /* line 26, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.active { opacity: 1; } /* line 36, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.active .step-area .step-icon-area .step-icon .step-icon-inner { background-color: #FFFFFF; color: #1179bf; } /* line 45, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.active .step-label { font-weight: bold; } /* line 59, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.done .step-area .step-icon-area .step-icon .step-icon-inner { background-image: url(''); -o-background-size: 15px 10px; background-size: 15px 10px; background-position: center center; background-repeat: no-repeat; } /* line 66, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.done .step-area .step-icon-area .step-icon .step-icon-inner span { visibility: hidden; } /* line 75, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step.done .step-label { font-weight: normal; } /* line 81, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-label { color: #FFFFFF; font-size: 0.875rem; padding-top: 5px; padding-left: 5px; padding-right: 5px; text-align: center; } /* line 93, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area { position: relative; text-align: center; } /* line 98, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-icon-area { position: relative; } /* line 102, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-icon-area .step-icon { background-color: #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; display: inline-block; color: #1179bf; } /* line 113, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-icon-area .step-icon .step-icon-inner { background-color: #1179bf; -webkit-border-radius: 50%; border-radius: 50%; width: 24px; height: 24px; margin-left: 3px; margin-top: 3px; color: #FFFFFF; font-weight: bold; } /* line 128, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-left { background-color: #FFFFFF; height: 2px; position: absolute; width: -webkit-calc(50% - 25px); width: -moz-calc(50% - 25px); width: calc(50% - 25px); margin-top: 13px; } /* line 136, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-left.active { opacity: 1; } /* line 141, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-left.not-active { opacity: 0.4; } /* line 147, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-right { background-color: #FFFFFF; height: 2px; position: absolute; margin-left: -webkit-calc(50% + 25px); margin-left: -moz-calc(50% + 25px); margin-left: calc(50% + 25px); width: -webkit-calc(50% - 25px); width: -moz-calc(50% - 25px); width: calc(50% - 25px); margin-top: 13px; } /* line 156, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-right.active { opacity: 1; } /* line 161, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-area .step-line-right.not-active { opacity: 0.4; } /* line 169, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .to-step { height: 2px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #FFFFFF; margin-top: 13px; opacity: 0.4; } /* line 177, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .to-step.active { opacity: 1; } /* line 185, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .zfsp-seperator { background: none; border-top: 1px solid #d9d9d9; } /* line 191, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb { background-color: #ededed; border-left: 4px solid #00abe7; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 30px; } /* line 200, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb ul { width: 75%; float: left; margin-bottom: 0px; margin-left: 40px; margin-top: 15px; } /* line 208, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb ul li { display: inline; list-style-type: none; margin-right: 20px; color: #434343; font-size: 1.0rem; font-weight: normal; } /* line 218, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb ul li:after { background-image: url('../icons-rebranch/ico-sprite-2.png'); background-repeat: no-repeat; background-position: -691px -20px; width: 24px; height: 18px; display: inline-block; content: ""; margin-bottom: -3px; margin-left: 18px; } /* line 233, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb ul li.isLast:after { background: none; margin-left: 0px; } /* line 244, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-breadcrumb a.button_change { margin-top: 0; margin-bottom: 0; background-color: #FFFFFF; border-left: 1px solid #d9d9d9; border-top: 0px; border-bottom: 0px; border-right: 0px; color: #00abe7; font-size: 1.0rem; font-weight: bold; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } /* line 268, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form-step-headline { margin-top: 2rem; } /* line 273, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form-step-sub-headline { font-size: 1.25rem; font-weight: bold; margin-top: 20px; } /* line 282, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown { width: 100%; } /* line 286, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul { border-top: 1px solid #d9d9d9; } /* line 290, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li { background-color: #FFFFFF; margin-bottom: 0; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 4px solid #00abe7; background: none; } /* line 303, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.is-submenu-item a { padding-left: 50px; } /* line 309, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li a { font-size: 1.0rem; font-weight: bold; color: #00abe7; } /* line 315, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li a:before { background-image: url('../icons-rebranch/ico-sprite-2.png'); background-repeat: no-repeat; background-position: -265px -20px; width: 24px; height: 18px; display: inline-block; content: ""; margin-bottom: -3px; margin-right: 20px; } /* line 333, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.cf-no-sub-levels > a:before { background-image: none; } /* line 340, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back { padding-left: 15px; background: none !important; } /* line 344, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back a { padding-left: 10px; } /* line 347, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back a:before { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); background-image: url('../icons-rebranch/ico-sprite-2.png'); } /* line 355, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li.selected { background-color: #ededed; } /* line 364, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step01 .is-drilldown ul li:hover { background-color: #ededed; } /* line 377, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step input { padding-top: 30px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; height: auto; font-size: 1rem; } /* line 386, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step select { padding-top: 30px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; height: auto; font-size: 1rem; } /* line 395, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 select[name="yearOfConstruction"] { background-position: right 73%; font-size: 1rem; } /* line 400, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step03 select[name="countryCodeGuid"] { background-position: right 73%; font-size: 1rem; } /* line 405, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 textarea { font-size: 1rem; } /* line 412, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField label { position: relative; } /* line 417, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-in-field-headline { position: absolute; top: 5px; left: 20px; font-size: 11px; color: #949494; } /* line 426, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-in-field-headline.notvalid { color: #dd0c29; } /* line 432, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-valid-icon { position: absolute; right: 15px; top: 25px; display: none; background-image: url(''); -o-background-size: 15px 10px; background-size: 15px 10px; background-position: center center; background-repeat: no-repeat; width: 15px; height: 10px; } /* line 448, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-valid-icon.cf-is-select { right: 55px; } /* line 454, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-notvalid-icon { position: absolute; right: 15px; top: 10px; display: none; color: #dd0c29; font-size: 24px; width: 15px; } /* line 467, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField .cf-notvalid-icon.cf-is-select { right: 55px; } /* line 475, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField.cf-has-no-value .cf-in-field-headline { display: none; } /* line 480, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .cfField.cf-has-no-value input { padding-top: 20px; padding-bottom: 20px; } /* line 488, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label { position: relative; } /* line 492, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label .cf-in-field-headline { position: absolute; top: 5px; left: 20px; font-size: 11px; color: #949494; } /* line 501, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label .cf-in-field-headline.notvalid { color: #dd0c29; } /* line 507, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label textarea { padding-top: 30px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } /* line 515, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label .cf-valid-icon { position: absolute; right: 15px; top: 15px; display: none; background-image: url(''); -o-background-size: 15px 10px; background-size: 15px 10px; background-position: center center; background-repeat: no-repeat; width: 15px; height: 10px; } /* line 532, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label .cf-notvalid-icon { position: absolute; right: 15px; top: 0px; display: none; color: #dd0c29; font-size: 24px; width: 15px; } /* line 548, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label.cf-has-no-value .cf-in-field-headline { display: none; } /* line 553, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .description-label.cf-has-no-value textarea { padding-top: 20px; padding-bottom: 20px; } /* line 561, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 { padding-bottom: 20px; } /* line 565, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 p { font-size: 1.0rem; margin-top: 20px; } /* line 577, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-left-area .cfField.isLast input { margin-bottom: 0px; } /* line 581, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-left-area .cfField.isLast select { margin-bottom: 0px; } /* line 586, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-left-area .cfField.isLast .cf-validation-msg { margin-top: 5px; } /* line 594, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-right-area { display: table; } /* line 598, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-right-area .cfCheckboxes { padding-top: 0px; } /* line 603, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-right-area .description-label { height: 100%; display: table-row; } /* line 608, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-right-area .description-label textarea { height: 100%; } /* line 615, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-file-upload-area { margin-top: 40px; } /* line 622, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-label input { margin-bottom: 0px; } /* line 630, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField { border: 1px solid #cacaca; border-top: none; width: 100%; background-color: #ededed; padding-left: 20px; padding-right: 20px; padding-top: 17px; padding-bottom: 17px; margin-bottom: 16px; } /* line 645, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeKM { display: inline-block; position: relative; border-width: 1px; border-style: solid; border-color: #cacaca; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 10px; padding-right: 30px; background-color: #FFFFFF; color: #000000; font-size: 12px; cursor: pointer; z-index: 4; } /* line 666, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeKM.cf-selected { z-index: 5; margin-right: -25px; padding-right: 10px; border-color: #00abe7; background-color: #00abe7; color: #FFFFFF; } /* line 679, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeMiles { display: inline-block; position: relative; border-width: 1px; border-style: solid; border-color: #cacaca; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 30px; padding-right: 10px; background-color: #FFFFFF; color: #000000; font-size: 12px; cursor: pointer; z-index: 4; } /* line 700, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeMiles.cf-selected { z-index: 5; margin-left: -25px; padding-left: 10px; border-color: #00abe7; background-color: #00abe7; color: #FFFFFF; } /* line 715, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area { background-color: #ededed; border: none; padding-top: 30px; padding-bottom: 50px; padding-left: 15px; padding-right: 15px; margin-top: 20px; } /* line 726, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text { display: block; margin: 0 0; text-align: center; } /* line 732, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .icon { display: inline-block; vertical-align: baseline; padding-right: 0px; margin-bottom: 15px; } /* line 739, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .icon .upload-image { /* TODO richtiges icon als background. */ } /* line 745, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text { display: block; vertical-align: baseline; } /* line 750, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .infoText { font-size: 1rem; } /* line 755, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .maxFiles { font-size: 1rem; color: #777777; } /* line 762, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .cf-button { display: inline-block; -webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; margin-top: 30px; background-color: #FFFFFF; color: #00abe7; font-weight: bold; } /* line 778, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-errors { margin-top: 20px; font-size: 1rem; } /* line 787, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-uploaded-files tr { border: none; } /* line 791, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-uploaded-files tr td { padding-right: 10px; } /* line 803, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step03 .cf-dataprotection-area label { color: #949494; } /* line 810, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step04 { padding-bottom: 20px; } /* line 817, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step.form_step03_wrapper > p { font-size: 1.0rem; margin-top: 20px; } /* line 826, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step.form_step04_wrapper .cf-bottom-info-text { color: #949494; font-size: 1.0rem; margin-bottom: 40px; } /* line 837, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group hr { margin-bottom: 40px; border-bottom: 1px solid #d9d9d9; } /* line 847, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.next { background-color: #00abe7; -webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); font-size: 1rem; font-weight: bold; padding-left: 30px; padding-right: 60px; padding-top: 20px; padding-bottom: 20px; } /* line 860, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.next:after { margin-left: 30px; } /* line 866, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.prev { background-color: #FFFFFF; -webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); color: #00abe7; font-size: 1rem; font-weight: bold; padding-left: 60px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } /* line 880, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.prev:before { background-image: url('../icons-rebranch/ico-sprite-2.png'); margin-left: -37px; background-position: -265px -21px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 900, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ #cf-changeDialog button.button.confirm { background-color: #00abe7; -webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); font-size: 1rem; font-weight: bold; padding-left: 30px; padding-right: 60px; padding-top: 20px; padding-bottom: 20px; } /* line 913, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ #cf-changeDialog button.button.confirm:after { margin-left: 30px; } /* line 919, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ #cf-changeDialog button.button.abort { background-color: #FFFFFF; -webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1); color: #00abe7; font-size: 1rem; font-weight: bold; padding-left: 60px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } /* line 933, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ #cf-changeDialog button.button.abort:before { background-image: url('../icons-rebranch/ico-sprite-2.png'); margin-left: -37px; background-position: -265px -21px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (max-width: 1023px) { /* line 951, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step h4 { font-weight: bold; font-size: 1.25rem; } /* line 959, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-second-area { margin-top: 0px; } /* line 964, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-right-area { margin-top: 20px; } } @media screen and (max-width: 639px) { /* line 977, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps { margin-left: -20px; margin-right: -20px; } /* line 986, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .status-bar-steps .steps .step .step-label { font-size: 0.6rem; } /* line 996, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form-step-headline { font-size: 1.15rem; margin-bottom: 0px; } /* line 1002, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form-step-sub-headline { font-size: 0.875rem; margin-bottom: 30px; } /* line 1008, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step h4 { font-size: 0.875rem; } /* line 1015, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 p { font-size: 0.875rem; } /* line 1022, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField { text-align: center; } /* line 1028, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area { padding-top: 15px; padding-bottom: 20px; } /* line 1037, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .infoText { font-size: 0.875rem; } /* line 1042, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .maxFiles { font-size: 0.875rem; } /* line 1048, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .cf-button { font-size: 0.875rem; } /* line 1054, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step .form_step02 .cf-upload-area .cf-upload-errors { font-size: 0.875rem; } /* line 1063, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step.form_step03_wrapper > p { font-size: 0.875rem; } /* line 1071, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .form-step.form_step04_wrapper .cf-bottom-info-text { font-size: 0.875rem; } /* line 1084, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.next { width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 15px; font-size: 0.875rem; } /* line 1094, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.next:after { display: none; } /* line 1100, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.prev { width: 100%; padding-left: 0px; padding-right: 0px; font-size: 0.875rem; } /* line 1108, C:/Data/zfsp/scss/zfsp-modules/_zfsp-contact-form.scss */ .contact_form .button-group a.button.prev:before { display: none; } } /* line 3, C:/Data/zfsp/scss/zfsp-modules/_featherlight-custom.scss */ .featherlight .featherlight-content { overflow: visible; padding: 0; border-bottom: 0; } /* line 7, C:/Data/zfsp/scss/zfsp-modules/_featherlight-custom.scss */ .featherlight .featherlight-content .featherlight-close { background-color: #2870bb; height: 40px; width: 40px; top: -40px; color: white; line-height: 40px; } .main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li { width: 33.33% } .map_section { padding-bottom: 1.25rem; } .map_section h1 { font-size: 1.25rem; } .meta_contact a { color: inherit; } .meta_contact a { color: inherit; } .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .submenu li { text-transform:none } .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li { text-transform: uppercase; } /*folder:css, uid:zfsp_styles_search*/ .sp-search-autocomplete { border: 1px solid #cacaca; max-height: 120px; overflow-x: hidden; overflow-y: auto; font-size: 0.875rem; background: #ffffff none repeat scroll 0 0; list-style: outside none none; margin: 0; outline: 0 none; padding: 0; position: absolute; z-index: 100; } .sp-search-autocomplete .ui-menu-item { cursor: pointer; } .sp-search-autocomplete .ui-menu-item-wrapper { padding: 3px 1em 3px 0.4em; position: relative; } .base-search .search-input .search-input-remove-button { position: relative; top: 7px; left: 0px; width: 32px; margin-left: -35px; } .base-search .search-input .search-button { padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-bottom: 0px; /* Positions Korrektur. */ position: relative; top: 0px; margin-top: -1px; height: 39px; width: 39px; line-height: 14px; background-color: #2870bb; } .base-search .search-input .search-button .magnifier { display: inline-block; margin-top: 1px; height: 25px; width: 25px; background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg"); background-repeat: no-repeat; background-size: contain; } .base-search .search-input input { display: inline-block; height: 39px; font-size: 0.875rem; } .base-search .search-input input::-ms-clear { display: none; } .base-search .base-results .load-more { margin-top: 30px; } .base-search .base-results .load-more .arrow-down { margin-left: 10px; display: inline-block; height: 10px; width: 15px; background-image: url("../images/assets/menu-arrow-down-blue.png"); background-repeat: no-repeat; color: #2770BA; } .base-search .base-results .load-more .button { background-color: #FFFFFF; color: #2770BA; } .base-search .base-results h2 { margin-bottom: 30px; padding-top: 5px; color: #000000; text-transform: none; font-size: 26px; } .base-search .base-results h2 small { color: #000000; text-transform: none; font-size: 26px; } .base-search .base-results .search-results .search-row.promoted-search-row { background-color: #FFFFFF; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(17, 121 ,191); margin-bottom: 30px; } .base-search .base-results .search-results .search-row.promoted-search-row .columns { -webkit-box-shadow: 2px 2px 10px 0px rgba(232,232,232,1); -moz-box-shadow: 2px 2px 10px 0px rgba(232,232,232,1); box-shadow: 2px 2px 10px 0px rgba(232,232,232,1); } .base-search .base-results .search-results .search-row { margin-left: 0px; margin-right: 0px; background-color: #e8e8e8; } .base-search .base-results .search-results .search-row:nth-child(2n) { background-color: #FFFFFF; } .base-search .base-results .search-results .search-row .columns span:first-child { font-size: 1rem; } .base-search .base-results .search-results .search-row .large-12 { padding-top: 25px; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; } .base-search .base-results .search-results .search-row .large-12 p { margin-bottom: 0px; font-size: 14px; } .base-search .base-results .search-results .search-row .large-12 a { font-size: 14px; display: inline-block; word-wrap: break-word; word-break: break-all; } .base-search .base-results .search-results .search-no-result-row { padding-bottom: 30px; font-size: 0.875rem; } .base-search .base-results .search-results em { font-weight: bold; font-style: normal; } .base-search .base-results .search-result-icon { height: 40px; width: 40px; background-repeat: no-repeat; background-size: contain; float: left; margin-right: 10px; margin-top: 0px; } .base-search .search-category-select-label { margin-top: -21px; font-size: 14px; } .base-search .search-input-columns { margin-left: 20px; margin-right: -20px; padding-top: 25px; background-color: #e8e8e8; padding-right: 40px; } .base-search .search-category-columns { padding-top: 25px; background-color: #e8e8e8; margin-right: 20px; margin-left: -20px; padding-left: 20px; } .base-search .search-category-select { margin-top: 3px; } /* Chrome only. */ @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .base-search .search-category-select { margin-top: 3px; } } .base-search .search-category-select .search-select-dropdown { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .base-search .search-category-select .search-select-dropdown.is-open { margin-top: -2px; } .base-search .search-category-select .search-select-dropdown .row { margin-left: 0px; margin-right: 0px; padding-left: 16px; padding-right: 16px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-color: #cacaca; } .base-search .search-category-select .search-select-dropdown label:first-child .row { border-top-width: 0px; } .base-search .search-category-select .search-select-dropdown .row .columns:last-child { padding-right: 0px; } .base-search .search-category-select .search-select-dropdown .row .search-category-icon { height: 35px; width: 40px; background-repeat: no-repeat; background-size: contain; } .base-search .search-category-select .search-select-dropdown .row .search-category-label { padding-top: 3px; } .base-search .search-category-select .search-select-dropdown .row .search-category-checkbox { margin-top: 10px; margin-bottom: 0px; } .base-search .search-category-select .search-select-dropdown .row .columns { padding-left: 0px; } .base-search .search-category-select .search-category-button { width: 100%; height: 39px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border: 1px solid #cacaca; background-color: #FFFFFF; color: #000000; font-size: 0.875rem; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } .base-search .search-category-select .search-category-button .search-category-label { float: left; padding-left: 10px; padding-top: 12px; padding-bottom: 2px; position: absolute; } .base-search .search-category-select .search-category-button .search-category-button-icon { float: right; background-image: url("../images/assets/arrow-select.png"); background-position: 0px -10px; width: 39px; height: 38px; margin-top: -1px; } .base-search .search-category-select .search-category-button.hover .search-category-button-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .base-search .search-category-select .search-select-dropdown .search-category-apply-button:after { background: rgba(0, 0, 0, 0) url("../images/assets/ico-sprite.png") no-repeat scroll -190px 50%; content: ""; display: inline-block; height: 1rem; margin-left: 0.625rem; position: absolute; right: calc(8.33333% - 5px); width: 1rem; } .base-search .search-category-select .search-select-dropdown .search-category-apply-button { background-color: rgba(40, 112, 187, 0.8); font-size: 0.875rem; margin-bottom: 0; text-align: left; padding-left: calc(25% + 9px); width: 100%; } .base-search .search-category-select .search-select-dropdown .search-category-apply-button:hover { background-color: #2870bb; } .base-search .search-category-select .search-category-button .clearfix { clear: both; } .base-search .base-results .results-header .row { margin-right: 0px; margin-left: 0px; background-color: #e8e8e8; } .base-search .base-results .results-header .results-header-last-row { padding-bottom: 12px; } .base-search .base-results .results-header .results-count { padding-right: 0px; font-size: 1.25rem; } .base-search .base-results .results-header .results-count p { margin-bottom: 15px; margin-top: 25px; padding-top: 1px; text-transform: uppercase; font-weight: bold; } .base-search .base-results .results-header .results-header-items .callout-empty { display: inline-block; position: relative; } .base-search .base-results .results-header .results-header-items .callout { padding-left: 8px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 28px; background-color: #FFFFFF; display: inline-block; margin-right: 10px; font-size: 0.875rem; } .base-search .base-results .results-header .results-header-items .callout button { top: 8px; right: 5px; font-size: 24px; } .base-search .base-results .results-header .results-header-items-search-remove { padding-left: 0px; padding-right: 0px; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area { text-align: left; padding-left: 0px; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all { list-style-type: none; margin-left: 0; padding-left: 5px; padding-top: 5px; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all a { font-size: 0.875rem; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all li { list-style-image: url("../images/assets/link-arrow-blue.png"); margin-left: 0.625rem; } .base-search .base-results .results-header .results-header-items-search-remove .search-area { text-align: right; } .base-search .base-results .results-header .results-header-items-search-remove .button { background-color: #2870bb; padding-right: 50px; } .base-search .base-results .results-header .results-header-items-search-remove .button:after { background: rgba(0, 0, 0, 0) url("../images/assets/ico-sprite.png") no-repeat scroll -190px 50%; content: ""; display: inline-block; height: 1rem; margin-left: 1.9375rem; position: absolute; width: 1rem; } .base-search hr { margin-bottom: 40px; margin-top: 0px; } .base-search .search-bottom-info hr { margin-bottom: 40px; } .base-search .search-bottom-info h3 { font-size: 0.875rem; font-weight: bold; text-transform: uppercase; } .base-search .search-bottom-info h3 small { font-size: 0.875rem; font-weight: bold; color: #d5b076; } .base-search .search-bottom-info h3:nth-last-of-type(1) { padding-bottom: 0px; } .base-search .search-bottom-info p { font-size: 0.875rem; } .base-search .base-results .no-results .spell-correction-link { display: block; margin-bottom: 20px; font-size: 0.875rem; } .base-search .base-results .no-results .spell-correction-link:before { content: ""; background-image: url('../icons-rebranch/link-arrow-blue-1.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 10px; width: 20px; } .base-search .base-results .no-results { padding-top: 0px; padding-bottom: 20px; } .base-search .base-results .no-results h3 { font-size: 26px; font-weight: bold; text-transform: uppercase; } .base-search .base-results .no-results h3 small { font-size: 26px; font-weight: bold; color: #d5b076; } .base-search .base-results .no-results h3:nth-last-of-type(1) { padding-bottom: 20px; } .base-search .base-results .no-results .no-results-left-right p, .base-search .base-results .no-results .no-results-left-right a { font-size: 0.875rem; } .base-search .base-results .no-results .no-results-left-right h3 { padding-bottom: 20px; text-transform: uppercase; } .base-search .base-results .no-results .no-results-left-right ul { list-style-image: url("../images/assets/link-arrow-blue.png"); } .base-search .search-category-select .search-select-dropdown .is-first { border-top-width: 0px; padding: 0px; } .base-search .search-category-select .search-select-dropdown .is-first .columns { padding-right: 0px; } @media screen and (max-width: 1023px) { .base-search .base-results h2 small { font-size: 1.5rem; } .base-search .search-bottom-info h3 { font-size: 1.5rem; } .base-search .search-bottom-info h3 small { font-size: 1.5rem; } .base-search .base-results .no-results h3 { font-size: 1.5rem; } .base-search .base-results .no-results h3 small { font-size: 1.5rem; } .base-search .base-results .no-results .no-results-left-right h3 { font-size: 1.5rem; } .base-search { margin-left: -35px; margin-right: -15px; } .base-search .search-input-columns { margin-right: 0px; } .base-search .search-category-columns { margin-right: 0px; padding-left: 0px; } .base-search .results-header { padding-right: 0px; } .base-search .search-header .search-bottom-info { padding-right: 0px; } .base-search .search-header .search-bottom-info > h3 { padding-left: 20px; } .base-search .search-header .search-bottom-info > p { padding-left: 20px; padding-right: 20px; } .base-search .base-results .no-results { padding-right: 0px; } .base-search .base-results .no-results > h3, .base-search .base-results .no-results .spell-correction-link { padding-left: 20px; } .base-search .base-results .no-results .no-results-left-right { margin-right: 0px; margin-left: 0px; } .base-search .base-results .search-categories-results { padding-right: 0px; } .base-search .base-results .search-results .search-no-result-row { margin-left: 0px; margin-right: 0px; } .base-search .base-results .load-more { margin-left: 0px; margin-right: 0px; } .base-search .base-results .search-categories-results > h2 { padding-left: 20px; } .base-search .base-results .search-categories-results .search-result-icon { margin-left: 20px; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area { padding-left: 0px; margin-left: -8px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .base-search .base-results .results-header .row { margin-top: -1px; padding-top: 1px; } } @media screen and (max-width: 639px) { .base-search .search-category-columns { margin-right: 0px; margin-left: 20px; padding-left: 20px; padding-top: 0px; } .base-search .search-input-columns { padding-right: 20px; margin-right: 0px; margin-left: 20px; } .base-search .search-header-sub { margin-right: 40px; } .base-search .search-category-select .search-category-button { max-width: none; } .base-search .search-category-select .dropdown-pane { max-width: none; width: 100%; } .base-search .base-results h2 small { font-size: 1.25rem; } .base-search .search-bottom-info h3 { font-size: 1.25rem; } .base-search .search-bottom-info h3 small { font-size: 1.25rem; } .base-search .search-bottom-info p { font-size: 14px; } .base-search .base-results .search-results .search-no-result-row { font-size: 14px; } .base-search .base-results .no-results h3 { font-size: 1.25rem; } .base-search .base-results .no-results h3 small { font-size: 1.25rem; } .base-search .base-results .no-results .no-results-left-right h3 { font-size: 1.25rem; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area { padding-left: 20px; } .base-search .search-category-select .search-select-dropdown { left: 0px; right: 0px; } .base-search { margin-left: -20px; margin-right: 0px; } .base-search .search-header-sub { margin-right: 20px; } .base-search .base-results .results-header .results-header-items-search-remove .remove-all-area { padding-left: 20px; margin-left: 0px; } } /*folder:css, uid:zfsp_styles_mdi*/ .zfsp_breadcrumbs li.last .breadcrumb_children { z-index: 9999; } .main_nav_mobile .mainNavigation-parent-back { font-size: 12px; border-bottom: 1px solid #9a9a9a !important; display: block; background-color: #FFFFFF !important; padding-left: 0px !important; } .main_nav_mobile .mainNavigation-parent-back a { text-transform: uppercase; color: black; display: block; padding: 0.7rem 1rem; line-height: 1; } .main_nav_mobile .mainNavigation-parent-back .left-area { float: left; padding-left: 16px; padding-top: 6px; margin-top: 0px; } .main_nav_mobile .mainNavigation-parent-back .left-arrow { width: 0; height: 0; border: inset 0.375rem; border-color: transparent black transparent transparent; border-right-style: solid; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .main_nav_mobile .mainNavigation-parent-back .right-area { padding-left: 18px; } .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode { text-transform: uppercase; } .main_nav_mobile .zfsp_mainnavigation_wrapper .mainNavigation { overflow: auto; height: 100%; overflow-x: hidden; overflow-y: visible; } .main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .menu { overflow: auto; overflow-x: hidden; } .zfsp_tilenavigation .searchwrapper .catselect { margin-right: 15px; width: calc(50% - 55px); font-size: 0.875rem; font-weight: normal; line-height: 1.8; } @media screen and (max-width: 639px) { .zfsp_tilenavigation .searchwrapper .catselect { width: calc(100% - 55px); } } header .meta .meta_current_lang a { color: inherit; } header .meta section#lang_opts ul.meta_language_select { height: auto; max-height: 15.625rem; } footer .col_headline.footer-links ul { min-height: 150px; } .zfsp_category_icon_black_webcat { background-image: url('../images/assets/svg-1/bn-icon-multyletters-cmyk-black-201512-un.svg'); } .zfsp_category_icon_black_media { background-image: url('../images/assets/svg-1/bn-icon-multyletters-cmyk-black-201512-un.svg'); } .cookie-popup { z-index: 500; position: fixed; bottom: 0px; width: 100%; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.8); } .cookie-popup .row { background-color: transparent; padding-bottom: 15px; } .cookie-popup .row .cookie-popup-text { font-size: 0.9rem; } .cookie-popup .row .cookie-popup-text p { margin-bottom: 0px; } .cookie-popup .row .cookie-popup-button { text-align: right; } .cookie-popup .row .cookie-popup-button a { width: 100%; margin-bottom: 0px; background-color: #2870bb; white-space: nowrap; text-align:left; } .cookie-popup .row .cookie-popup-button a .cookie-popup-button-text { float: left; } .cookie-popup .row .cookie-popup-button a .cookie-popup-button-icon { background-image: url('../images/assets/ico-arrow-right-white.png'); background-repeat: no-repeat; background-size: 5px; display: inline-block; width: 10px; height: 10px; margin-top: 3px; float: right; } .zfsp_tilenavigation .metatile .icon.custom_login { background-image: url("../images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg"); } .image-map .image-map-tip .tip_wrapper { display: block; } .image-map .image-map-icon { cursor: pointer; } .image-map .image-map-tip .tip_wrapper p { margin-bottom: 0px; } .image-map .image-map-tip .tip_wrapper .tip_text p { margin-bottom: 16px; } .image-map-info .image-map-list li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 12px; } .image-map-info .image-map-list .map-list-item a { text-decoration: none; } .image-map-info .image-map-list .map-list-item a:hover { text-decoration: underline; } .image-map-accordion .accordion-item .accordion-content .linklist li { margin-left: 12px; } .image-map-accordion .accordion-item .accordion-content .linklist li a:hover { text-decoration: underline; } .image-map .image-map-tip .tip_wrapper .linklist { margin-bottom: 0px; margin-left: 0px; } .image-map .image-map-tip .tip_wrapper .linklist li { list-style-image: url('../images/assets/link-arrow-blue.png'); margin-left: 12px; } .image-map .image-map-tip .tip_wrapper .linklist li a:hover { text-decoration: underline; } .image-map-info .image-map-list { margin-top: 20px; } @media screen and (max-width: 639px) { .image-map-info .image-map-list { margin-top: 0px; } } .zfsp_country_select { padding-top: 5px; } .zfsp_country_select .cs-h2 { font-weight: bold; line-height: 1; font-size: 2.5rem; margin-bottom: 0px; } .zfsp_country_select .cs-h3 { line-height: 1.5rem; margin-bottom: 0px; } .zfsp_country_select .cs_close .close_country_select::after { background-image: none; } .zfsp_country_select .cs_close .close_country_select span { font-size: 28px; position: relative; top: 4px; padding-left: 10px; } .zfsp_country_select .cs_close { text-align: right; padding-bottom: 15px; padding-right: 0px; } @media screen and (min-width: 1023px) { .zfsp_country_select { padding-top: 25px; } .zfsp_country_select .cs_bottom { position: relative; top: -100px; } .zfsp_country_select .country_list ul { padding-bottom: 60px; } } .zfsp_country_select .hl_white, .zfsp_country_select .hl_gold { text-transform: uppercase; } .zfsp_country_select .portal_label { text-transform: uppercase; } .zfsp_country_select.isBrand .hl_white, .zfsp_country_select.isBrand .hl_gold { text-transform: none; } .zfsp_country_select.isBrand .portal_label { text-transform: none; } @media screen and (max-width: 1023px) { .zfsp_country_select .hl_white, .zfsp_country_select .hl_gold { font-size: 2.00rem; } .zfsp_country_select .tabletMobile p, .zfsp_country_select .mapholder h3.hl_white, .zfsp_country_select .cs_bottom div p, .zfsp_country_select .mapholder .cs-h3.hl_white { font-size: 14px; } .zfsp_country_select .mapholder .cs-h3.hl_white { line-height: 20px; } } @media screen and (max-width: 639px) { .zfsp_country_select .hl_white, .zfsp_country_select .hl_gold { font-size: 1.75rem; } .zfsp_country_select .mapholder { margin-top: 10px; } .zfsp_country_select .mapholder .cs-h3.hl_white { line-height: 18px; } } .zfsp_country_select .current_portal { margin-bottom: 20px; } .zfsp_country_select .current_portal p { margin-bottom: 8px; } .zfsp_country_select .portal_label { font-size: 18px; } .zfsp_country_select .portal_link, .zfsp_country_select .mapholder navigation.country_list ul li a { color: #d5b076; font-size: 18px; } .zfsp_country_select .mapholder p a { color: #d5b076; } .zfsp_country_select .mapholder .hl_white { font-size: 16px; text-transform: none; font-weight: normal; padding-top: 30px; } .zfsp_country_select .cs_bottom div:first-child { margin-top: 25px; } .zfsp_country_select .cs_bottom p { font-size: 16px; margin-bottom: 5px; } .zfsp_country_select .cs_bottom a { font-size: 18px; } .zfsp_country_select .cs_bottom a::after { content: ""; background-image: url('../images/assets/ico-arrow-right-orange.png'); background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 13px; width: 30px; } header .meta.mobile .mobile_meta_world { background-size: 1.875rem 1.875rem; height: 1.875rem; width: 1.875rem; display: inline-block; background-image: url('../images/assets/svg-1/bn-icon-worldmap-rgb-blue-201601-un.svg'); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } footer .footer_social .sm_navigation .bg_fade ul li { float: none; width: auto; position: static; margin-right: 0px; background-color: transparent; } .sm_navigation .linkpanel a { white-space: nowrap; } footer .footer_social .sm_navigation ul li .linkpanel a { color: #2770BA; } footer .footer_social .sm_navigation ul li .linkpanel a:hover { text-decoration: underline; background-color: transparent; } .zfsp_onsite_search { margin-bottom: 1.25rem; } .zfsp_onsite_search .zfsp_onsite_search_area { background-color: #e8e8e8; padding-left: 20px; padding-right: 20px; padding-top: 20px; } .zfsp_onsite_search h3 { margin-bottom: 20px; } .zfsp_onsite_search form { text-align: right; } .zfsp_onsite_search .button { padding-right: 60px; background-color: rgba(40, 112, 187, 0.8); background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg"); background-repeat: no-repeat; background-size: contain; background-position: 85%; margin-bottom: 20px; } .zfsp_onsite_search .button .magnifier { display: inline-block; background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg"); background-repeat: no-repeat; color: white; height: 30px; width: 33px; margin-left: 30px; margin-top: -7px; position: absolute; z-index: 2; } .zfsp_onsite_search .catselect { background-image: url("../images/assets/arrow-select.png"); background-position: right 50%; background-size: inherit; padding-right: 0; } .zfsp_linklist { margin-top: 20px; } .zfsp_table { margin-top: 20px; } .footernav_meta_mobile .footernav_contact { top: 0px; } .footernav_meta_mobile .footernav_sharepage { margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; height: 34px; border-width: 0px; font-size: 14px; background-color: transparent; background-image: url("../images/assets/button-arrow-grey-with-bg.png"); background-position: right 50%; background-size: inherit; padding-right: 3px; } header .meta .top_row.noNavigation { justify-content: flex-end; } header .meta .top_row.noNavigation .meta_current_lang { margin-right: 0px; } .zfsp_teaser.standard_teaser .text_wrapper .linklist li.hasCta { list-style-image: none; margin-left: 0px; } .zfsp_tilenavigation .tile .linktext { display: inline-flex; align-items: center; padding-top: 0px; padding-bottom: 0px; } map area { outline: none; } .contact_form textarea.notvalid { border-color:#c38ec4; border-width: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact_form select.notvalid { border-color:#c38ec4; border-width: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact_form input.notvalid { border-color:#c38ec4; border-width: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact_form input:invalid { box-shadow: none; } .contact_form .cf-validation-msg { position: absolute; margin-top: -12px; font-size: 10px; color: #c38ec4; } .contact_form .form_step02 .cfCheckboxes, .contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes { margin-bottom: 16px; } .contact_form .status_bar.mobile .step_1, .contact_form .status_bar.mobile .step_2, .contact_form .status_bar.mobile .step_3 { border-radius: 50%; background-color: #d5b076; width: 30px; height: 30px; min-height: auto; min-width: auto; opacity: 0.4; padding-top: 7px; color: #FFFFFF; } .contact_form .status_bar.mobile .step_1.active, .contact_form .status_bar.mobile .step_2.active, .contact_form .status_bar.mobile .step_3.active { opacity: 1; } .contact_form .status_bar.mobile .to_step_02, .contact_form .status_bar.mobile .to_step_03 { margin-top: 13px; height: 4px; } .contact_form .status_bar.mobile { border: 0px; margin-bottom: 0px; padding-bottom: 20px; } .contact_form .status_bar.mobile .middle-bar-area-left { margin-left: 40px; padding-right: 53px; } .contact_form .status_bar.mobile .middle-bar-area-right { padding-right: 40px; } .contact_form .status_bar.mobile .middle-bar-area-left .middle-bar-left { top: 1px; } .contact_form .status_bar.mobile .middle-bar-area-right .middle-bar-right { top: -7px; } .contact_form .zfsp-seperator-clearfix { clear: both; } .contact_form input[name="s"] { display: none; } .contact_form .cf-upload-area { border: dashed 1px #b0b0b0; margin-bottom: 20px; padding: 10px; cursor: pointer; } .contact_form .cf-upload-icon-text { display: table; margin: 0 auto; } .contact_form .cf-upload-icon-text .icon { display: table-cell; vertical-align: middle; padding-right: 5px; } .contact_form .cf-upload-icon-text .icon .upload-image { background-image: url('../images/assets/contact-form-upload.png'); width: 49px; height: 49px; } .contact_form .cf-upload-icon-text .text { display: table-cell; vertical-align:middle; } .contact_form .cf-upload-icon-text .text .infoText { font-size: 0.875rem; } .contact_form .cf-upload-icon-text .text .maxFiles { color: #b0b0b0; font-size: 0.875rem; } .contact_form .cf-upload-errors { color: red; font-size: 0.875rem; } .contact_form .cf-upload-progress { margin-top: 16px; display: none; } .contact_form .cf-uploaded-files { width: auto; margin: 0 auto; margin-top: 16px; margin-bottom: 16px; font-size: 0.875rem; display: none; } .contact_form .cf-uploaded-files tbody { border:0px; } .contact_form .cf-uploaded-files tr { border-top: 1px dashed #b0b0b0; border-bottom: 1px dashed #b0b0b0; } .contact_form .cf-uploaded-files tr:nth-child(2n) { background-color: transparent; } .contact_form .cf-uploaded-files a { font-size: 20px; color: #000000; } .contact_form .cf-file-upload { display: none; } .contact_form nav { margin-top: 0px; } .contact_form nav .zfsp_breadcrumb_contact_form li { font-size: 0.875rem; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step { background-image: none; border-radius: 50%; background-color: #d5b076; width: 20px; height: 20px; margin-top: 12px; padding-top: 0px; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step { max-width: 17rem; margin-right: -1px; margin-left: -1px; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type { margin-left: 22px; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea { position: absolute; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea { margin-top: 38px; } .contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea span { position: relative; left: -50%; font-size: 0.875rem; } .contact_form .status_bar { display: block; } .contact_form .status_bar .status-area { display: flex; position: relative; } .contact_form .status_bar .status-area .step { padding-top: 0px; } .contact_form .status_bar .status-area .step .step-area { position: relative; height: 56px; margin-bottom: 10px; } .contact_form .status_bar .status-area .step .step-area .step-line-left { position: absolute; margin-top: 25px; background-color: #d5b076; height: 8px; width: 50%; opacity: 0.4; } .contact_form .status_bar .status-area .step .step-area .step-line-right { position: absolute; margin-top: 25px; background-color: #d5b076; height: 8px; margin-left: 50%; width: 50%; opacity: 0.4; } .contact_form .status_bar .status-area .step .step-area .step-line-left.active { opacity: 1; } .contact_form .status_bar .status-area .step .step-area .step-line-right.active { opacity: 1; } .contact_form .status_bar .status-area .step .step-area .step-icon-area { position: absolute; margin-left: calc(50% - 28px); background-color: #FFFFFF; } .contact_form .status_bar .status-area .step .step-area .step-icon-area .step-icon { border-radius: 50%; height: 56px; width: 56px; background-color: #d5b076; background-size: 36px 36px; background-repeat: no-repeat; background-position: center; opacity: 0.4; } .contact_form .status_bar .status-area .step.active .step-area .step-icon-area .step-icon { opacity: 1; } .contact_form .status_bar .status-area .step .step-text { color: #d9d9d9; font-size: 0.875rem; } .contact_form .status_bar .status-area .step.active .step-text { color: #000000; font-size: 0.875rem; } .contact_form .status_bar .status-area .step_1 .step-area .step-icon-area .step-icon { background-image: url('../images/assets/zf-contact-form-bar-step1-icon.png'); } .contact_form .status_bar .status-area .step_2 .step-area .step-icon-area .step-icon { background-image: url('../images/assets/zf-contact-form-bar-step2-icon.png'); } .contact_form .status_bar .status-area .step_3 .step-area .step-icon-area .step-icon { background-image: url('../images/assets/zf-contact-form-bar-step3-icon.png'); } .contact_form .status_bar.mobile .step { padding-top: 7px; } .contact_form .is-drilldown li { background-size: 7px auto; } .contact_form .is-drilldown li a { font-size: 0.875rem; } .contact_form .is-drilldown li.js-drilldown-back { display: none !important; } .contact_form .is-drilldown li.cf-level-back { background-color: #FFFFFF; padding-left: 31px; background-image: url('../images/assets/button-arrow-grey-rev.png') !important; background-origin: content-box; background-position: left 12px; background-repeat: no-repeat; background-size: 7px auto; } .contact_form .is-drilldown li.cf-level-back a { padding-left: 26px; } .contact_form .is-drilldown li { margin-bottom: 3px; } .contact_form .is-drilldown li a { color: #000000; } .contact_form .form_step01 .dropdown li a { font-size: 0.875rem; } .contact_form .form_step01 .dropdown li[role="menuitem"] a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li a, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"] .submenu > li a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li a, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"] .submenu > li .submenu > li a { color: #000000; } .contact_form .form_step01 .dropdown li[role="menuitem"]:hover:after, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"]:after { height: 100%; } .contact_form .form_step01 .dropdown li[role="menuitem"].isLastLevel:hover:after, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"].isLastLevel:after { border: 0px; } .contact_form .form_step01 .dropdown li[role="menuitem"]:hover:after, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"]:after { border-width: 23px; } .contact_form .form_step01 .dropdown li[role="menuitem"]:hover, .contact_form .form_step01 .dropdown li.is-active[role="menuitem"] { background-size: 10px auto; } .contact_form .form_step01 .dropdown li[role="menuitem"] { background-size: 7px auto; } .contact_form .status_bar .step { z-index: 2; text-transform: uppercase; opacity: 1; } .contact_form h3 { text-transform: uppercase; font-size: 1.5rem; } .contact_form h4 { text-transform: uppercase; font-size: 1.25rem; } .contact_form .form_step02 .row:nth-child(1), .contact_form .form_step03 .row:nth-child(1) { padding-top: 20px; } .contact_form .form_step03 .cf-second-area > .row { padding-top: 0px; } .contact_form .form_step03 select[name="countryCodeGuid"], .contact_form .form_step02 select[name="yearOfConstruction"] { display: block; font-size: 0.875rem; } .contact_form .form_step01, .contact_form .form_step02 { padding-bottom: 50px; } .contact_form .form_step03 .sub-label { margin-bottom: 35px; } .contact_form .form_step03 .cf-dataprotection-area { padding-top: 10px; } .contact_form .form_step03 .cf-dataprotection-area label { display: block; } .contact_form .form_step03 .cf-dataprotection-area .cf-validation-msg { margin-top: 0px; } .contact_form .form_step02 textarea { min-height: 200px; font-size: 14px; padding-left: 16px; padding-right: 16px; } .contact_form .form_step02 select[name="yearOfConstruction"], .contact_form .form_step03 select[name="countryCodeGuid"] { background-image: url("../images/assets/arrow-select.png"); background-position: right 50%; background-size: inherit; padding-right: 0; } .contact_form .form_step01 .is-drilldown li.selected, .contact_form .form_step01 .is-drilldown li:hover { background-color: #2870bb; } .contact_form .form_step01 .is-drilldown li.selected a, .contact_form .form_step01 .is-drilldown li:hover > a { color: #FFFFFF; } .contact_form hr { margin-top: 0px; margin-bottom: 15px; } .contact_form .form_step02 .cfMileAgeTypeField { display: inline; float: right; } .contact_form .form_step02 .cfMileAgeTypeField .clearFloat { clear: both; } .contact_form .form_step02 .cfMileAgeTypeField input { margin-bottom: 0px; } .contact_form .form_step02 .cfMileAgeTypeField label { margin-right: 5px; } .contact_form .form_step02_wrapper .button_change, .contact_form .form_step03_wrapper .button_change { background-color: #2870bb; } .contact_form .form_step02_wrapper .step2-headline { margin-bottom: 20px; } .contact_form .form_step03 [type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe; } .contact_form .form_step02 [type="checkbox"] + label:before { border: 1px solid #cacaca !important; background-color: #fefefe; } .contact_form .form_step02 .cfCheckboxes { padding-top: 8px; } #cf-changeDialog { padding: 24px; } #cf-changeDialog p { font-size: 0.875rem; } #cf-changeDialog .button.confirm, #cf-changeDialog .button.abort { background-color: #2870bb; margin-bottom: 0px; } #cf-changeDialog .button.confirm span, #cf-changeDialog .button.abort span { display: inline-block; min-width: 30px; } #cf-changeDialog .button.confirm { padding-right: 50px; } #cf-changeDialog .button.confirm span:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 31px; position: absolute; } #cf-changeDialog .button.abort { background-color: #b0b0b0; padding-left: 50px; } #cf-changeDialog .button.abort:before { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat; content: ""; margin-left: -39px; position: absolute; } .reveal-overlay { background-color: rgba(10, 10, 10, 0.80); } .contact_form a.button.next { padding-right: 50px; } .contact_form a.button.next:after { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat; content: ""; margin-left: 31px; position: absolute; } .contact_form a.button.prev { padding-left: 50px; } .contact_form a.button.prev:before { height: 1rem; width: 1rem; display: inline-block; background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat; content: ""; margin-left: -39px; position: absolute; } .contact_form .form_step03_wrapper .form_step03 > div { padding-bottom: 50px; } .contact_form .form_step03_wrapper .form_step02_display .cf-spacer { margin-bottom: 36px; } .contact_form .form_step03_wrapper .form_step02_display .cf-second-area { padding-right: 0px; padding-left: 40px; margin-left: -20px; } .contact_form .form_step03_wrapper .form_step02_display .cf-second-area, .contact_form .form_step03_wrapper .form_step02_display .cf-first-area p { overflow: hidden; } .contact_form .form_step03_wrapper .form_step02_display .cf-first-area p { word-wrap: break-word; } .contact_form .form_step03_wrapper .form_step02_display .cf-first-area h4, .contact_form .form_step03_wrapper .form_step02_display .cf-second-area h4 { margin-bottom: 25px; } .contact_form .form_step03_wrapper .form_step02_display .cf-second-area table { font-size: 0.875rem; } .contact_form .form_step03_wrapper .form_step02_display table { width: auto; } .contact_form .form_step03_wrapper .form_step02_display table tbody { border: 0px; } .contact_form .form_step03_wrapper .form_step02_display table tr { background-color: transparent; } .contact_form .form_step03_wrapper .form_step02_display table tr td { padding-left: 0px; padding-bottom: 5px; padding-top: 5px; } .contact_form .form_step03_wrapper .form_step02_display table .cf-table-label { font-weight: bold; } .contact_form .form_step03_wrapper .form_step02_display table .cf-table-space { width: 50px; } .contact_form .form_step03_wrapper .form_step02_display .button.prev { background-color: #2870bb; padding-left: 14px; } .contact_form .form_step03_wrapper .form_step02_display .button.prev:before { background: none; } .contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes { font-size: 0.875rem; } .contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes span { margin-right: 16px; } .contact_form .form_step01_wrapper p, .contact_form .form_step02_wrapper p, .contact_form .form_step02_display p, .contact_form .form_step03_wrapper p { font-size: 0.875rem; } .contact_form .is-drilldown { width: 50%; } .contact_form [type="checkbox"]:checked + label { background: transparent; } @media screen and (min-width: 1023px) { } @media screen and (max-width: 1023px) { .contact_form .status_bar { border: 0px; margin-bottom: 15px; } .contact_form .form_step02 .cf-second-area { margin-top: 30px; } .contact_form h4 { font-weight: normal; margin-bottom: 5px; font-size: 16px; } .contact_form .form_step03 .sub-label { margin-bottom: 5px; } .contact_form .is-drilldown { width: auto; } } @media screen and (max-width: 639px) { .contact_form h3 { margin-bottom: 30px; } .contact_form .is-drilldown { width: auto; } } /* asian lanuage extensions */ html:lang(zh) .content-group h2 { line-height: 1.2; } /*# sourceMappingURL=nonLatinExtension.css.map */ /*../images/zfa-logo-combination-left-a.png ../images/zfa-logo-combination-left-b.png*/