/** Prefix Settings **/ /** BEM Mixins **/ /** Text **/ @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Light-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Light-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Light-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Light-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Light-webfont.svg#robotolight") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-LightItalic-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-LightItalic-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-LightItalic-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-LightItalic-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-LightItalic-webfont.svg#robotolight_italic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Medium-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Medium-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Medium-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Medium-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Medium-webfont.svg#robotomedium") format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-MediumItalic-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-MediumItalic-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-MediumItalic-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-MediumItalic-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Bold-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Bold-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Bold-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Bold-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-Bold-webfont.svg#robotobold") format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-BoldItalic-webfont.eot"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-BoldItalic-webfont.eot?iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-BoldItalic-webfont.woff") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-BoldItalic-webfont.ttf") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Roboto/Roboto-BoldItalic-webfont.svg#robotobold_italic") format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: "Axiforma"; font-weight: 300; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Light.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Light.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Light.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Light.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Light.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 300; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-LightItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-LightItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-LightItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-LightItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-LightItalic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 400; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Book.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Book.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Book.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Book.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Book.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 400; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BookItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BookItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BookItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BookItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BookItalic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 500; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 500; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Regular.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Regular.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Regular.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Regular.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Regular.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 500; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Italic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 600; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Medium.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Medium.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Medium.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Medium.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Medium.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 600; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-MediumItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-MediumItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-MediumItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-MediumItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-MediumItalic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 700; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Bold.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Bold.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Bold.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Bold.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Bold.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 700; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BoldItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BoldItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BoldItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BoldItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BoldItalic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 800; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBold.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBold.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBold.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBold.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBold.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 800; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBoldItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBoldItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBoldItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBoldItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-ExtraBoldItalic.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 900; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Black.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Black.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Black.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Black.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-Black.ttf") format("truetype"); } @font-face { font-family: "Axiforma"; font-weight: 900; font-style: italic; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BlackItalic.eot?#iefix"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BlackItalic.eot?#iefix") format("eot"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BlackItalic.woff2") format("woff2"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BlackItalic.woff") format("woff"), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/Axiforma/AxiformaW05-BlackItalic.ttf") format("truetype"); } @font-face { font-family: "base-icons"; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/base-icons.eot?yw6w4z"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/base-icons.eot?yw6w4z#iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/base-icons.ttf?yw6w4z") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/base-icons.woff?yw6w4z") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base_secunet/Resources/Public/Fonts/base-icons.svg?yw6w4z#base-icons") format('svg'); font-weight: normal; font-style: normal; } .icon, .button.button--back:before, .cookie-hint .cookie-hint__container .cookie-hint__button.button--back:before, .mobile-navigation ul .mobile-navigation__item.mobile-navigation__item--arrow-right > a::after, .mobile-navigation .mobile-navigation__back-btn::before, .news-accordion .news-accordion__icon::before, .news-article .news-article__back-button::before, .related-items .related-items__headline-icon > a::before, .ce-uploads .ce-uploads-icon:after, .newsletter-teaser__icon span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "base-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** Breakpoints **/ /** Navigation-List Variables **/ /** Links **/ /** Headlines Variables **/ /** Trenner **/ /** Akkordeons **/ /** Images **/ /** Tabs **/ /** Breadcrumb **/ /** FORM **/ /** Checkbox **/ /** Radio buttons **/ /** Pagination **/ /** Logo **/ /** Hamburger **/ html, body, div, span, applet, object, iframe, h1, h2, .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, h3, h4, h5, h6, p, .employee-quote .employee-quote__position, .tx-felogin-pi1 .tx-felogin-pi1__message, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color: inherit; line-height: inherit; } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } section.text ul, section.textpic ul, section.bullets ul { list-style: disc; margin-left: 2em; } section.text ol, section.textpic ol, section.bullets ol { list-style: decimal; margin-left: 2em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { font-family: inherit; } .grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .grid:before, .grid:after { content: " "; display: block; } .grid:after { clear: both; } .grid--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid--start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .grid--end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .grid--center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .grid--stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .grid--stretch .grid__column > .csc-default { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .grid__column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 15px; padding-left: 15px; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; float: left; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .grid__column--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .grid__column--xs-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; width: 8.3333333333%; max-width: 8.3333333333%; margin-left: 0; order: 0; } .grid__column--xs-offset-1 { margin-left: 8.3333333333%; } .grid__column--xs-pull-1 { margin-right: -8.3333333333% !important; } .grid__column--xs-order-1 { order: 5 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } .grid__column--xs-offset-2 { margin-left: 16.6666666667%; } .grid__column--xs-pull-2 { margin-right: -16.6666666667% !important; } .grid__column--xs-order-2 { order: 10 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } .grid__column--xs-offset-3 { margin-left: 25%; } .grid__column--xs-pull-3 { margin-right: -25% !important; } .grid__column--xs-order-3 { order: 15 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } .grid__column--xs-offset-4 { margin-left: 33.3333333333%; } .grid__column--xs-pull-4 { margin-right: -33.3333333333% !important; } .grid__column--xs-order-4 { order: 20 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; } .grid__column--xs-offset-5 { margin-left: 41.6666666667%; } .grid__column--xs-pull-5 { margin-right: -41.6666666667% !important; } .grid__column--xs-order-5 { order: 25 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } .grid__column--xs-offset-6 { margin-left: 50%; } .grid__column--xs-pull-6 { margin-right: -50% !important; } .grid__column--xs-order-6 { order: 30 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-7 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; width: 58.3333333333%; max-width: 58.3333333333%; margin-left: 0; order: 0; } .grid__column--xs-offset-7 { margin-left: 58.3333333333%; } .grid__column--xs-pull-7 { margin-right: -58.3333333333% !important; } .grid__column--xs-order-7 { order: 35 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; width: 66.6666666667%; max-width: 66.6666666667%; margin-left: 0; order: 0; } .grid__column--xs-offset-8 { margin-left: 66.6666666667%; } .grid__column--xs-pull-8 { margin-right: -66.6666666667% !important; } .grid__column--xs-order-8 { order: 40 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-9 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } .grid__column--xs-offset-9 { margin-left: 75%; } .grid__column--xs-pull-9 { margin-right: -75% !important; } .grid__column--xs-order-9 { order: 45 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-10 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; width: 83.3333333333%; max-width: 83.3333333333%; margin-left: 0; order: 0; } .grid__column--xs-offset-10 { margin-left: 83.3333333333%; } .grid__column--xs-pull-10 { margin-right: -83.3333333333% !important; } .grid__column--xs-order-10 { order: 50 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-11 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; width: 91.6666666667%; max-width: 91.6666666667%; margin-left: 0; order: 0; } .grid__column--xs-offset-11 { margin-left: 91.6666666667%; } .grid__column--xs-pull-11 { margin-right: -91.6666666667% !important; } .grid__column--xs-order-11 { order: 55 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } .grid__column--xs-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } .grid__column--xs-offset-12 { margin-left: 100%; } .grid__column--xs-pull-12 { margin-right: -100% !important; } .grid__column--xs-order-12 { order: 60 !important; } .grid__column--xs-first { order: -1 !important; } .grid__column--xs-last { order: 100 !important; } @media (min-width: 768px) { .grid__column--sm-offset-1, .grid__column--sm-push-1 { margin-left: 8.3333333333% !important; } .grid__column--sm-pull-1 { margin-right: -8.3333333333% !important; } .grid__column--sm-order-1 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-2, .grid__column--sm-push-2 { margin-left: 16.6666666667% !important; } .grid__column--sm-pull-2 { margin-right: -16.6666666667% !important; } .grid__column--sm-order-2 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 10 !important; -ms-flex-order: 10 !important; order: 10 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-3, .grid__column--sm-push-3 { margin-left: 25% !important; } .grid__column--sm-pull-3 { margin-right: -25% !important; } .grid__column--sm-order-3 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 15 !important; -ms-flex-order: 15 !important; order: 15 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-4, .grid__column--sm-push-4 { margin-left: 33.3333333333% !important; } .grid__column--sm-pull-4 { margin-right: -33.3333333333% !important; } .grid__column--sm-order-4 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 20 !important; -ms-flex-order: 20 !important; order: 20 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-5, .grid__column--sm-push-5 { margin-left: 41.6666666667% !important; } .grid__column--sm-pull-5 { margin-right: -41.6666666667% !important; } .grid__column--sm-order-5 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 25 !important; -ms-flex-order: 25 !important; order: 25 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-6, .grid__column--sm-push-6 { margin-left: 50% !important; } .grid__column--sm-pull-6 { margin-right: -50% !important; } .grid__column--sm-order-6 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 30 !important; -ms-flex-order: 30 !important; order: 30 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-7, .grid__column--sm-push-7 { margin-left: 58.3333333333% !important; } .grid__column--sm-pull-7 { margin-right: -58.3333333333% !important; } .grid__column--sm-order-7 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 35 !important; -ms-flex-order: 35 !important; order: 35 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-8, .grid__column--sm-push-8 { margin-left: 66.6666666667% !important; } .grid__column--sm-pull-8 { margin-right: -66.6666666667% !important; } .grid__column--sm-order-8 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 40 !important; -ms-flex-order: 40 !important; order: 40 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-9, .grid__column--sm-push-9 { margin-left: 75% !important; } .grid__column--sm-pull-9 { margin-right: -75% !important; } .grid__column--sm-order-9 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 45 !important; -ms-flex-order: 45 !important; order: 45 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-10, .grid__column--sm-push-10 { margin-left: 83.3333333333% !important; } .grid__column--sm-pull-10 { margin-right: -83.3333333333% !important; } .grid__column--sm-order-10 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 50 !important; -ms-flex-order: 50 !important; order: 50 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-11, .grid__column--sm-push-11 { margin-left: 91.6666666667% !important; } .grid__column--sm-pull-11 { margin-right: -91.6666666667% !important; } .grid__column--sm-order-11 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 55 !important; -ms-flex-order: 55 !important; order: 55 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--sm-offset-12, .grid__column--sm-push-12 { margin-left: 100% !important; } .grid__column--sm-pull-12 { margin-right: -100% !important; } .grid__column--sm-order-12 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 60 !important; -ms-flex-order: 60 !important; order: 60 !important; } .grid__column--sm-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--sm-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; width: 8.3333333333%; max-width: 8.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-7 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; width: 58.3333333333%; max-width: 58.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; width: 66.6666666667%; max-width: 66.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-9 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-10 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; width: 83.3333333333%; max-width: 83.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-11 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; width: 91.6666666667%; max-width: 91.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 768px) and (min-width: 768px) { .grid__column--sm-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } @media (min-width: 1024px) { .grid__column--md-offset-1, .grid__column--md-push-1 { margin-left: 8.3333333333% !important; } .grid__column--md-pull-1 { margin-right: -8.3333333333% !important; } .grid__column--md-order-1 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-2, .grid__column--md-push-2 { margin-left: 16.6666666667% !important; } .grid__column--md-pull-2 { margin-right: -16.6666666667% !important; } .grid__column--md-order-2 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 10 !important; -ms-flex-order: 10 !important; order: 10 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-3, .grid__column--md-push-3 { margin-left: 25% !important; } .grid__column--md-pull-3 { margin-right: -25% !important; } .grid__column--md-order-3 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 15 !important; -ms-flex-order: 15 !important; order: 15 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-4, .grid__column--md-push-4 { margin-left: 33.3333333333% !important; } .grid__column--md-pull-4 { margin-right: -33.3333333333% !important; } .grid__column--md-order-4 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 20 !important; -ms-flex-order: 20 !important; order: 20 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-5, .grid__column--md-push-5 { margin-left: 41.6666666667% !important; } .grid__column--md-pull-5 { margin-right: -41.6666666667% !important; } .grid__column--md-order-5 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 25 !important; -ms-flex-order: 25 !important; order: 25 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-6, .grid__column--md-push-6 { margin-left: 50% !important; } .grid__column--md-pull-6 { margin-right: -50% !important; } .grid__column--md-order-6 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 30 !important; -ms-flex-order: 30 !important; order: 30 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-7, .grid__column--md-push-7 { margin-left: 58.3333333333% !important; } .grid__column--md-pull-7 { margin-right: -58.3333333333% !important; } .grid__column--md-order-7 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 35 !important; -ms-flex-order: 35 !important; order: 35 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-8, .grid__column--md-push-8 { margin-left: 66.6666666667% !important; } .grid__column--md-pull-8 { margin-right: -66.6666666667% !important; } .grid__column--md-order-8 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 40 !important; -ms-flex-order: 40 !important; order: 40 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-9, .grid__column--md-push-9 { margin-left: 75% !important; } .grid__column--md-pull-9 { margin-right: -75% !important; } .grid__column--md-order-9 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 45 !important; -ms-flex-order: 45 !important; order: 45 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-10, .grid__column--md-push-10 { margin-left: 83.3333333333% !important; } .grid__column--md-pull-10 { margin-right: -83.3333333333% !important; } .grid__column--md-order-10 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 50 !important; -ms-flex-order: 50 !important; order: 50 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-11, .grid__column--md-push-11 { margin-left: 91.6666666667% !important; } .grid__column--md-pull-11 { margin-right: -91.6666666667% !important; } .grid__column--md-order-11 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 55 !important; -ms-flex-order: 55 !important; order: 55 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--md-offset-12, .grid__column--md-push-12 { margin-left: 100% !important; } .grid__column--md-pull-12 { margin-right: -100% !important; } .grid__column--md-order-12 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 60 !important; -ms-flex-order: 60 !important; order: 60 !important; } .grid__column--md-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--md-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; width: 8.3333333333%; max-width: 8.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-7 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; width: 58.3333333333%; max-width: 58.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; width: 66.6666666667%; max-width: 66.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-9 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-10 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; width: 83.3333333333%; max-width: 83.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-11 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; width: 91.6666666667%; max-width: 91.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1024px) and (min-width: 1024px) { .grid__column--md-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } @media (min-width: 1200px) { .grid__column--lg-offset-1, .grid__column--lg-push-1 { margin-left: 8.3333333333% !important; } .grid__column--lg-pull-1 { margin-right: -8.3333333333% !important; } .grid__column--lg-order-1 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-2, .grid__column--lg-push-2 { margin-left: 16.6666666667% !important; } .grid__column--lg-pull-2 { margin-right: -16.6666666667% !important; } .grid__column--lg-order-2 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 10 !important; -ms-flex-order: 10 !important; order: 10 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-3, .grid__column--lg-push-3 { margin-left: 25% !important; } .grid__column--lg-pull-3 { margin-right: -25% !important; } .grid__column--lg-order-3 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 15 !important; -ms-flex-order: 15 !important; order: 15 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-4, .grid__column--lg-push-4 { margin-left: 33.3333333333% !important; } .grid__column--lg-pull-4 { margin-right: -33.3333333333% !important; } .grid__column--lg-order-4 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 20 !important; -ms-flex-order: 20 !important; order: 20 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-5, .grid__column--lg-push-5 { margin-left: 41.6666666667% !important; } .grid__column--lg-pull-5 { margin-right: -41.6666666667% !important; } .grid__column--lg-order-5 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 25 !important; -ms-flex-order: 25 !important; order: 25 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-6, .grid__column--lg-push-6 { margin-left: 50% !important; } .grid__column--lg-pull-6 { margin-right: -50% !important; } .grid__column--lg-order-6 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 30 !important; -ms-flex-order: 30 !important; order: 30 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-7, .grid__column--lg-push-7 { margin-left: 58.3333333333% !important; } .grid__column--lg-pull-7 { margin-right: -58.3333333333% !important; } .grid__column--lg-order-7 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 35 !important; -ms-flex-order: 35 !important; order: 35 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-8, .grid__column--lg-push-8 { margin-left: 66.6666666667% !important; } .grid__column--lg-pull-8 { margin-right: -66.6666666667% !important; } .grid__column--lg-order-8 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 40 !important; -ms-flex-order: 40 !important; order: 40 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-9, .grid__column--lg-push-9 { margin-left: 75% !important; } .grid__column--lg-pull-9 { margin-right: -75% !important; } .grid__column--lg-order-9 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 45 !important; -ms-flex-order: 45 !important; order: 45 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-10, .grid__column--lg-push-10 { margin-left: 83.3333333333% !important; } .grid__column--lg-pull-10 { margin-right: -83.3333333333% !important; } .grid__column--lg-order-10 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 50 !important; -ms-flex-order: 50 !important; order: 50 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-11, .grid__column--lg-push-11 { margin-left: 91.6666666667% !important; } .grid__column--lg-pull-11 { margin-right: -91.6666666667% !important; } .grid__column--lg-order-11 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 55 !important; -ms-flex-order: 55 !important; order: 55 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } .grid__column--lg-offset-12, .grid__column--lg-push-12 { margin-left: 100% !important; } .grid__column--lg-pull-12 { margin-right: -100% !important; } .grid__column--lg-order-12 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 60 !important; -ms-flex-order: 60 !important; order: 60 !important; } .grid__column--lg-first { -webkit-box-ordinal-group: -1 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .grid__column--lg-last { -webkit-box-ordinal-group: 100 !important; -webkit-order: 100 !important; -ms-flex-order: 100 !important; order: 100 !important; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; width: 8.3333333333%; max-width: 8.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-5 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-7 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; width: 58.3333333333%; max-width: 58.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; width: 66.6666666667%; max-width: 66.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-9 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-10 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; width: 83.3333333333%; max-width: 83.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-11 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; width: 91.6666666667%; max-width: 91.6666666667%; margin-left: 0; order: 0; } } @media (min-width: 1200px) and (min-width: 1200px) { .grid__column--lg-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .container-fluid, .section .section__content-wrapper, .stage .stage__content-wrapper { margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 768px; } } @media (min-width: 1024px) { .container { width: 1024px; } } @media (min-width: 1200px) { .container { width: 1200px; } } @media (min-width: 768px) { .container { width: 768px; } } @media (min-width: 1024px) { .container { width: 1024px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @font-face { font-family: 'base-icons'; src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base/Resources/Public/Fonts/base-icons.eot?mw8ozs"); src: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base/Resources/Public/Fonts/base-icons.eot?mw8ozs#iefix") format('embedded-opentype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base/Resources/Public/Fonts/base-icons.ttf?mw8ozs") format('truetype'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base/Resources/Public/Fonts/base-icons.woff?mw8ozs") format('woff'), url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../theme_base/Resources/Public/Fonts/base-icons.svg?mw8ozs#base-icons") format('svg'); font-weight: normal; font-style: normal; } .icon, .button.button--back:before, .cookie-hint .cookie-hint__container .cookie-hint__button.button--back:before, .mobile-navigation ul .mobile-navigation__item.mobile-navigation__item--arrow-right > a::after, .mobile-navigation .mobile-navigation__back-btn::before, .news-accordion .news-accordion__icon::before, .news-article .news-article__back-button::before, .related-items .related-items__headline-icon > a::before, .ce-uploads .ce-uploads-icon:after, .newsletter-teaser__icon span::after { font-family: 'base-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 100%; font-family: "Axiforma", Arial, sans-serif; color: #878787; -webkit-overflow-scrolling: auto; overflow-x: hidden; } html { font-size: 100%; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, video, object { max-width: 100%; height: auto; } h1, .h1-style { font-size: 37px; font-size: 2.3125rem; line-height: 43px; line-height: 1.4; color: #d70f37; margin-bottom: 20px; text-transform: none; font-weight: 900; font-family: "Axiforma", Arial, sans-serif; } @media (max-width: 768px) { h1, .h1-style { font-size: 28px; font-size: 1.75rem; line-height: 32px; line-height: 1.4; } } h2, .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .h2-style, .animation-link-list__item { font-size: 24px; font-size: 1.5rem; line-height: 28px; line-height: 1.4; color: #000; margin-bottom: 20px; text-transform: none; font-weight: 900; font-family: "Axiforma", Arial, sans-serif; } @media (max-width: 768px) { h2, .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .h2-style, .animation-link-list__item { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.4; } } h3, .h3-style, .employee-quote .employee-quote__name { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.4; color: #fff; margin-bottom: 20px; text-transform: none; font-weight: 800; font-family: "Axiforma", Arial, sans-serif; } @media (max-width: 768px) { h3, .h3-style, .employee-quote .employee-quote__name { font-size: 20px; font-size: 1.25rem; line-height: 24px; line-height: 1.4; } } h4, .h4-style { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.4; color: #d70f37; margin-bottom: 20px; text-transform: none; font-weight: bold; font-family: "Axiforma", Arial, sans-serif; } @media (max-width: 768px) { h4, .h4-style { font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.4; } } * + p, .employee-quote * + .employee-quote__position, .tx-felogin-pi1 * + .tx-felogin-pi1__message { margin-bottom: 20px; } p, .employee-quote .employee-quote__position, .tx-felogin-pi1 .tx-felogin-pi1__message { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.4; margin-bottom: 20px; } p:last-child, .employee-quote .employee-quote__position:last-child, .tx-felogin-pi1 .tx-felogin-pi1__message:last-child { margin-bottom: 0px; } p small, .employee-quote .employee-quote__position small, .tx-felogin-pi1 .tx-felogin-pi1__message small { font-size: 14px; font-size: 0.875rem; line-height: 18px; line-height: 1.4; } strong, b { font-weight: 600; } em, i { font-style: italic; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } abbr { font-weight: bold; } a { color: #878787; text-decoration: underline; } a:hover { color: #d70f37; text-decoration: none; } .external-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 3px; display: inline-block; font-family: 'base-icons'; font-weight: 400; font-style: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; content: "\f08e"; margin-right: 5px; } .file-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 0px; display: inline-block; font-family: 'base-icons'; font-weight: 400; font-style: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; content: "\f016"; margin-right: 5px; } .mail-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 0px; display: inline-block; font-family: 'base-icons'; font-weight: 400; font-style: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; content: "\f003"; margin-right: 5px; } ul { padding-left: 30px; margin-left: 0px; margin-bottom: 20px; list-style: disc; font-weight: normal; } ul.no-bullets { padding-left: 0; margin-left: 0; list-style: none; } ul li { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.4; } ul ul { margin-bottom: 0px; } ol { padding-left: 30px; margin-left: 0px; margin-bottom: 20px; list-style-type: decimal; font-weight: normal; } ol li { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.4; } ol ol { margin-bottom: 0px; } /* Default Table Variables */ table { width: 100%; margin-bottom: 15px; } table thead tr { border: none; } table tr th { font-size: 16px; font-size: 1rem; color: #fff; margin-bottom: 0; padding: 15px; text-align: left; font-weight: normal; background: #000; } table tr td { font-size: 16px; font-size: 1rem; line-height: 23px; line-height: 1.4; font-family: "Axiforma", Arial, sans-serif; font-weight: normal; text-align: left; } table tr.tr-odd { background: transparent; } table tr.tr-odd th, table tr.tr-odd td { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #000; font-family: "Axiforma", Arial, sans-serif; font-size: 16; font-weight: normal; text-align: left; } table tr.tr-even { background: transparent; } table tr.tr-even th, table tr.tr-even td { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #000; font-family: "Axiforma", Arial, sans-serif; font-size: 16; font-weight: normal; text-align: left; } table tr td { padding: 15px; color: #000; } @media (max-width: 1024px) { /* .table{ overflow-x: scroll; -webkit-overflow-scrolling: touch; } */ div.tablewrap { overflow-x: scroll; -webkit-overflow-scrolling: touch; } } .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; background: transparent; } .navigation:before, .navigation:after { content: " "; display: block; } .navigation:after { clear: both; } .navigation-list { font-size: 0px; font-size: 0rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; padding-left: 0; margin-left: 0; margin-bottom: 0px; } .navigation-list:before, .navigation-list:after { content: " "; display: block; } .navigation-list:after { clear: both; } .navigation-list--inline-block { width: 100%; } .navigation-list--inline-block--center { text-align: center; } .navigation-list--inline-block--right { text-align: right; } .navigation-list--inline-block .navigation-list__item { display: inline-block; float: none; } .navigation-list--inline-block .navigation-list__item + .navigation-list__item { margin-left: 10px; } @media (max-width: 767px) { .navigation-list--inline-block .navigation-list__item + .navigation-list__item { margin-left: 0px; } } .navigation-list--float { width: 100%; } .navigation-list--float .navigation-list__item { display: block; float: left; } .navigation-list--float .navigation-list__item + .navigation-list__item { margin-left: 10px; } @media (max-width: 767px) { .navigation-list--float .navigation-list__item + .navigation-list__item { margin-left: 0px; } } @media (max-width: 767px) { .navigation-list--float .navigation-list__item { float: none !important; } } .navigation-list--table { display: table; width: 100%; } .navigation-list--table .navigation-list__item { display: table-cell; float: none; } @media (max-width: 767px) { .navigation-list--table .navigation-list__item { display: block !important; } } .navigation-list--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .navigation-list--flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .navigation-list--flex .navigation-list__item { flex: 1 0 auto; } .navigation-list__item { font-size: 16px; font-size: 1rem; display: block; border: 1px solid black; } .navigation-list__item a { display: block; padding: 10px; margin: 0px; } hr { background: #ececec; border: 1px; height: 3px; margin-bottom: 10px; } .button, .cookie-hint .cookie-hint__container .cookie-hint__button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: table; background: #000; color: #fff; padding: 0px 10px; margin-bottom: 15px; cursor: pointer; border: none; text-decoration: none; height: 38px; line-height: 38px; font-weight: normal; } .button:hover, .cookie-hint .cookie-hint__container .cookie-hint__button:hover { background: #1a1a1a; color: #fff; text-decoration: none; } .button--inline-block { display: inline-block; } .button--black { background: #000; color: #fff; } .button--black:hover { background: #404040; } .button--white { background: #fff; color: #000; } .button--white:hover { background: #fff; } .button--grey { background: #878787; color: #fff; } .button--grey:hover { background: #949494; } .button--red { background: #f00; color: #fff; } .button--red:hover { background: #ff1a1a; } .button--disabled { background: #ececec; color: #c7c7c7; } .media-element { display: block; width: 100%; padding-top: 0; padding-bottom: 0; margin-bottom: 20px; } .media-element:before, .media-element:after { content: " "; display: block; } .media-element:after { clear: both; } .media-element--align-left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; width: auto; max-width: 33%; margin: 0 10px 10px 0; padding-right: 20px; clear: left; } @media (max-width: 767px) { .media-element--align-left { width: 100%; max-width: 100%; padding-right: 0; } } .media-element--align-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: right; width: auto; max-width: 33%; margin: 0 0 10px 10px; padding-left: 15px; clear: right; } @media (max-width: 767px) { .media-element--align-right { width: 100%; max-width: 100%; padding-left: 0; } } .media-element--full-width { max-width: 100%; width: 100%; } .media-element__image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: auto; } .media-element__image + .media-element__image { margin-top: 20px; } .media-element__image img { display: block; width: 100%; height: auto; } .media-element__image figure { margin-bottom: 0px; } .media-element__image figcaption { font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.4; font-weight: normal; background-color: #ececec; color: #878787; margin-top: 0; padding: 10px; } .related-posts { display: block; padding-left: 0; } .related-posts__post { display: block; } .pagination { font-size: 0px; font-size: 0rem; display: block; text-align: center; padding-left: 0; margin-left: 0; } .pagination:before, .pagination:after { content: " "; display: block; } .pagination:after { clear: both; } .pagination__item { font-size: 16px; font-size: 1rem; display: inline-block; background-color: #878787; line-height: 35px; color: #fff; } .pagination__item--current { background-color: #d70f37; } .pagination__item--current a, .pagination__item--current span { display: block; width: 40px; color: #fff; background-color: #d70f37; } .pagination__item--next a { position: relative; } .pagination__item--next a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pagination__item--previous a { position: relative; } .pagination__item--previous a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pagination__item a { display: block; text-decoration: none; background-color: #878787; color: #fff; padding: 0; width: 40px; line-height: 35px; } .pagination__item a:hover { background-color: #d70f37; color: #fff; } .pagination-wrapper { display: block; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { font-size: 16px; font-size: 1rem; display: block; width: 100%; padding: 0; margin-bottom: 20px; line-height: inherit; color: #000; border: 0; } label { display: block; max-width: 100%; margin-bottom: 5px; font-size: 16px; font-size: 1rem; font-weight: normal; } input, textarea, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #d8d8d8; display: block; width: 100%; border-radius: 0px; padding: 8px; outline: none; margin-bottom: 23px; background-color: #fff; font-weight: normal; color: #000; } .form-error { color: #f00; } .form-error input { border: 1px solid #f00; color: #f00; } .checkbox { position: relative; display: block; margin-bottom: 15px; } .checkbox input[type=checkbox] { display: none; } .checkbox input[type=checkbox]:checked + label:after { content: "\f00c"; } .checkbox label { font-size: 16px; font-size: 1rem; display: inline-block; cursor: pointer; color: #d8d8d8; margin-right: 10px; margin-bottom: 0px; line-height: 45px; } .checkbox label:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; content: ""; position: relative; display: inline-block; width: 45px; height: 45px; border: 1px solid #d8d8d8; background-color: #fff; color: #d8d8d8; vertical-align: middle; text-align: center; border-radius: 0px; margin-right: 15px; margin-top: -3px; } .checkbox label:after { font-size: 15px; font-size: 0.9375rem; content: ""; position: absolute; font-family: 'base-icons'; top: -1px; left: 0px; display: block; width: 45px; height: 15px; line-height: 15px; color: #d8d8d8; text-align: center; } .radio { display: block; } .radio input[type=radio] { display: none; } .radio input[type=radio]:checked + label:after { display: block; } .radio label { font-size: 16px; font-size: 1rem; position: relative; display: inline-block; cursor: pointer; margin-right: 10px; line-height: 25px; font-weight: normal; } .radio label:last-child { margin-right: 0; } .radio label:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-size: 1.125rem; position: relative; top: 0px; content: ''; display: inline-block; width: 25px; height: 25px; border: 2px solid #d8d8d8; background-color: #fff; color: #d8d8d8; vertical-align: middle; text-align: center; border-radius: 50%; margin-right: 5px; margin-top: -3px; } .radio label:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 5px; content: " "; display: none; width: 15px; height: 15px; background: #d70f37; margin-top: -8.5px; border-radius: 50%; font-family: ''; } .select-field { display: block; margin-bottom: 23px; } .select-field--no-margin-bottom { margin-bottom: 0; } @media (max-width: 768px) { .select-field--no-margin-bottom { margin-bottom: 23px; } } .select-field--disabled { opacity: 0.5; filter: alpha(opacity=50); pointer-events: none !important; } .select-field__label { display: block; } .select-field__box { position: relative; cursor: pointer; background: #fff; border-radius: none; } .select-field__box:after { font-size: 16px; font-size: 1rem; display: block; content: "\f078"; font-family: 'base-icons'; width: 40px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; line-height: 36px; border-radius: none; background: #fff; color: #878787; pointer-events: none; } .select-field__box select { cursor: pointer; margin-bottom: 0; background: none; color: #878787; } .csc-default { display: block; margin-bottom: 20px; } .csc-default:before, .csc-default:after { content: " "; display: block; } .csc-default:after { clear: both; } .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; max-width: 20%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagerow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } .csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagecolumn img { width: 100%; height: auto; } .logo-main { display: block; padding-top: 0px; margin-bottom: 0; } .logo-main a, .logo-main img { display: block; } .header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; background: #fff; margin-bottom: 20px; min-height: 0px; z-index: 1000; } .header__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; } .breadcrumb { font-size: 13px; font-size: 0.8125rem; display: block; margin: 0 0 0px 0; padding: 0; color: #878787; } .breadcrumb:before, .breadcrumb:after { content: " "; display: block; } .breadcrumb:after { clear: both; } @media (max-width: 768px) { .breadcrumb { display: none; } } .breadcrumb__item { font-size: 13px; font-size: 0.8125rem; display: block; float: left; margin-right: 5px; line-height: 30px; } .breadcrumb__item:after { display: inline-block; content: '>'; margin-left: 5px; line-height: 15px; font-weight: bold; font-family: inherit; } .breadcrumb__item:last-child:after { display: none; } .breadcrumb__item a { line-height: 25px; } .breadcrumb__item.breadcrumb__item--level-1:before { display: none; } .breadcrumb__item.breadcrumb__item--level-1 > a:before { font-family: inherit; content: ''; margin-right: 10px; display: inline-block; text-decoration: none; } .breadcrumb__item.breadcrumb__item--level-1 > a > span { display: none; } .accordion { display: block; margin-bottom: 0px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .accordion:first-child { border-top: 1px solid #d8d8d8; } .accordion--open > .accordion__header { background: #333; color: #d70f37; } .accordion--open > .accordion__header:after { content: "\e900"; } .accordion__header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; background: #dfdfdf; color: #d70f37; padding-left: 15px; padding-right: 40px; line-height: 25px; text-decoration: none; } .accordion__header:hover { background: #cfcfcf; color: #d70f37; } .accordion__header:after { font-family: 'base-icons'; position: absolute; display: block; width: 30px; line-height: 25px; text-align: center; top: 0; right: 5px; bottom: 0; content: "\e901"; } .accordion__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; background: transparent; overflow: hidden; } .accordion__content > .csc-default { padding: 15px; margin-bottom: 0px; } .js .accordion__content { max-height: 0; } .plugin-list { display: block; width: 100%; } .plugin-list.plugin-list--with-seperator .plugin-list__item + .plugin-list__item { padding-top: 20px; border-top: 1px solid #000; } .plugin-list__item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 20px; } .plugin-list__item:last-child { margin-bottom: 0px; } .plugin-list__image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .plugin-list__image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } @media (max-width: 768px) { .plugin-list__image { margin-bottom: 10px; } } .plugin-list__image img { display: block; } @media (max-width: 768px) { .plugin-list__image img { width: 100%; height: auto; } } .plugin-list__subinfo { font-size: 15px; font-size: 0.9375rem; display: block; margin-bottom: 10px; } .plugin-list__date { display: inline-block; } .plugin-list__categories { display: inline-block; } .plugin-list__categories:before { content: '- '; } .plugin-list__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .plugin-list__content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } @media (min-width: 768px) { .plugin-list__content.plugin-list__content--full-width { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } .slider { -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); position: relative; display: none; margin-bottom: 20px; } .slider:before, .slider:after { content: " "; display: block; } .slider:after { clear: both; } .slider__item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; } .slider__item--margin { margin-left: 15px; margin-right: 15px; } @media (max-width: 767px) { .slider__item { margin-left: 0px; margin-right: 0px; } } .slider__item:focus { outline: none; border: none; } .slider__image { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); display: block; } .slider__image img { display: block; width: 100%; height: auto; } .slider__content-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; padding-left: 15px; padding-right: 15px; position: absolute; left: 0; right: 0; bottom: 0; } @media (max-width: 767px) { .slider__content-wrapper { position: relative; left: 0; bottom: 0; } } .slider__caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; left: 0px; bottom: 0px; display: inline-block; width: 100%; max-width: 450px; padding: 20px; background: rgba(255, 255, 255, 0.5); margin-bottom: 20px; text-decoration: none; } .slider__caption:hover { text-decoration: none; } .slider__caption:focus { outline: none; border: none; } @media (max-width: 767px) { .slider__caption { max-width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0; } } .slider__caption a p, .slider__caption a .employee-quote .employee-quote__position, .employee-quote .slider__caption a .employee-quote__position, .slider__caption a .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .slider__caption a .tx-felogin-pi1__message { color: #000; } .slider__caption * { text-decoration: none; } .slider__caption *:hover { text-decoration: none; } .slider__caption *:last-child { margin-bottom: 0; } .slider__button { display: inline-block; margin-top: 20px; text-align: left; } .slider.slick-initialized { -webkit-animation: fadeIn ease-in; -moz-animation: fadeIn ease-in; -ms-animation: fadeIn ease-in; -o-animation: fadeIn ease-in; animation: fadeIn ease-in; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; display: block; } .slider .slider__item { margin-bottom: 0; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Slick Slider Main CSS */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0px; font-size: 0rem; position: absolute; display: block; background: transparent; line-height: 0; cursor: pointer; color: transparent; top: 50%; padding: 0; margin-top: -35px; border: none; outline: none; z-index: 100; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev:before, .slick-next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; font-family: 'base-icons'; display: block; width: 30px; height: 60px; padding: 5px; line-height: 60px; color: #000; opacity: 0.75; background: #dfdfdf; } @media (max-width: 767px) { .slick-prev, .slick-next { display: none !important; } } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: 15px; } .slick-prev:before { content: "\f053"; } .slick-next { right: 15px; } .slick-next:before { content: "\f054"; } .slick-dots { position: absolute; bottom: 0px; list-style: none; display: block; text-align: center; padding: 0; left: 0; right: 0; } @media (max-width: 767px) { .slick-dots { top: 0; bottom: inherit; } } .slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 2px solid #fff; border-radius: 50%; background-color: #000; display: block; height: 15px; width: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; opacity: 0.75; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 1; } .slick-dots li.slick-active button { background-color: #000; opacity: 1; } @media (max-width: 767px) { .slick-dots li { height: 20px; width: 20px; margin: 15px; } .slick-dots li button { height: 20px; width: 20px; } } .tabpanel { display: block; } @media (min-width: 768px) { .tabpanel--mobile-accordion .tabpanel__content.accordion { border: none; } .tabpanel--mobile-accordion .tabpanel__content.accordion > .accordion__header { display: none; } .tabpanel--mobile-accordion .tabpanel__content.accordion > .accordion__content { display: block; max-height: 10000px !important; } .tabpanel--mobile-accordion .tabpanel__content.accordion > .accordion__content > .csc-default { padding: 0; } } @media (max-width: 768px) { .tabpanel--mobile-accordion .tabpanel__tablist { display: none; } .tabpanel--mobile-accordion .tabpanel__content { -webkit-transition: opacity 0s; -moz-transition: opacity 0s; -ms-transition: opacity 0s; -o-transition: opacity 0s; transition: opacity 0s; position: relative; display: block !important; opacity: 1; visibility: visible; } } .tabpanel__tablist { display: block; margin-left: 0; padding-left: 0; border-bottom: 1px solid #ececec; } .tabpanel__tablist:before, .tabpanel__tablist:after { content: " "; display: block; } .tabpanel__tablist:after { clear: both; } .tabpanel__tablist li { float: left; display: block; margin-bottom: -1px; color: #d70f37; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .tabpanel__tablist li + li { margin-left: 2px; } .tabpanel__tablist li:hover a { background: #d70f37; color: #fff; } .tabpanel__tablist li a { display: block; background: transparent; color: #d70f37; padding: 10px 20px; text-decoration: none; } .tabpanel__tablist li.active { position: relative; border-color: #ececec; } .tabpanel__tablist li.active a { background: #d70f37; color: #fff; } .tabpanel__content-wrapper { display: block; position: relative; } .tabpanel__content { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; display: block; } .tabpanel__content:before, .tabpanel__content:after { content: " "; display: block; } .tabpanel__content:after { clear: both; } @media (min-width: 768px) { .js .tabpanel__content { position: absolute; visibility: hidden; opacity: 0; } .js .tabpanel__content.active { display: block; position: relative; opacity: 1; visibility: visible; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /** * Remove all paddings around the image on small screen */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .alert { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; background: #f1f1f1; color: #000; padding: 10px; border: 1px solid #000; margin-bottom: 10px; } .alert:last-child { margin-right: 0px; } .alert *:last-child { margin-bottom: 0; } .alert--success { background: #dff0d8; background: rgba(223, 240, 216, 0.6); color: #3c763d; border-color: #dff0d8; } .alert--info { background: #d9edf7; background: rgba(217, 237, 247, 0.6); color: #31708f; border-color: #d9edf7; } .alert--warning { background: #fcf8e3; background: rgba(252, 248, 227, 0.6); color: #8a6d3b; border-color: #fcf8e3; } .alert--danger { background: #f2dede; background: rgba(242, 222, 222, 0.6); color: #a94442; border-color: #f2dede; } .datepicker { border-radius: 0px !important; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee !important; color: #000 !important; } .datepicker table tr th, .datepicker table tr td { line-height: 30px; border-radius: 3px !important; } .datepicker table tr th span, .datepicker table tr td span { border-radius: 3px !important; } .datepicker table tr th span:hover, .datepicker table tr td span:hover, .datepicker table tr th span.day:hover, .datepicker table tr td span.day:hover, .datepicker table tr th span.focused, .datepicker table tr td span.focused { background: #eee !important; color: #000 !important; } .datepicker table tr th.today, .datepicker table tr td.today { background: #ffdb99 !important; border-color: #ffb733 !important; } .datepicker table tr th.active:active, .datepicker table tr td.active:active, .datepicker table tr th.active.highlighted:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr th.active.active, .datepicker table tr td.active.active, .datepicker table tr th.active.highlighted.active, .datepicker table tr td.active.highlighted.active { background: #3071a9 !important; border-color: #285e8e !important; } .datepicker table tr th { color: #000; background: transparent; } .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted { background: #3071a9 !important; border-color: #285e8e !important; } .highlight-box { background: #dfdfdf; padding: 15px; } .select-field__box { margin-bottom: 23px; } .select-field__box:after { top: 0; border-top: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; line-height: 38px; } .select-field select.error { border: 2px solid #d70f37 !important; } .select-field select.error:after { border-color: #d70f37 !important; } .select-field #salutation-error { position: absolute; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .hamburger { padding: 10px 10px 7px 10px; display: inline-block; cursor: pointer; outline: none; position: relative; flex-shrink: 0; flex-grow: 0; width: 85px; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: #000; border: 0; margin: 0; overflow: visible; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); opacity: 1; } @media (min-width: 768px) { .hamburger { width: 105px; } } .hamburger:hover { opacity: 1; } @media (min-width: 768px) { .hamburger { display: none; } } .hamburger-box { width: 34px; height: 34px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -3px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 34px; height: 6px; background-color: #fff !important; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -14px; } .hamburger-inner::after { bottom: -14px; } .hamburger-inner.hamburger-inner--mobile-layer-open { background-color: #575756 !important; } .hamburger-inner.hamburger-inner--mobile-layer-open::before, .hamburger-inner.hamburger-inner--mobile-layer-open::after { background-color: #575756 !important; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.1s 0.14s ease, opacity 0.1s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease, opacity 0.1s 0.14s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger { padding: 10px 10px 7px 10px; display: inline-block; cursor: pointer; outline: none; position: relative; flex-shrink: 0; flex-grow: 0; width: 85px; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: #000; border: 0; margin: 0; overflow: visible; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); opacity: 1; } @media (min-width: 768px) { .hamburger { width: 105px; } } .hamburger:hover { opacity: 1; } @media (min-width: 768px) { .hamburger { display: none; } } .hamburger-box { width: 34px; height: 34px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -3px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 34px; height: 6px; background-color: #fff !important; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -14px; } .hamburger-inner::after { bottom: -14px; } .hamburger-inner.hamburger-inner--mobile-layer-open { background-color: #575756 !important; } .hamburger-inner.hamburger-inner--mobile-layer-open::before, .hamburger-inner.hamburger-inner--mobile-layer-open::after { background-color: #575756 !important; } .meta-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #ececec; height: 32px; width: 100%; display: flex; align-items: center; position: relative; z-index: 1000; } .meta-navigation .meta-navigation__content { display: flex; justify-content: space-between; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; } @media (max-width: 560px) { .meta-navigation .meta-navigation__content { padding: 0px; } } .meta-navigation .meta-navigation__settings .button, .meta-navigation .meta-navigation__settings .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__settings .cookie-hint__button { padding-left: 10px; padding-right: 10px; margin-right: 5px; } .meta-navigation .meta-navigation__settings .button:hover, .meta-navigation .meta-navigation__settings .cookie-hint .cookie-hint__container .cookie-hint__button:hover, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__settings .cookie-hint__button:hover { color: white; } .meta-navigation .meta-navigation__settings svg { position: relative; top: 5px; } .meta-navigation .meta-navigation__buttons { display: flex; } .meta-navigation .meta-navigation__buttons .button, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button { font-size: 14px; font-size: 0.875rem; height: 30px; line-height: 30px; margin-bottom: 0px; font-weight: 500; } .meta-navigation .meta-navigation__buttons .button.button--grey, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button.button--grey, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button.button--grey { background: #575756; padding-left: 44px; padding-right: 44px; } .meta-navigation .meta-navigation__buttons .button a, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button a, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button a { color: #fff; text-decoration: none; } .meta-navigation .meta-navigation__buttons .button:hover, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button:hover, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button:hover { background: #878787; } .meta-navigation .meta-navigation__buttons .button:hover a, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button:hover a, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button:hover a { color: #fff; text-decoration: none; } @media (max-width: 768px) { .meta-navigation .meta-navigation__buttons .button, .meta-navigation .meta-navigation__buttons .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .meta-navigation .meta-navigation__buttons .cookie-hint__button { height: 30px; line-height: 30px; } } .meta-navigation .meta-navigation__userinfo { font-size: 14px; font-size: 0.875rem; font-weight: bold; line-height: 2; margin-right: 15px; } @media (max-width: 450px) { .meta-navigation .meta-navigation__userinfo { display: none; } } @media (max-width: 767px) { .meta-navigation .meta-navigation__welcome { display: none; } } .header-outer-wrap { position: relative; z-index: 1001; } .header { display: flex; position: static; top: -105px; transition: top 0.6s cubic-bezier(0, 0.63, 0.35, 0.99); background: transparent; } @media (max-width: 1350px) { .header { flex-direction: column; } } .header--scroll { position: fixed; top: 0; width: 100%; } .header--scroll .header__content:before { display: none !important; } .header .header__content { height: 85px; display: flex; justify-content: flex-end; max-width: 100%; padding: 0; } @media (min-width: 768px) { .header .header__content { height: 105px; } } .header .header__content:before { position: absolute; height: 150%; width: 90%; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/header_background.svg") top left repeat; opacity: 0.5; content: " "; display: block; top: 0; right: 0; z-index: -1; } .header .header__logo { background-color: #fff; flex-shrink: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; display: flex; align-items: center; justify-content: center; padding: 30px !important; opacity: 1; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); } @media (min-width: 768px) { .header .header__logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } .header .menu-spacer { flex-grow: 1; flex-shrink: 1; width: 25%; } @media (min-width: 768px) { .header .menu-spacer { width: 16.6666666667%; } } .header .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } @media (min-width: 768px) { .header .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } body .redheadline { color: #d70f37 !important; } body .redheadline .first-word { color: #d70f37 !important; } .sticky-header { transition: top 0.6s cubic-bezier(0, 0.63, 0.245, 1.575); display: flex; z-index: 1000; position: fixed; top: -105px; left: 0; width: 100%; } .sticky-header .navigation-list__item--lvl-1 a { padding-bottom: 10px !important; } .sticky-header .header__content { display: flex; justify-content: flex-end; max-width: 100%; padding: 0; } .sticky-header .header__logo { background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; width: 41.6666666667%; max-width: 41.6666666667%; margin-left: 0; order: 0; margin-right: 16.6666666667%; display: flex; align-items: center; justify-content: center; padding: 30px !important; opacity: 1; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); } @media (min-width: 768px) { .sticky-header .header__logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } } .sticky-header .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; top: -5px; } @media (min-width: 768px) { .sticky-header .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; margin-left: 0; order: 0; } } @media (max-width: 767px) { .sticky-header .hamburger { opacity: 1 !important; } } .sticky-header .search-input-layer { top: 15px; width: 100%; } .sticky-header .search-output-layer { top: initial; } @media (min-width: 1850px) { .sticky-header .search-output-layer { width: 100%; margin-left: 0; } } .sticky-header .search-input-layer__input { position: relative; top: -5px; } .sticky-header .search-input-layer__close-button { right: 20px !important; top: 0 !important; } .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; display: inline-block; text-align: right; opacity: 1; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); background-color: #000; padding: 30px !important; } @media (min-width: 768px) { .navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; width: 66.6666666667%; max-width: 66.6666666667%; margin-left: 0; order: 0; } } @media (max-width: 767px) { .navigation { display: none; } } .navigation .navigation__layer { display: none; position: absolute; background-color: #000; color: #fff; width: 94%; margin-left: 3%; margin-right: 3%; top: 100%; left: 0; right: 0; padding-left: 0; padding-top: 30px; padding-bottom: 30px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); z-index: 5; } .navigation .navigation__layer.navigation .navigation__layer--open { display: block; } .navigation .navigation__close-button { height: 30px; width: 30px; position: absolute; box-sizing: border-box; line-height: 30px; display: inline-block; margin-right: 15px; margin-top: 0; right: 0; z-index: 4; } @media (max-width: 1024px) { .navigation .navigation__close-button { margin-top: -15px; } } .navigation .navigation__close-button:before, .navigation .navigation__close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 100%; left: 50%; margin-top: -15px; margin-left: -15px; display: block; height: 2px; width: 30px; background-color: #575756; transition: all 0.25s ease-out; } .navigation .navigation__close-button:after { transform: rotate(-135deg); } .navigation .navigation__close-button:hover { cursor: pointer; } .navigation .navigation__close-button:hover:before, .navigation .navigation__close-button:hover:after { transform: rotate(0deg); } .navigation-list .navigation-list__item { border: none; } .navigation-list .navigation-list__item.navigation-list__item--lvl-1 { text-align: center; } .navigation-list .navigation-list__item.navigation-list__item--lvl-1 a { color: #fff; } .navigation-list .navigation-list__item.navigation-list__item--lvl-3 a { color: #fff; } .navigation-list .navigation-list__item.navigation-list__item--lvl-2 { text-transform: uppercase; flex: initial; text-align: left; margin-bottom: 40px; font-weight: 500; color: #fff; padding-left: 0; } .navigation-list .navigation-list__item.navigation-list__item--lvl-2 .grid__column { padding-left: 5px; margin-top: 10px; } .navigation-list .navigation-list__item.navigation-list__item--lvl-3 { text-transform: none; flex: initial; } .navigation-list .navigation-list__item.navigation-list__item--lvl-3 a { font-weight: 300; text-align: left; padding-bottom: 10px; margin-left: -10px; } .navigation-list .navigation-list__item.navigation-list__item--active > a { color: #d70f37; } .navigation-list .navigation-list__item.navigation-list__item--active > a:after { display: inline-block; content: ""; position: absolute; width: 100%; background-color: #d70f37; bottom: 0; left: 0; } .navigation-list .navigation-list__item.navigation-list__item--current > a { color: #fff !important; } .navigation-list .navigation-list__item.navigation-list__item--current > a:after { display: inline-block; content: ""; position: absolute; width: 100%; background-color: #d70f37; top: 0; bottom: 0; left: 0; height: inherit; z-index: -1; } .navigation-list .navigation-list__item.navigation-list__item--closing > a::after { transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, top 0.4s cubic-bezier(1, 0, 0, 1); } .navigation-list .navigation-list__item > a { font-size: 18px; font-size: 1.125rem; text-decoration: none; display: inline-block; color: #575756; font-weight: 500; text-align: center; position: relative; transition: color 1.6s cubic-bezier(0.19, 1, 0.22, 1); outline: none; } @media (max-width: 1024px) { .navigation-list .navigation-list__item > a { font-size: 15px; font-size: 0.9375rem; } } .navigation-list .navigation-list__item > a:after { display: inline-block; content: ""; position: absolute; width: 0%; background-color: #d70f37; bottom: 0; left: 0; top: calc(100% - 3px); transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), top 0.4s cubic-bezier(1, 0, 0, 1); } .navigation-list .navigation-list__item > a:hover { color: #d70f37; } .navigation-list .navigation-list__item > a:hover:after { width: 100%; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), top 0.4s cubic-bezier(1, 0, 0, 1); } .navigation-list .navigation-list__title { font-size: 16px; font-size: 1rem; margin-bottom: 10px; font-weight: 500; text-align: left; text-transform: uppercase; color: #fff; } .navigation-list-lvl-2 { padding-left: 15px; } /** Navigation List grid behavior **/ .navigation-list-lvl-3 { padding-left: 0; } @media (min-width: 768px) { .navigation-list__item.navigation-list__item--lvl-2.grid__column--xs-12.grid__column--sm-6 .navigation-list-lvl-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } @media (min-width: 768px) { .navigation-list__item.navigation-list__item--lvl-2.grid__column--xs-12.grid__column--sm-3 .navigation-list-lvl-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } .navigation-list__item.navigation-list__item--lvl-2.grid__column--xs-12 .navigation-list-lvl-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } .section { display: block; padding-top: 60px; padding-bottom: 40px; } @media (max-width: 767px) { .section { padding-top: 30px; padding-bottom: 20px; } } .section.section--no-padding { padding: 0; } .section.section--text-center { text-align: center; } .section.section--white { background-color: #fff; color: #575756; } .section.section--white h3, .section.section--white .h3-style, .section.section--white .employee-quote .employee-quote__name, .employee-quote .section.section--white .employee-quote__name { color: #575756; } .section.section--white .contact-person__image { background-repeat: no-repeat; background-size: contain; background-position: bottom; min-height: 416px; } @media (max-width: 1024px) { .section.section--white .contact-person__image { background: none; min-height: inherit; } } .section.section--red { background-color: #d70f37; color: #fff; } .section.section--red * { color: #fff; } .section.section--red *:before { color: #fff; } .section.section--red p, .section.section--red .employee-quote .employee-quote__position, .employee-quote .section.section--red .employee-quote__position, .section.section--red .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .section.section--red .tx-felogin-pi1__message { -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; } .section.section--red p *, .section.section--red .employee-quote .employee-quote__position *, .employee-quote .section.section--red .employee-quote__position *, .section.section--red .tx-felogin-pi1 .tx-felogin-pi1__message *, .tx-felogin-pi1 .section.section--red .tx-felogin-pi1__message * { -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; } .section.section--red hr { background: #fff; } .section.section--red .checkbox label { color: #fff; } .section.section--red .checkbox label:before { border: 2px solid #fff; background-color: #d70f37; } .section.section--red .checkbox label:after { color: #fff; } .section.section--red .quotes svg path { fill: #fff; } .section.section--parallax { background-color: #000; color: #fff; background: #000 url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../Public/Images/parallax_bg.png") no-repeat; background-size: cover; position: relative; padding-top: 100px; padding-bottom: 80px; z-index: 5; } @media (min-width: 1024px) { .section.section--parallax { background-attachment: fixed; } } .section.section--parallax .teaserbox .teaserbox__image { width: 100px; margin: 0 auto 20px auto; } .section.section--parallax .teaserbox .teaserbox__headline.teaserbox__headline--division { margin-top: -20px; } .section.section--grey { background-color: #ececec; color: #575756; } .section.section--grey h3, .section.section--grey .h3-style, .section.section--grey .employee-quote .employee-quote__name, .employee-quote .section.section--grey .employee-quote__name { color: #575756; } .section.section--contact { background-color: #fff; color: #575756; background: #fff url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../Public/Images/KontaktBG.jpg") no-repeat; background-size: cover; position: relative; padding-bottom: 0; } .section.section--contact .csc-frame-default { margin-bottom: 0; } .section.section--contact .contact-person__image { background-repeat: no-repeat; background-size: contain; background-position: bottom; min-height: 416px; } @media (max-width: 1024px) { .section.section--contact .contact-person__image { background: none; min-height: inherit; } } .section.section--dark-grey { background-color: #575756; color: #ececec; } .social-icons { margin: 0px; padding: 0px; align-self: center; } .social-icons .social-icons__item { list-style-type: none; float: left; } .social-icons .social-icons__item a { text-decoration: none; } @media (max-width: 560px) { .social-icons .social-icons__item { display: none; } } .social-icons .social-icons__icon { display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; margin-right: 12px; } .social-icons .social-icons__icon.social-icons__icon--red { background: #fff; color: #575756; } .social-icons .social-icons__icon.social-icons__icon--red:hover { background: #d70f37; color: #fff; } .social-icons .social-icons__icon.social-icons__icon--twitter:before { content: "\f099"; display: inline-block; font-size: inherit; } .social-icons .social-icons__icon.social-icons__icon--xing:before { content: "\f168"; display: inline-block; font-size: inherit; } .social-icons .social-icons__icon.social-icons__icon--linkedin:before { content: "\f0e1"; display: inline-block; font-size: inherit; } .ce-bullets, .csc-sitemap ul, .csc-menu, .locations__list { list-style-type: none; } .ce-bullets li, .csc-sitemap ul li, .csc-menu li, .locations__list li { margin-bottom: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.8; } .ce-bullets li ul, .csc-sitemap ul li ul, .csc-menu li ul, .locations__list li ul { padding-left: 30px; } .ce-bullets li:before, .csc-sitemap ul li:before, .csc-menu li:before, .locations__list li:before { font-family: 'base-icons'; content: "\f101"; margin: 0 8px 0 -15px; color: #d70f37; font-size: 13px; } .language-menu { margin: 0; padding: 0; align-self: center; } .language-menu__item { list-style-type: none; display: inherit; } .language-menu__lang-item { display: block; width: 24px; height: 24px; text-align: center; margin-right: 10px; background: #fff; } .language-menu__lang-item a { text-decoration: none; color: #878787; font-weight: 500; font-size: 0.9rem; } .language-menu__lang-item:hover { background: #d70f37; } .language-menu__lang-item:hover a { color: #fff; } .language-menu__lang-item--active { background: #d70f37; } .language-menu__lang-item--active a { color: #fff; } .stage { transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); position: relative; display: flex; overflow: hidden; background: black; box-sizing: border-box; margin-top: -120px; padding-top: 120px; } .stage__content-inner { position: relative; width: 100%; } @media (min-width: 768px) { .stage { margin-top: -145px; } } @media (min-width: 1024px) { .stage { margin-top: -145px; } } @media (min-width: 2120px) { .stage { margin-top: -145px; } } .stage .stage__background-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .stage .stage__background-wrapper > div[data-vide-bg] { width: 100%; height: 100%; z-index: 0 !important; } .stage .stage__background-wrapper .slider { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; margin-bottom: 0 !important; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .stage .stage__background-wrapper .slider__item { transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .stage .stage__content-eyecatcher > div { margin-bottom: 0; } .stage.stage--search-module .stage__content-wrapper { display: flex; flex-direction: column; justify-content: center; margin-top: 200px; } .stage .stage__content-wrapper { position: relative; display: flex; justify-content: flex-start; align-items: flex-end; } .stage .stage__content-wrapper h1 { color: #000; background-color: #fff; padding: 0 15px; font-size: 4rem; width: auto; float: left; margin-bottom: 1em; } @media (max-width: 767px) { .stage .stage__content-wrapper h1 { font-size: 8vw; } } .stage .stage__content-wrapper .first-word { color: #000; } .stage .stage__content-wrapper .first-word::after { display: none; } .stage .stage__content-wrapper-inner { position: relative; } .stage video { max-width: initial; } .stage.stage--big { height: 765px; } .stage.stage--big .slider__item { height: 765px; } @media (max-width: 1023px) { .stage.stage--big { height: 665px; } .stage.stage--big .slider__item { height: 665px; } } @media (max-width: 768px) { .stage.stage--big { height: 426px; } .stage.stage--big .slider__item { height: 426px; } } .stage.stage--small { height: 465px; } .stage.stage--small .slider__item { height: 465px; } @media (max-width: 768px) { .stage.stage--small { height: 315px; } .stage.stage--small .slider__item { height: 315px; } } .stage--search-module { height: 1000px !important; } @media (max-width: 768px) { .stage--search-module { height: 800px !important; } } .first-word { color: #000; position: relative; } .first-word::after { display: block; width: 115px; border-bottom: 2px solid #d70f37; content: ""; bottom: -4px; position: absolute; } p, .employee-quote .employee-quote__position, .tx-felogin-pi1 .tx-felogin-pi1__message { line-height: 1.5; } strong, b { font-weight: 700; } .teaserbox { position: relative; display: block; } .teaserbox:hover .teaserbox__image img { transform: scale(1.1); } @media (min-width: 1024px) { .teaserbox:hover .teaserbox__image img { transform: translateX(-50%) scale(1.1); } } .teaserbox:hover.teaserbox--division .teaserbox__image img { transform: scale(0.9); filter: none; } .teaserbox.teaserbox--text-center .teaserbox__headline { text-align: center; } .teaserbox.teaserbox--division .teaserbox__image { margin-bottom: 0px; } .teaserbox.teaserbox--division .teaserbox__image img { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transform: scale(0.8); filter: grayscale(100%) contrast(5%); } .teaserbox.teaserbox--division .teaserbox__image img.teaserbox__svg-image { height: 275px; } @media (max-width: 1200px) { .teaserbox.teaserbox--division .teaserbox__image img.teaserbox__svg-image { padding-bottom: 30px; } } @media (max-width: 768px) { .teaserbox.teaserbox--division .teaserbox__image img.teaserbox__svg-image { padding-bottom: 60px; } } .teaserbox .teaserbox__image { display: block; overflow: hidden; margin-bottom: 10px; } .teaserbox .teaserbox__image img { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), filter 1s cubic-bezier(0.19, 1, 0.22, 1); transform: scale(1); display: block; } @media (min-width: 1024px) { .teaserbox .teaserbox__image--in-Grid { position: relative; margin-left: auto; margin-right: auto; overflow: hidden; } .teaserbox .teaserbox__image--in-Grid img { position: absolute; left: 50%; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(-50%) scale(1); width: initial; max-width: initial; min-width: 100%; } .teaserbox .teaserbox__image--in-2ColumnGrid { height: 337px; } .teaserbox .teaserbox__image--in-3ColumnGrid { height: 225px; } .teaserbox .teaserbox__image--in-4ColumnGrid { height: 160px; } } @media (min-width: 1024px) and (max-width: 1024px) { .teaserbox .teaserbox__image--in-Grid { height: initial !important; } } .teaserbox .teaserbox__headline { display: block; } .teaserbox .teaserbox__headline h3 { margin-bottom: 0; } .teaserbox .teaserbox__headline a { text-decoration: none; outline: none; } .teaserbox .teaserbox__headline a:hover { text-decoration: none; } .teaserbox .teaserbox__headline a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .teaserbox .teaserbox__headline.teaserbox__headline--division { margin-top: -40px; } @media (max-width: 768px) { .teaserbox .teaserbox__headline.teaserbox__headline--division { margin-top: -60px; } } .teaserbox .teaserbox__content { display: block; } .teaserbox .teaserbox__content p, .teaserbox .teaserbox__content .employee-quote .employee-quote__position, .employee-quote .teaserbox .teaserbox__content .employee-quote__position, .teaserbox .teaserbox__content .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .teaserbox .teaserbox__content .tx-felogin-pi1__message { font-size: 18px; font-size: 1.125rem; } .teaserbox .teaserbox__content a { position: relative; z-index: 2; } .section.section--parallax .teaserbox.teaserbox--division .teaserbox__image img { height: auto; filter: none; } .pages-preview { margin-bottom: -40px; } .pages-preview .teaserbox { margin-bottom: 40px; } .page-preview-modal { width: calc(100% - 50px); max-width: 670px; margin-left: auto; margin-right: auto; background: #fff; padding: 25px; } @media (max-width: 560px) { .page-preview-modal { width: calc(100% - 30px); padding: 15px; } } @media (max-width: 768px) { .page-preview-modal { margin-top: 30px; } } .page-preview-modal .teaserbox__content { margin-top: 25px; } .page-preview-modal .page-preview-modal__header .page-preview-modal__title { color: #d70f37; } .page-preview-modal .page-preview-modal__header .page-preview-modal__title a { color: #d70f37; text-decoration: none; } .page-preview-modal .page-preview-modal__header .page-preview-modal__title a:hover { color: #575756; text-decoration: none; } .page-preview-modal .page-preview-modal__header .page-preview-modal__image { display: block; overflow: hidden; width: 50%; float: left; margin: -25px 25px 0px -25px; } @media (max-width: 560px) { .page-preview-modal .page-preview-modal__header .page-preview-modal__image { width: 100%; margin: 0px 0px 15px 0px; } } .page-preview-modal .page-preview-modal__header:after { display: block; content: ' '; clear: both; } .page-preview-close-button { height: 40px; width: 40px; position: absolute; box-sizing: border-box; line-height: 40px; display: inline-block; margin-right: 15px; margin-top: 15px; } .page-preview-close-button:before, .page-preview-close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -20px; display: block; height: 2px; width: 40px; background-color: #fff; transition: all 0.25s ease-out; } .page-preview-close-button:after { transform: rotate(-135deg); } .page-preview-close-button:hover:before, .page-preview-close-button:hover:after { transform: rotate(0deg); } .button, .cookie-hint .cookie-hint__container .cookie-hint__button { font-weight: 500; padding: 0px 25px; } .button.button--red, .cookie-hint .cookie-hint__container .cookie-hint__button.button--red { background: #d70f37; color: #fff; } .button.button--red:hover, .cookie-hint .cookie-hint__container .cookie-hint__button.button--red:hover { color: #fff; background: #878787; } .button.button--white, .cookie-hint .cookie-hint__container .cookie-hint__button.button--white { background: #fff; color: #d70f37; } .button.button--right, .cookie-hint .cookie-hint__container .cookie-hint__button.button--right { float: right; } .button.button--back, .cookie-hint .cookie-hint__container .cookie-hint__button.button--back { padding-left: 20px; } .button.button--back:before, .cookie-hint .cookie-hint__container .cookie-hint__button.button--back:before { content: "\f053"; color: white; display: inline-block; margin-right: 10px; font-size: 13px; } .scroller, .scroller-inner { box-sizing: border-box; position: relative; min-height: 100vh; } .site-container { position: relative; overflow: hidden; background: #fff; } .mp-pusher { position: relative; left: 0; height: 100%; } .mp-menu { position: absolute; /* we can't use fixed here :( */ top: 0; left: 0; z-index: 1; width: 90%; height: 100%; transform: translate3d(-100%, 0, 0); } .mobile-navigation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate3d(-100%, 0, 0); } /* overlays for pusher and for level that gets covered */ .mp-pusher::after, .mobile-navigation::after, .mobile-navigation::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; } .mp-pusher::after, .mobile-navigation::after { background: rgba(0, 0, 0, 0.3); transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mobile-navigation::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mobile-navigation.mobile-navigation--overlay::after { width: 100%; height: 100%; opacity: 1; transition: opacity 0.3s; } .mobile-navigation.mobile-navigation--overlay { cursor: pointer; } .mobile-navigation.mobile-navigation--overlay.mobile-navigation::before { width: 100%; height: 100%; background: transparent; opacity: 1; } .mp-pusher, .mobile-navigation { transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); } /* overlap */ .mp-overlap .mobile-navigation.mobile-navigation--open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); transform: translate3d(-40px, 0, 0); z-index: 1; } /* First level */ .mp-menu > .mobile-navigation, .mp-menu > .mobile-navigation.mobile-navigation--open, .mp-menu.mp-overlap > .mobile-navigation, .mp-menu.mp-overlap > .mobile-navigation.mobile-navigation--open { box-shadow: none; transform: translate3d(0, 0, 0); } /* cover */ .mp-cover .mobile-navigation.mobile-navigation--open { transform: translate3d(0, 0, 0); z-index: 1; } .mp-cover .mobile-navigation.mobile-navigation--open > ul > li > .mobile-navigation:not(.mobile-navigation--open) { transform: translate3d(-100%, 0, 0); } .mobile-navigation { background: #000; color: #fff; } .mobile-navigation.mobile-navigation--overlay { z-index: -1; } .mobile-navigation ul { border-top: 1px solid #fff !important; list-style: none; padding-left: 0; margin: 0; } .mobile-navigation ul .mobile-navigation__item { display: block; border-bottom: 1px solid #fff; } .mobile-navigation ul .mobile-navigation__item a { font-size: 20px; font-size: 1.25rem; transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); display: block; padding: 5px 15px; font-weight: 300; line-height: 2; color: #fff; text-decoration: none; -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; } .mobile-navigation ul .mobile-navigation__item a:hover { color: #fff; background: #d70f37; } .mobile-navigation ul .mobile-navigation__item.mobile-navigation__item--active > a { color: #d70f37; background: #fff; } .mobile-navigation ul .mobile-navigation__item.mobile-navigation__item--active > a:hover { color: #fff; background: #d70f37; } .mobile-navigation ul .mobile-navigation__item.mobile-navigation__item--arrow-right > a::after { position: absolute; margin-top: 0.6rem; right: 15px; content: "\f105"; } .mobile-navigation .mobile-navigation__back-btn { font-size: 16px !important; font-size: 1rem !important; border-bottom: 1px solid #fff !important; } .mobile-navigation .mobile-navigation__back-btn::before { position: absolute; margin-top: 0.6rem; right: 15px; content: "\f104"; } .mobile-navigation .mobile-navigation__back-btn::after { content: ''; position: absolute; display: block; left: 0; right: 0; bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important; } .mobile-navigation .mobile-navigation__headline { font-size: 26px; font-size: 1.625rem; font-weight: bold; position: relative; z-index: -1; padding: 15px; color: #fff; background: #000; margin-bottom: 2em; margin-top: 0.6em; } .mobile-navigation .social-icons { padding-left: 15px; padding-top: 15px; } .mobile-navigation .social-icons .social-icons__item { font-size: 20px; font-size: 1.25rem; display: block; } .mobile-navigation .social-icons .social-icons__icon { width: 35px; height: 35px; line-height: 35px; } .mp-menu.mp-overlap h2::before { position: absolute; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; transition: opacity 0.3s, transform 0.1s 0.3s; transform: translateX(-100%); } .mp-pushed .header { z-index: 0 !important; } .mp-pushed .stage { z-index: -1 !important; } .htmlScrollFix { overflow: hidden; height: 100%; margin: 0; padding: 0; border: none; } .bodyScrollFix { overflow: hidden; position: relative; box-sizing: border-box; margin: 0; height: 100%; } .csc-frame-default { display: block; margin-bottom: 20px; } .csc-frame-default:before, .csc-frame-default:after { content: " "; display: block; } .csc-frame-default:after { clear: both; } .csc-frame-default:target:before { content: " "; display: block; height: 210px; /* same as your fixed header height */ margin: -210px 0 0; /* negative fixed header height */ } .site-overlay::after { display: none; position: fixed; top: 35px; right: 0; bottom: 0; left: 0; z-index: 3; background-color: rgba(0, 0, 0, 0.5); height: 100%; content: ''; } @media (max-width: 560px) { .site-overlay::after { top: 150px; } } .site-overlay.site-overlay--open::after { display: block; } .site-overlay.site-overlay--open .header__content-eyecatcher { z-index: -1; } .ie11 .grid__column > *, .ie10 .grid__column > * { overflow: hidden; } .grid__column--xs-5-cols { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex-basis: 20%; width: 20%; max-width: 20%; margin-left: 0; order: 0; } @media (min-width: 768px) { .grid__column--sm-5-cols { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex-basis: 20%; width: 20%; max-width: 20%; margin-left: 0; order: 0; } } @media (min-width: 1024px) { .grid__column--md-5-cols { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex-basis: 20%; width: 20%; max-width: 20%; margin-left: 0; order: 0; } } @media (min-width: 1200px) { .grid__column--lg-5-cols { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex-basis: 20%; width: 20%; max-width: 20%; margin-left: 0; order: 0; } } .to-top-button { transition: bottom 0.5s ease-out; display: none; position: fixed; width: 49px; height: 49px; bottom: 30px; right: 60px; z-index: 100; text-decoration: none; outline: none; border: 2px solid #fff; border-radius: 26px; overflow: hidden; cursor: pointer; } @media (max-width: 768px) { .to-top-button { right: 30px; } } .to-top-button:hover:before { color: rgba(215, 15, 55, 0.8); } .to-top-button:before { font-size: 50px; font-size: 3.125rem; font-family: 'base-icons'; content: "\e905"; color: #d70f37; position: relative; z-index: 1; left: -1px; top: -1px; } .to-top-button:after { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; content: ''; background: white; border-radius: 50%; z-index: 0; } .to-top-button.to-top-button--fade-in { display: block; animation: fadeIn ease-in; animation-duration: 0.3s; animation-fill-mode: forwards; } .to-top-button.to-top-button--fade-out { display: block; animation: fadeOut ease-in; animation-duration: 0.3s; animation-fill-mode: forwards; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .footer { position: relative; z-index: 5; } .footer .csc-menu { padding-left: 0; } .footer .csc-menu li::before { display: none; } .footer .csc-menu li a { text-decoration: none; } .footer .csc-menu li a:hover { text-decoration: underline; } .footer .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } @media (min-width: 768px) { .footer .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; } } .footer .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; width: 16.6666666667%; max-width: 16.6666666667%; margin-left: 0; order: 0; } @media (min-width: 768px) { .footer .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } @media (min-width: 1024px) { .footer .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } @media (min-width: 1200px) { .footer .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } .footer .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } @media (min-width: 768px) { .footer .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; margin-left: 0; order: 0; } } .footer-meta-navigation { padding: 0; margin: 0 0 30px 0; line-height: 2; } .footer-meta-navigation .footer-meta-navigation__item { display: inline-block; } .footer-meta-navigation .footer-meta-navigation__item a { transition: color 0.3s cubic-bezier(0.19, 1, 0.22, 1); text-decoration: none; color: #878787; } .footer-meta-navigation .footer-meta-navigation__item a:hover { color: #ececec; text-decoration: underline; } .footer-meta-navigation .footer-meta-navigation__item + .footer-meta-navigation__item { margin-left: 10px; } .copyright { color: #878787; } .accordion { border-left: none; border-right: none; border-bottom: 3px solid #d8d8d8; } .accordion:first-child { border-top: 3px solid #d8d8d8; } .accordion .accordion--open > .accordion__header { background: none; } .accordion .accordion__header { font-size: 20px; font-size: 1.25rem; background: none; padding-top: 10px; padding-bottom: 10px; line-height: 1.5; } .accordion .accordion__header:hover { background: none; } .accordion .accordion__header:after { line-height: 45px; } .accordion .accordion__content > .csc-frame-default { padding: 15px; padding-bottom: 40px; } .solution-finder { width: 100%; max-width: 700px; background-color: rgba(0, 0, 0, 0.4); border: 2px solid #000; margin-left: auto; margin-right: auto; padding: 50px 25px 25px 25px; } @media (max-width: 768px) { .solution-finder { padding: 25px; } } @media (max-width: 560px) { .solution-finder { padding: 100px 20px 75px 20px; border: none; margin-right: -20px; margin-left: -20px; } } .solution-finder h3 { font-weight: lighter; margin-bottom: 30px; } @media (max-width: 768px) { .solution-finder h3 { margin-bottom: 5px; } } .solution-finder .select-field__box { background: transparent; margin-bottom: 20px; } .solution-finder .select-field__box select { padding: 12px 55px 12px 12px; border-left: none; border-right: none; color: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.9); border-bottom: 1px solid rgba(255, 255, 255, 0.9); word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap; } .solution-finder .select-field__box select option { color: rgba(255, 255, 255, 0.9); font-size: 16px; background: rgba(0, 0, 0, 0.9); } .solution-finder .select-field__box select:disabled { color: #878787; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-appearance: none; -moz-appearance: none; } .solution-finder .select-field__box select::-ms-expand { display: none; } .solution-finder .select-field__box:after { top: 10px; bottom: 10px; line-height: 24px; background: none; border-top: none; border-bottom: none; border-right: none; border-left: 1px solid rgba(255, 255, 255, 0.5); content: "\f0d7"; pointer-events: none; } @media (max-width: 768px) { .solution-finder .select-field__box { margin-bottom: 15px; } } .solution-finder .button--submit { float: right; width: 190px; padding: 27px; line-height: 0px; background: #fff; color: #d70f37; } .solution-finder .button--submit:disabled { opacity: 0.5; } .stretch-container { transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin-left 0.3s cubic-bezier(0.19, 1, 0.22, 1); width: 150%; margin-left: -25%; box-sizing: border-box; } .stretch-container .teaserbox__image--in-4ColumnGrid { height: 235px; } @media (max-width: 1780px) { .stretch-container { width: 125%; margin-left: -12.5%; } } @media (max-width: 1500px) { .stretch-container { width: 110%; margin-left: -5%; } } @media (max-width: 1320px) { .stretch-container { width: 100%; margin-left: 0; } } .quotes { display: flex; width: 100%; margin-top: 20px; margin-bottom: 20px; } .quotes .quotes__quote { margin-bottom: 5px; } .quotes .quotes__quote.quotes__quote--big-font-style > * { font-size: 25px; font-size: 1.5625rem; } .quotes .quotes__author { margin-bottom: 5px; } .quotes .quotes__author p, .quotes .quotes__author .employee-quote .employee-quote__position, .employee-quote .quotes .quotes__author .employee-quote__position, .quotes .quotes__author .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .quotes .quotes__author .tx-felogin-pi1__message { font-size: 13px; font-size: 0.8125rem; } .quotes .quotes__mark svg { display: block; width: 32px; height: 26px; max-width: inherit; } .quotes .quotes__mark svg path { fill: #d70f37; } .quotes .quotes__mark.quotes__mark--left { align-self: flex-start; margin-right: 10px; } .quotes .quotes__mark.quotes__mark--right { align-self: flex-end; margin-left: 10px; } .quotes .quotes__mark.quotes__mark--right svg { transform: rotate(180deg); } .news-filter { margin-left: -15px; } .news-filter fieldset { height: 36px; line-height: 36px; min-height: 72px; } @media (max-width: 768px) { .news-filter fieldset { height: auto; margin-bottom: 10px; } } .news-filter__element { display: inline-block; margin-left: 15px; } .news-filter__element label { font-size: 12px; } .news-filter__element .select-field__box { width: 170px; display: inline-block; } .news-filter__element .select-field__box:first-of-type { margin-left: 0px; } @media (max-width: 768px) { .news-filter__element .select-field__box { width: 100%; } } .news-filter__element:first-of-type { margin-left: 0px; } @media (max-width: 768px) { .news-filter__element { width: calc(100% - 15px); margin-left: 0px; } } .news-filter__date { display: inline-block; } .news-filter__checkbox { display: none; } .news-filter__checkbox + label { display: inline-block; cursor: pointer; font-size: 12px; line-height: 20px; text-align: center; } .news-filter__checkbox + label:first-of-type { padding-left: 0px; } .news-filter__checkbox + label:last-of-type { padding-left: 0px; } .news-filter__checkbox + label:last-of-type:after { border-right: 0px; } .news-filter__checkbox + label:after { font-family: 'base-icons'; content: "\f0a1"; display: inline-block; position: relative; width: 100%; border: none; background-color: #fff; color: #878787; vertical-align: middle; text-align: center; border-radius: 0px; margin: 0px; font-size: 2rem; line-height: 1; border-right: 2px solid #ececec; padding-top: 5px; } .news-filter__checkbox + label.news-filter__default:after { content: "\f0a1"; } .news-filter__checkbox + label.news-filter__icon-news:after { content: "\f0a1"; } .news-filter__checkbox + label.news-filter__icon-press:after { content: "\f1ea"; } .news-filter__checkbox + label.news-filter__icon-twitter:after { content: "\f099"; } .news-filter__checkbox + label.news-filter__icon-events:after { content: "\f073"; } .news-filter__checkbox + label.news-filter__icon-adhocnews:after { content: "\e907"; } .news-filter__checkbox + label.news-filter__icon-corporatenews:after { content: "\e908"; } .news-filter__checkbox:checked + label:after { color: #d70f37; } .breadcrumb a { text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb .breadcrumb__item:after { font-weight: normal; } .breadcrumb .breadcrumb__wrapper { display: flex; align-items: center; background-color: #ececec; height: 50px; } @media (max-width: 768px) { .breadcrumb .breadcrumb__wrapper { display: none; } } .header-outer-wrap + .breadcrumb__wrapper { margin-top: 90px; } .header-outer-wrap + .breadcrumb__wrapper + .main-content { padding-top: 45px; } .plugin-list .plugin-list__item { border-bottom: 3px solid #d8d8d8; } .plugin-list .plugin-list__headline a { text-decoration: none; color: #d70f37; font-weight: 400; } .plugin-list .plugin-list__headline-icon:before { font-family: 'base-icons'; position: relative; top: 2px; margin-right: 5px; font-weight: 400; } .plugin-list .plugin-list__headline-icon--news:before { content: "\f0a1"; } .plugin-list .plugin-list__headline-icon--twitter:before { font-size: 23px; font-size: 1.4375rem; content: "\f099"; color: #4099ff; } .plugin-list .plugin-list__headline-icon--press:before { content: "\f1ea"; } .plugin-list .plugin-list__headline-icon--events:before { content: "\f073"; } .plugin-list .plugin-list__headline-icon--corporatenews:before { content: "\e908"; } .plugin-list .plugin-list__headline-icon--adhocnews:before { content: "\e907"; } .plugin-list .plugin-list__date { font-size: 16px; font-size: 1rem; color: #d70f37; font-weight: 500; } .plugin-list .plugin-list__button { margin-bottom: 20px; font-weight: 500; } @media (min-width: 1024px) { .plugin-list .plugin-list__button { margin-right: 40px; display: inline-block; } } .plugin-list .plugin-list__categories { font-size: 16px; font-size: 1rem; } .plugin-list .plugin-list__categories:before { content: '| '; } .plugin-list .plugin-list__link { display: inline-block; margin-bottom: 15px; margin-right: 40px; line-height: 24px; } .plugin-list .plugin-list__link:before { font-size: 26px; font-size: 1.625rem; font-family: 'base-icons'; position: relative; top: 5px; margin-right: 10px; text-decoration: none; display: inline-block; } .plugin-list .plugin-list__link--pdf:before { content: "\f1c1"; } .plugin-list .plugin-list__link--word:before { content: "\f1c2"; } .plugin-list .plugin-list__link--excel:before { content: "\f1c3"; } .plugin-list .plugin-list__link--powerpoint:before { content: "\f1c4"; } .plugin-list .plugin-list__link--zip:before { content: "\f1c6"; } .news { overflow: hidden; } .news .plugin-list .button, .news .plugin-list .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .news .plugin-list .cookie-hint__button { margin-left: auto; } .news-accordion-wrapper > .button, .cookie-hint .cookie-hint__container .news-accordion-wrapper > .cookie-hint__button { margin-top: 30px; margin-left: auto; } .news-accordion .news-accordion__date { font-size: 14px; font-size: 0.875rem; color: #d70f37; margin-bottom: 15px; } .news-accordion .news-accordion__image { float: left; margin-right: 30px; margin-bottom: 15px; } .news-accordion .news-accordion__content-wrapper:before, .news-accordion .news-accordion__content-wrapper:after { content: " "; display: block; } .news-accordion .news-accordion__content-wrapper:after { clear: both; } .news-accordion .news-accordion__icon { position: relative; padding-left: 45px; } .news-accordion .news-accordion__icon::before { position: absolute; left: 15px; top: 15px; } .news-accordion .news-accordion__icon.news-accordion__icon--news::before { content: "\f0a1"; color: #d70f37; left: 13px; } .news-accordion .news-accordion__icon.news-accordion__icon--press::before { content: "\f1ea"; color: #d70f37; } .news-accordion .news-accordion__icon.news-accordion__icon--events::before { content: "\f073"; color: #d70f37; } .news-accordion .news-accordion__icon.news-accordion__icon--adhocnews::before { content: "\e907"; color: #d70f37; } .news-accordion .news-accordion__icon.news-accordion__icon--corporatenews::before { content: "\e908"; color: #d70f37; } .news-accordion .news-accordion__icon.news-accordion__icon--twitter::before { content: "\f099"; color: #4099ff; font-size: 23px; font-size: 1.4375rem; } .news-accordion .news-accordion__button { clear: both; } .paginationWrapper .pagination__item span { display: inline-block; width: 40px; } .paginationWrapper .pagination__item a:after { font-family: 'base-icons'; line-height: 1; } .paginationWrapper .pagination__item:first-child:last-child { display: none; } .paginationWrapper .pagination__item--next a:after { content: "\f105"; } .paginationWrapper .pagination__item--next-2 a:after { content: "\f101"; } .paginationWrapper .pagination__item--previous a:after { content: "\f104"; } .paginationWrapper .pagination__item--previous-2 a:after { content: "\f100"; } .h2-style--small { font-size: 20px; font-size: 1.25rem; } h2, .tx-felogin-pi1 .tx-felogin-pi1__headline > h3 { line-height: 1.9; } .news-article .news-article__teaser { font-weight: 600; margin-bottom: 20px; } .news-article .news-article__related { padding-top: 40px; border-top: 3px solid #ececec; } .news-article .news-article__main { margin-bottom: 40px; } .news-article .news-article__main:before, .news-article .news-article__main:after { content: " "; display: block; } .news-article .news-article__main:after { clear: both; } .news-article .news-article__date { display: inline-block; margin-bottom: 10px; font-weight: 500; } .news-article .news-article__categories { display: inline-block; margin-bottom: 10px; } .news-article .news-article__categories:before { content: '- '; } .news-article .news-article__back-button { margin-top: 20px; } .news-article .news-article__back-button::before { font-size: 20px; font-size: 1.25rem; position: relative; top: 2px; background: white; content: "\e906"; margin-right: 5px; } .news-article .news-article__related { display: none; } .news-article .news-article__related.news-article__related--visible { display: block; } .news-article .news-article__related > .news-article__related-wrapper.news-article__related-wrapper--visible + .news-article__related-news { margin-top: 32px; } .news-article .news-article__related-wrapper { display: none; } .news-article .news-article__related-wrapper.news-article__related-wrapper--visible { display: block; } .news-article .news-article__image-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .news-article .news-article__image-wrapper:before, .news-article .news-article__image-wrapper:after { content: " "; display: block; } .news-article .news-article__image-wrapper:after { clear: both; } @media (min-width: 768px) { .news-article .news-article__image-wrapper { max-width: 33%; margin-right: 15px; width: 100%; float: left; } } .news-article .news-article__image-wrapper .media-element { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; margin-left: 0; order: 0; margin: 0 0 15px 0; padding-right: 0; } @media (min-width: 768px) { .news-article .news-article__image-wrapper .media-element { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; width: 33.3333333333%; max-width: 33.3333333333%; margin-left: 0; order: 0; } } .news-article .news-article__image-wrapper .media-element img { display: block; } .news-article .news-article__image-wrapper .media-element:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } @media (min-width: 768px) { .news-article .news-article__image-wrapper .media-element:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; padding-left: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-left: 0; order: 0; } } .related-items { margin-bottom: 30px; } .related-items .related-items__date { font-size: 16px; font-size: 1rem; display: inline-block; margin-bottom: 10px; color: #d70f37; font-weight: 500; } .related-items .related-items__headline > a { color: #d70f37; text-decoration: none; font-weight: 400; } .related-items .related-items__headline > a:hover { color: #d70f37; text-decoration: none; } .related-items .related-items__categories { display: inline-block; margin-bottom: 10px; } .related-items .related-items__categories:before { content: '- '; } .related-items .related-items__headline-icon { padding-left: 30px; box-sizing: border-box; } .related-items .related-items__headline-icon.related-items__headline-icon--news > a::before { content: "\f0a1"; color: #d70f37; } .related-items .related-items__headline-icon.related-items__headline-icon--press > a::before { content: "\f1ea"; color: #d70f37; } .related-items .related-items__headline-icon.related-items__headline-icon--events > a::before { content: "\f073"; color: #d70f37; } .related-items .related-items__headline-icon.related-items__headline-icon--adhocnews > a::before { content: "\e907"; color: #d70f37; } .related-items .related-items__headline-icon.related-items__headline-icon--corporatenews > a::before { content: "\e908"; color: #d70f37; } .related-items .related-items__headline-icon.related-items__headline-icon--twitter > a::before { content: "\f099"; color: #4099ff; font-size: 23px; font-size: 1.4375rem; } .related-items .related-items__headline-icon > a { position: relative; } .related-items .related-items__headline-icon > a::before { position: absolute; left: -30px; top: 4px; } .download-archiv .download-archiv__demand { margin-bottom: 20px; } .download-archiv .download-archiv__demand .demand .select-field__box { width: 400px; display: inline-block; } @media (max-width: 768px) { .download-archiv .download-archiv__demand .demand .select-field__box { width: 100%; } } .download-archiv .download-archiv__files-list { margin-bottom: 20px; } .download-archiv .download-archiv__files-list .download-archiv__file { margin-bottom: 20px; } .download-archiv .download-archiv__files-list .download-archiv__file header { margin-bottom: 10px; } .download-archiv .download-archiv__files-list .download-archiv__file .plugin-list__headline { word-break: break-all; } .download-archiv .download-archiv__files-list .plugin-list__subinfo .plugin-list__categories:before { content: ''; } .download-archiv .download-archiv__files-list .plugin-list__subinfo span { color: #d70f37; } .download-archiv .download-archiv__files-list .plugin-list__subinfo span:after { content: ","; } .download-archiv .download-archiv__files-list .plugin-list__subinfo span:last-of-type:after { content: ""; } .download-archiv .download-archiv__files-list .download-archiv__image { margin-bottom: 20px; } .download-archiv .download-archiv__files-list .download-archiv__image img { float: left; margin-right: 30px; margin-bottom: 15px; } @media (max-width: 560px) { .download-archiv .download-archiv__files-list .download-archiv__image img { float: none; } } .download-archiv .download-archiv__files-list .download-archiv__links { border-bottom: 3px solid #d8d8d8; } .safari .download-archiv .demand .select-field__box:after, .ipad .download-archiv .demand .select-field__box:after, .iphone .download-archiv .demand .select-field__box:after { border-top: none; top: 3px; } .ce-uploads { list-style: none; margin-bottom: 0px; padding-left: 0px; } .ce-uploads .ce-uploads-element { padding: 15px 0; border-bottom: 3px solid #d8d8d8; } .ce-uploads .ce-uploads-element a { text-decoration: none; text-transform: uppercase; } .ce-uploads .ce-uploads-element:last-of-type { border-bottom: none; } .ce-uploads .ce-uploads-element:after { display: block; content: ' '; clear: both; } .ce-uploads .ce-uploads-secuview-element { display: flex; align-items: center; flex-direction: row; justify-content: space-between; } @media (max-width: 560px) { .ce-uploads .ce-uploads-secuview-element { display: block; } } .ce-uploads .ce-uploads-secuview-element .ce-uploads-title { padding-right: 20px; word-break: break-all; } @media (max-width: 768px) { .ce-uploads .ce-uploads-secuview-element .ce-uploads-title { max-width: calc(50% - 20px); } } @media (max-width: 560px) { .ce-uploads .ce-uploads-secuview-element .ce-uploads-title { display: block; margin-bottom: 10px; max-width: none; } } .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right { margin-left: auto; } .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .button, .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .cookie-hint__button { margin: 0; } .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .button:before, .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .cookie-hint .cookie-hint__container .cookie-hint__button:before, .cookie-hint .cookie-hint__container .ce-uploads .ce-uploads-secuview-element .ce-uploads-button-right .cookie-hint__button:before { font-family: 'base-icons'; padding-right: 10px; content: "\f019"; position: relative; z-index: 1; } .ce-uploads .ce-uploads-icon { float: left; margin-right: 10px; padding-top: 4px; } .ce-uploads .ce-uploads-icon:after { display: block; color: #d70f37; } .ce-uploads .ce-uploads-icon--default-file:after { content: "\f016"; } .ce-uploads .ce-uploads-icon--pdf:after { content: "\f1c1"; } .ce-uploads .ce-uploads-icon--word:after { content: "\f1c2"; } .ce-uploads .ce-uploads-icon--excel:after { content: "\f1c3"; } .ce-uploads .ce-uploads-icon--powerpoint:after { content: "\f1c4"; } .ce-uploads .ce-uploads-icon--zip:after { content: "\f1c6"; } .ce-uploads .ce-uploads-icon--image:after { content: "\f1c5"; } .ce-uploads .ce-uploads-fileName { float: left; margin-right: 5px; } .ce-uploads .ce-uploads-filesize { font-size: 15px; } .ce-uploads .ce-uploads-filesize:before { content: "|"; display: inline; margin-left: 5px; } .tabpanel--mobile-accordion .tabpanel__content.accordion > .accordion__content > .csc-frame-default { padding: 0; } .tabpanel__tablist { text-align: center; line-height: 42px; margin-bottom: 50px; border-bottom: 2px solid #d70f37; } .tabpanel__tablist li { float: left; margin-bottom: 0px; border: none; } .tabpanel__tablist li a { font-weight: 500; } .tabpanel__tablist li.active { border: none; } @media (max-width: 560px) { .tabpanel__tablist li { display: block; border: 0px; } .tabpanel__tablist li + li { margin-left: 0px; } .tabpanel__tablist li a { display: block; } } .tabpanel__content .csc-header { display: none; } /* Default Table Variables */ table { width: 100%; margin-bottom: 15px; } table thead tr { border: none; } table thead th, table thead td { color: #000 !important; background-color: #969ea2 !important; } table tr th { font-size: 16px; font-size: 1rem; color: #fff; margin-bottom: 0; padding: 5px; text-align: left; font-weight: normal; background: #d8d8d8; } table tr td { font-size: 16px; font-size: 1rem; line-height: 23px; line-height: 1.4; font-family: "Axiforma", Arial, sans-serif; font-weight: normal; text-align: left; } table tr:nth-child(odd) { background: transparent; } table tr:nth-child(odd) th, table tr:nth-child(odd) td { font-size: 16px; font-size: 1rem; font-family: "Axiforma", Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.5; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #d8d8d8; } table tr:nth-child(even) { background: transparent; } table tr:nth-child(even) th, table tr:nth-child(even) td { font-size: 16px; font-size: 1rem; font-family: "Axiforma", Arial, sans-serif; font-weight: normal; text-align: left; line-height: 1.5; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #d8d8d8; } table tr td { padding: 5px; color: #000; } table.contenttable-1 tr th, table.contenttable-1 tr td { border: 1px solid #fff; vertical-align: middle; } table.contenttable-1 tr th[scope='row'].td-0, table.contenttable-1 tr td[scope='row'].td-0 { width: 25%; border-bottom: 1px solid #dfdfdf; } table.contenttable-1 tr th[scope='col'] { border-right: 1px solid #dfdfdf; } table.contenttable-1 tr.tr-even { background: #ececec; } .contenttable-2 tr:first-of-type th, .contenttable-2 tr:first-of-type td { color: #fff; background: #d70f37; border: none; } .contenttable-2 tr .td-header { color: #d70f37; background: #e7e7e7; font-weight: bold; border: none; } @media (max-width: 1024px) { div.tablewrap { overflow-x: scroll; -webkit-overflow-scrolling: touch; } } .section--red .contenttable-2 tr.tr-0 th, .section--red .contenttable-2 tr.tr-0 td { color: #000; background: #fff; } .section--red .contenttable-2 tr .td-header { color: #000; background: #fff; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .search-icon { flex-shrink: 0; flex-grow: 0; width: 85px; display: inline-block; opacity: 1; text-align: right; transition: opacity 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); position: relative; background-color: #d70f37; color: #fff; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .search-icon { width: 105px; } } .search-icon:hover { cursor: pointer; } .search-icon:before { font-size: 24px; font-size: 1.5rem; font-family: 'base-icons'; content: "\f002"; } .search-icon:hover { color: #000; } .search-icon span { display: none; visibility: hidden; } .invisible { opacity: 0 !important; } .search-input-layer { background-color: #d70f37; width: 100%; margin-left: auto; margin-right: auto; position: absolute; top: 0; right: 0; z-index: -1; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; height: 85px; display: flex; } @media (min-width: 768px) { .search-input-layer { width: 83.3333333333%; height: 105px; } } .search-input-layer form { width: 100%; display: flex; } .search-input-layer form:before { font-size: 1.5rem; font-family: 'base-icons'; content: "\f002"; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-left: 30px; color: #fff; } .search-input-layer.search-input-layer--open { opacity: 1; z-index: 2000; } .search-input-layer .header__content { display: flex; justify-content: space-between; } .search-input-layer .container-fluid, .search-input-layer .section .section__content-wrapper, .section .search-input-layer .section__content-wrapper, .search-input-layer .stage .stage__content-wrapper, .stage .search-input-layer .stage__content-wrapper { position: relative; } .search-input-layer .search-input-layer__input { background: #d70f37; color: #fff; width: 100%; height: 100%; border: none; font-style: normal; margin-bottom: 0; font-size: 2.2rem; padding: 30px; } .search-input-layer .search-input-layer__input::-webkit-input-placeholder { color: transparent; font-weight: 400; font-style: italic; } .search-input-layer .search-input-layer__input::-moz-placeholder { color: transparent; font-weight: 400; font-style: italic; } .search-input-layer .search-input-layer__input:-ms-input-placeholder { color: transparent; font-weight: 400; font-style: italic; } .search-input-layer .search-input-layer__input:-moz-placeholder { color: transparent; font-weight: 400; font-style: italic; } .search-input-layer .search-input-layer__input::-ms-clear { display: none; } .search-input-layer .search-input-layer__close-button { flex-shrink: 0; height: 85px; width: 85px; line-height: 85px; box-sizing: border-box; display: inline-block; z-index: 4; background: #000; color: #fff; position: relative; } @media (min-width: 768px) { .search-input-layer .search-input-layer__close-button { height: 105px; width: 105px; line-height: 105px; } } .search-input-layer .search-input-layer__close-button:before, .search-input-layer .search-input-layer__close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 75%; left: 50%; margin-top: -21.25px; margin-left: -21.25px; display: block; height: 2px; width: 42.5px; background-color: #fff; transition: all 0.25s ease-out; } @media (min-width: 768px) { .search-input-layer .search-input-layer__close-button:before, .search-input-layer .search-input-layer__close-button:after { margin-top: -26.25px; margin-left: -26.25px; width: 52.5px; } } .search-input-layer .search-input-layer__close-button:after { transform: rotate(-135deg); } .search-input-layer .search-input-layer__close-button:hover { cursor: pointer; } .search-input-layer .search-input-layer__close-button:hover:before, .search-input-layer .search-input-layer__close-button:hover:after { transform: rotate(0deg); } .ie11 .search-output-layer__suggestions-container .grid__column { display: table; } .ie11 .sticky-header .search-output-layer { top: 39px; } .search-output-layer { position: absolute; background-color: white; display: none; min-height: 100px; left: 0; right: 0; top: 85px; padding-top: 30px; padding-bottom: 30px; width: 106%; margin-left: -3%; } @media (min-width: 768px) { .search-output-layer { top: 105px; } } @media (min-width: 1850px) { .search-output-layer { width: 155%; margin-left: -27.5%; } } @media (max-width: 1350px) { .search-output-layer { width: 100%; margin-left: 0; } } @media (max-width: 767px) { .search-output-layer { box-shadow: 1px 1px 1px 0px #ececec; } } .search-output-layer.search-output-layer--open { display: block; } .search-output-layer .search-output-layer__headline { font-size: 16px; font-size: 1rem; margin-bottom: 10px; font-weight: 500; text-align: left; text-transform: uppercase; color: #d70f37; } .search-output-layer .search-output-layer__suggestions-container { display: inline-block; margin-bottom: 40px; } @media (max-width: 767px) { .search-output-layer .search-output-layer__suggestions-container { border-bottom: 2px solid #ececec; display: block; } } .search-output-layer .search-output-layer__result-container { display: block; margin-bottom: 100px; } @media (max-width: 767px) { .search-output-layer .search-output-layer__result-container { display: none; } } .search-output-layer .search-output-layer__result-container .grid__column { border-right: 2px solid #ececec; } .search-output-layer .search-output-layer__result-container .grid__column:last-of-type { border-right: none; } .search-output-layer .search-output-layer__result-container p, .search-output-layer .search-output-layer__result-container .employee-quote .employee-quote__position, .employee-quote .search-output-layer .search-output-layer__result-container .employee-quote__position, .search-output-layer .search-output-layer__result-container .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .search-output-layer .search-output-layer__result-container .tx-felogin-pi1__message { font-style: italic; padding: 10px 0px; } .search-output-layer .search-output-layer__result-list:empty::before { font-size: 16px; font-size: 1rem; display: block; content: attr(data-empty-label); text-decoration: none; padding: 10px; margin-left: -10px; position: relative; outline: none; word-break: break-word; word-wrap: break-word; } .search-output-layer .search-output-layer__result-list, .search-output-layer .search-output-layer__suggestions-list { list-style: none; padding-left: 0; } .search-output-layer .search-output-layer__suggestions-list-item a { font-size: 16px; font-size: 1rem; text-decoration: none; display: inline-block; padding-top: 8px; padding-bottom: 8px; } .search-output-layer .search-output-layer__result-list-item a { font-size: 16px; font-size: 1rem; text-decoration: none; display: inline-block; color: #575756; font-weight: 400; text-align: left; padding: 10px; margin-left: -10px; position: relative; transition: color 1.6s cubic-bezier(0.19, 1, 0.22, 1); outline: none; word-break: break-word; word-wrap: break-word; } @media (max-width: 1024px) { .search-output-layer .search-output-layer__result-list-item a { font-size: 14px; font-size: 0.875rem; } } .search-output-layer .search-output-layer__result-list-item a:after { display: inline-block; content: ""; position: absolute; width: 0%; background-color: #d70f37; bottom: 0; left: 0; top: calc(100% - 3px); transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), top 0.4s cubic-bezier(1, 0, 0, 1); } .search-output-layer .search-output-layer__result-list-item a:hover { color: #d70f37; } .search-output-layer .search-output-layer__result-list-item a:hover:after { width: 100%; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), top 0.4s cubic-bezier(1, 0, 0, 1); } .search-output-layer .search-output-layer__result-list-item--hidden { display: none; } .search-output-layer .search-output-layer__result-container-mobile { display: block; margin-bottom: 20px; width: 100%; max-width: 100%; } .search-output-layer .search-output-layer__button { align-self: center; } @media (max-width: 767px) { .search-output-layer .search-output-layer__button { display: none; } } .search-result-slider { -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); position: relative; display: none; margin-bottom: 20px; } .search-result-slider:before, .search-result-slider:after { content: " "; display: block; } .search-result-slider:after { clear: both; } @media (min-width: 768px) { .search-result-slider { display: none !important; } } .search-result-slider .search-result-slider__item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; } .search-result-slider .search-result-slider__item--margin { margin-left: 15px; margin-right: 15px; } @media (max-width: 767px) { .search-result-slider .search-result-slider__item { margin-left: 0px; margin-right: 0px; } } .search-result-slider .search-result-slider__item:focus { outline: none; border: none; } .search-result-slider .search-result-slider__content-wrapper { padding-bottom: 50px; margin-right: auto; margin-left: auto; display: table; padding-left: 35px; padding-right: 35px; } .search-result-slider .search-result-slider__content-wrapper h4 { display: inline-block; } .search-result-slider__button { display: inline-block; margin-top: 20px; text-align: left; } .search-result-slider.slick-initialized { -webkit-animation: fadeIn ease-in; -moz-animation: fadeIn ease-in; -ms-animation: fadeIn ease-in; -o-animation: fadeIn ease-in; animation: fadeIn ease-in; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; display: block; } .slider .slider__item { margin-bottom: 0; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Slick Slider Main CSS */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0px; font-size: 0rem; position: absolute; display: block; background: transparent; line-height: 0; cursor: pointer; color: transparent; top: 50%; padding: 0; margin-top: -35px; border: none; outline: none; z-index: 100; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev:before, .slick-next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 1.75rem; font-family: 'base-icons'; display: block; width: 30px; height: 60px; padding: 5px; line-height: 60px; color: #878787; opacity: 0.75; background: none; } @media (max-width: 767px) { .slick-prev, .slick-next { display: inline-block !important; } } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: -10px; } .slick-prev:before { content: "\f053"; } .slick-next { right: -10px; } .slick-next:before { content: "\f054"; } .slick-dots { position: absolute; bottom: 0px; list-style: none; display: block; text-align: center; padding: 0; left: 0; right: 0; } @media (max-width: 767px) { .slick-dots { top: 100%; bottom: inherit; } } .slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 1px solid #878787; border-radius: 50%; background-color: #fff; display: block; height: 15px; width: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; opacity: 0.75; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 1; } .slick-dots li.slick-active button { background-color: #878787; opacity: 1; } @media (max-width: 767px) { .slick-dots li { height: 20px; width: 20px; margin: 15px; } .slick-dots li button { height: 20px; width: 20px; } } .infowidget { position: relative; display: block; right: 0; height: 100%; max-width: 648px; } @media (max-width: 1024px) { .infowidget { max-width: 100%; } } .infowidget .accordion { border-bottom: 2px solid #575756; } .infowidget .accordion:first-child { border-top: none; } .infowidget .accordion:last-child { border-bottom: none; } .infowidget .accordion.accordion--open { background: #575756; color: #fff; } .infowidget .accordion.accordion--open .accordion__header { background: #575756; } .infowidget .accordion .accordion__header { background: #878787; color: #ececec; font-weight: bold; } .infowidget .accordion .accordion__header:hover { background: rgba(87, 87, 86, 0.85); } .infowidget .accordion .accordion__content > .csc-default, .infowidget .accordion .accordion__content > .csc-frame-default { padding: 10px 20px; } .infowidget .accordion .accordion__content > .csc-default .accordion__item, .infowidget .accordion .accordion__content > .csc-frame-default .accordion__item { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .infowidget .accordion .accordion__content > .csc-default .accordion__item:after, .infowidget .accordion .accordion__content > .csc-frame-default .accordion__item:after { content: ' '; display: block; clear: both; } .infowidget .accordion .accordion__content h3 { font-weight: normal; line-height: 0.8; color: #ececec; line-height: 23px; word-wrap: break-word; } .infowidget .accordion .accordion__content .infowidget__content { padding-bottom: 10px; overflow: hidden; } .infowidget .accordion .accordion__content .infowidget__content p, .infowidget .accordion .accordion__content .infowidget__content .employee-quote .employee-quote__position, .employee-quote .infowidget .accordion .accordion__content .infowidget__content .employee-quote__position, .infowidget .accordion .accordion__content .infowidget__content .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .infowidget .accordion .accordion__content .infowidget__content .tx-felogin-pi1__message { max-width: 550px; } .infowidget .accordion .accordion__content .infowidget__image { float: none; margin-right: 30px; margin-bottom: 20px; } @media (min-width: 1350px) { .infowidget .accordion .accordion__content .infowidget__image { float: left; margin-bottom: 15px; } } @media (max-width: 1200px) { .infowidget .accordion .accordion__content .infowidget__image { float: left; margin-bottom: 15px; } } @media (max-width: 560px) { .infowidget .accordion .accordion__content .infowidget__image { float: none; margin-bottom: 20px; } } .infowidget .accordion .accordion__content .infowidget__image--media { min-height: 100px; background-color: #fff; display: flex; align-items: center; width: 100px; justify-content: center; } .infowidget .accordion .accordion__content .infowidget__image--media img { display: block; } .infowidget .accordion .accordion__content .infowidget__link { color: #fff; text-decoration: none; line-height: 24px; } .infowidget .accordion .accordion__content .infowidget__link:hover { color: #ececec; } .infowidget .accordion .accordion__content .infowidget__link:before { font-size: 20px; font-size: 1.25rem; font-family: 'base-icons'; position: relative; top: 3px; margin-right: 10px; text-decoration: none; display: inline-block; content: "\f1c1"; } .infowidget .accordion .accordion__content .infowidget__link--file:before { content: "\f1c1"; } .infowidget .accordion .accordion__content .infowidget__link--page:before { content: "\f0c1"; } .infowidget .accordion .accordion__content:last-of-type .accordion__item { border-bottom: none; } .contact-form .contact-form__fields label, .contact-form-sina .contact-form-sina__fields label, .secuview-form label { display: none; } .contact-form .contact-form__fields input, .contact-form-sina .contact-form-sina__fields input, .secuview-form input, .contact-form .contact-form__fields textarea, .contact-form-sina .contact-form-sina__fields textarea, .secuview-form textarea { border: 2px solid #ececec; margin-bottom: 23px; max-width: 100%; max-height: 236px; } @media (min-width: 768px) { .contact-form .contact-form__fields textarea.extend-height, .contact-form-sina .contact-form-sina__fields textarea.extend-height, .secuview-form textarea.extend-height { height: 302px; max-height: none; } } .contact-form .contact-form__fields .select-field select, .contact-form-sina .contact-form-sina__fields .select-field select, .secuview-form .select-field select { border-color: #ececec; } .contact-form .contact-form__fields .select-field::after, .contact-form-sina .contact-form-sina__fields .select-field::after, .secuview-form .select-field::after { border-color: #ececec; } .contact-form .contact-form__fields .button, .contact-form .contact-form__fields .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .contact-form .contact-form__fields .cookie-hint__button, .contact-form-sina .contact-form-sina__fields .button, .contact-form-sina .contact-form-sina__fields .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .contact-form-sina .contact-form-sina__fields .cookie-hint__button, .secuview-form .button, .secuview-form .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .secuview-form .cookie-hint__button { display: inline-block; align-self: flex-end; } .contact-form .contact-form__fields input.error, .contact-form-sina .contact-form-sina__fields input.error, .secuview-form input.error { border: 2px solid #d70f37; margin-bottom: 5px; animation-name: shake; } .contact-form .contact-form__fields label.error, .contact-form-sina .contact-form-sina__fields label.error, .secuview-form label.error, .contact-form .contact-form__fields span.error, .contact-form-sina .contact-form-sina__fields span.error, .secuview-form span.error { color: #d70f37; line-height: 1.4; } .contact-form .contact-form__fields span.error:last-child, .contact-form-sina .contact-form-sina__fields span.error:last-child, .secuview-form span.error:last-child { margin-bottom: 15px; } .contact-form .contact-form__fields .select-field.error, .contact-form-sina .contact-form-sina__fields .select-field.error, .secuview-form .select-field.error { color: #d70f37; } .contact-form .contact-form__fields .select-field.error select, .contact-form-sina .contact-form-sina__fields .select-field.error select, .secuview-form .select-field.error select { border-color: #d70f37; } .contact-form .contact-form__fields .select-field.error::after, .contact-form-sina .contact-form-sina__fields .select-field.error::after, .secuview-form .select-field.error::after { border-color: #d70f37; } .contact-form .contact-form__fields .checkbox, .contact-form-sina .contact-form-sina__fields .checkbox, .secuview-form .checkbox { display: flex; flex-direction: row; margin-bottom: 10px; } .contact-form .contact-form__fields .checkbox label, .contact-form-sina .contact-form-sina__fields .checkbox label, .secuview-form .checkbox label { line-height: 1.5; display: flex; position: relative; align-items: center; color: #878787; margin: 0; } .contact-form .contact-form__fields .checkbox label:before, .contact-form-sina .contact-form-sina__fields .checkbox label:before, .secuview-form .checkbox label:before { border: 2px solid #d8d8d8; margin-top: 0px; min-width: 45px; } .contact-form .contact-form__fields .checkbox label:after, .contact-form-sina .contact-form-sina__fields .checkbox label:after, .secuview-form .checkbox label:after { font-size: 20px; font-size: 1.25rem; top: calc(50% - 15px); transform: translateY(-50%); line-height: 45px; min-width: 45px; color: #878787; } .contact-form .contact-form__fields .checkbox label.error:before, .contact-form-sina .contact-form-sina__fields .checkbox label.error:before, .secuview-form .checkbox label.error:before { border-color: #d70f37; } @media (max-width: 560px) { .contact-form .contact-form__fields .checkbox label, .contact-form-sina .contact-form-sina__fields .checkbox label, .secuview-form .checkbox label { height: 50px; } } .contact-form .contact-form__fields .checkbox .checkbox-text, .contact-form-sina .contact-form-sina__fields .checkbox .checkbox-text, .secuview-form .checkbox .checkbox-text { display: inline-flex; align-items: center; } .contact-form .contact-form__fields .checkbox--red label:before, .contact-form-sina .contact-form-sina__fields .checkbox--red label:before, .secuview-form .checkbox--red label:before { border-color: #d70f37; } .contact-form .contact-form__note p, .contact-form .contact-form__note .employee-quote .employee-quote__position, .employee-quote .contact-form .contact-form__note .employee-quote__position, .contact-form .contact-form__note .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .contact-form .contact-form__note .tx-felogin-pi1__message, .contact-form-sina .contact-form-sina__note p, .contact-form-sina .contact-form-sina__note .employee-quote .employee-quote__position, .employee-quote .contact-form-sina .contact-form-sina__note .employee-quote__position, .contact-form-sina .contact-form-sina__note .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .contact-form-sina .contact-form-sina__note .tx-felogin-pi1__message { font-size: 12px; font-size: 0.75rem; line-height: 1.2; color: #575756; } .contact-form .contact-form__note p a, .contact-form .contact-form__note .employee-quote .employee-quote__position a, .employee-quote .contact-form .contact-form__note .employee-quote__position a, .contact-form .contact-form__note .tx-felogin-pi1 .tx-felogin-pi1__message a, .tx-felogin-pi1 .contact-form .contact-form__note .tx-felogin-pi1__message a, .contact-form-sina .contact-form-sina__note p a, .contact-form-sina .contact-form-sina__note .employee-quote .employee-quote__position a, .employee-quote .contact-form-sina .contact-form-sina__note .employee-quote__position a, .contact-form-sina .contact-form-sina__note .tx-felogin-pi1 .tx-felogin-pi1__message a, .tx-felogin-pi1 .contact-form-sina .contact-form-sina__note .tx-felogin-pi1__message a { color: #575756; } @media (max-width: 1024px) { .contact-form .contact-form__note, .contact-form-sina .contact-form-sina__note { margin-bottom: 15px; } } .contact-form .animated, .secuview-form .animated { animation-duration: 0.5s; animation-fill-mode: both; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70% { transform: translateX(-5px); } 20%, 40%, 60% { transform: translateX(5px); } } @media (min-width: 768px) { .contact-form-sina .contact-form-sina__fields textarea { height: auto; max-height: 100%; flex: 1 0 auto; } } @media (min-width: 768px) { .contact-form-sina .contact-form-sina__textarea-wrapper { display: flex; flex-direction: column; flex: 1 1 auto; } } .secuview-form .radio-group { display: flex; flex-direction: row; margin-bottom: 23px; line-height: 42px; } .secuview-form .radio-group label { display: inline-block; flex-basis: 100%; } .secuview-form .radio { padding-left: 20px; flex-basis: 100px; } .secuview-form .radio label:after { margin-top: -7.5px; } .secuview-form .radio--red label:before { border: 2px solid #d70f37; } .secuview-form .radio:first-child { padding-left: 0px; } .secuview-form .select-field__box:after { background: none; } .secuview-form-note { margin-top: 15px; font-size: 12px; font-size: 0.75rem; color: #878787; } .newsletter-subscription { display: flex; } @media (max-width: 767px) { .newsletter-subscription { flex-direction: column; } } .newsletter-subscription label { display: none; } .newsletter-subscription .newsletter-subscription__input { display: inline-block; margin-right: 10px; flex: 1 0 87%; border: 2px solid rgba(0, 0, 0, 0.15); background-color: rgba(136, 9, 34, 0.4); color: #fff; box-sizing: border-box; font-weight: 500; } @media (max-width: 767px) { .newsletter-subscription .newsletter-subscription__input { flex: 1 0 auto; } } .newsletter-subscription input::-webkit-input-placeholder { color: #fff; font-weight: 500; } .newsletter-subscription input::-moz-placeholder { color: #fff; font-weight: 500; } .newsletter-subscription input:-ms-input-placeholder { color: #fff; font-weight: 500; } .newsletter-subscription input:-moz-placeholder { color: #fff; font-weight: 500; } .newsletter-subscription .newsletter-subscription__button { display: inline-block; background-color: #fff; color: #d70f37; height: 41px; } .newsletter-optivo .select-field__box { max-width: 440px; display: inline-block; margin-bottom: 23px; } .newsletter-optivo .select-field__box select { border: 2px solid #d8d8d8; } .newsletter-optivo .select-field__box:after { border-top: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; } @media (max-width: 768px) { .newsletter-optivo .select-field__box { width: 100%; } } .newsletter-optivo label { display: none; } .newsletter-optivo span.error { display: inline-block; color: #d70f37; margin-bottom: 15px; line-height: 1.4; } .newsletter-optivo input { max-width: 440px; border: 2px solid #d8d8d8; margin-bottom: 23px; } .newsletter-optivo input.error { border: 2px solid #d70f37; margin-bottom: 5px; animation-name: shake; } .newsletter-optivo input[type="submit"] { border: none; } .newsletter-optivo .checkbox { display: flex; flex-direction: row; margin-bottom: 23px; } .newsletter-optivo .checkbox label { line-height: 1.5; display: flex; position: relative; align-items: center; color: #878787; margin: 0; } .newsletter-optivo .checkbox label:before { border: 2px solid #d8d8d8; margin-top: 0px; min-width: 45px; } .newsletter-optivo .checkbox label:after { font-size: 20px; font-size: 1.25rem; top: calc(50% - 15px); transform: translateY(-50%); line-height: 45px; min-width: 45px; color: #878787; } @media (max-width: 560px) { .newsletter-optivo .checkbox label { height: 50px; } } .newsletter-optivo .checkbox .checkbox-text { display: inline-flex; align-items: center; } .newsletter-optivo .checkbox--red label:before { border-color: #d70f37; } .newsletter-optivo__note { margin-bottom: 23px; } .newsletter-optivo__note p, .newsletter-optivo__note .employee-quote .employee-quote__position, .employee-quote .newsletter-optivo__note .employee-quote__position, .newsletter-optivo__note .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .newsletter-optivo__note .tx-felogin-pi1__message { font-size: 12px; font-size: 0.75rem; color: #878787; } .newsletter-optivo .section { position: relative; padding-top: 40px; margin-top: 20px; margin-bottom: 40px; } .newsletter-optivo .section__secunetview-image { position: relative; } @media (max-width: 768px) { .newsletter-optivo .section__secunetview-image img { margin-bottom: 20px; } } .newsletter-optivo .section:before { content: ' '; position: absolute; width: 100%; height: 100%; background: #ececec; margin-left: -100%; top: 0; z-index: 0; } .newsletter-optivo .section:after { content: ' '; position: absolute; width: 100%; height: 100%; background: #ececec; margin-right: -100%; top: 0; right: 0; z-index: 0; } @media (max-width: 768px) { .newsletter-optivo .section { margin-top: 0px; } } .newsletter-optivo .submitbutton { flex-direction: row-reverse; } .newsletter-optivo .submitbutton input { max-width: 230px; } #newsletterForm_single #privacy label { align-items: inherit; } #newsletterForm_single #privacy label:after { top: 8px; } #newsletterForm_single #privacy .checkbox-text p, #newsletterForm_single #privacy .checkbox-text .employee-quote .employee-quote__position, .employee-quote #newsletterForm_single #privacy .checkbox-text .employee-quote__position, #newsletterForm_single #privacy .checkbox-text .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 #newsletterForm_single #privacy .checkbox-text .tx-felogin-pi1__message { font-size: 12px; font-size: 0.75rem; } .section--red #newsletterForm_single .button--red { background: #fff; color: #d70f37; } .section--red #newsletterForm_single .button--red:hover { background: #fff; color: #d70f37; } .section--red #newsletterForm_single .select-field__box select, .section--red #newsletterForm_single .select-field__box option { color: #878787; } .section--red #newsletterForm_single input { color: #878787; } .newsletter-teaser { display: flex; align-items: center; } @media (max-width: 767px) { .newsletter-teaser { flex-direction: column; align-items: left; } } .newsletter-teaser h2, .newsletter-teaser .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .tx-felogin-pi1 .newsletter-teaser .tx-felogin-pi1__headline > h3 { margin-bottom: 10px; } .newsletter-teaser__text { width: 80%; margin-top: 15px; } @media (max-width: 767px) { .newsletter-teaser__text { width: 100%; order: 1; } } .newsletter-teaser__icon { width: 20%; text-align: right; } .newsletter-teaser__icon span::after { content: "\f0e0"; color: white; display: block; font-size: 160px; } @media (max-width: 767px) { .newsletter-teaser__icon span::after { font-size: 35px; } } @media (max-width: 767px) { .newsletter-teaser__icon { width: 100%; margin-right: 0; text-align: left; } } .newsletter-teaser__image { width: 30%; text-align: right; } @media (max-width: 767px) { .newsletter-teaser__image { width: 100%; text-align: left; } } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.2%; margin-top: 0px; border: 1px solid #ececec; } @media (max-width: 768px) { .embed-responsive { margin-bottom: 15px; } } .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } video { background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; } @media (min-width: 768px) { .embed-responsive + .alert { margin-top: 10px; } } .eyecatcher { position: relative; background: #ececec; color: #000; width: 230px; height: auto; overflow: hidden; padding: 23px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .eyecatcher:hover { background: #d70f37; color: #fff; } .eyecatcher:hover * { color: #fff; } .eyecatcher * { color: #000; } @media (max-width: 768px) { .eyecatcher { margin-right: -20px; margin-left: -20px; } } @media (min-width: 1351px) { .eyecatcher { position: absolute; top: -85px; right: 50px; } } @media (max-width: 1350px) { .eyecatcher { box-sizing: border-box; width: auto; height: auto; border-radius: 0; padding-top: 10px; padding-bottom: 10px; } } .eyecatcher .eyecatcher__title h1, .eyecatcher .eyecatcher__title h2, .eyecatcher .eyecatcher__title .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .tx-felogin-pi1 .eyecatcher .eyecatcher__title .tx-felogin-pi1__headline > h3, .eyecatcher .eyecatcher__title h3, .eyecatcher .eyecatcher__title h4 { margin-bottom: 5px; } .eyecatcher .eyecatcher__title a { text-decoration: none; } .eyecatcher .eyecatcher__title a:hover { text-decoration: none; } .eyecatcher .eyecatcher__title a::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; } .eyecatcher .eyecatcher__content a { position: relative; z-index: 5; } .ie .eyecatcher .eyecatcher__title, .ie .eyecatcher .eyecatcher__content { width: 100%; } .employee-quote { display: flex; margin-bottom: 40px; } @media (max-width: 767px) { .employee-quote { flex-direction: column; } } @media (min-width: 768px) { .employee-quote.employee-quote--align-right .employee-quote__image-wrapper { order: 1; } } @media (min-width: 768px) { .employee-quote.employee-quote--align-right .employee-quote__quote-wrapper { padding-left: 0; padding-right: 80px; } } @media (min-width: 768px) { .employee-quote.employee-quote--align-right .employee-quote__quote-wrapper::before { left: inherit; right: 30px; border-top: 30px solid #d8d8d8; border-right: 50px solid transparent; border-bottom: none; } } .employee-quote .employee-quote__image-wrapper { flex: 0 0 auto; text-align: center; } @media (max-width: 767px) { .employee-quote .employee-quote__image-wrapper { margin-bottom: 15px; } } @media (min-width: 768px) { .employee-quote .employee-quote__image-wrapper { max-width: 300px; } } .employee-quote .employee-quote__image { margin-bottom: 10px; } .employee-quote .employee-quote__image img { display: block; } @media (max-width: 767px) { .employee-quote .employee-quote__image img { display: inline-block; } } .employee-quote .employee-quote__name { margin-bottom: 0; } .employee-quote .employee-quote__quote { background-color: #d8d8d8; padding: 40px; margin: 0; box-sizing: border-box; } @media (max-width: 767px) { .employee-quote .employee-quote__quote { padding: 20px; } } .employee-quote .employee-quote__quote svg path { fill: currentColor; } .employee-quote .employee-quote__quote .quotes__wrapper { box-sizing: border-box; padding: 0 20px; } @media (max-width: 767px) { .employee-quote .employee-quote__quote .quotes__wrapper { padding: 0; } } .employee-quote .employee-quote__quote-wrapper { position: relative; flex: 1 1 auto; } @media (min-width: 768px) { .employee-quote .employee-quote__quote-wrapper { flex: 1 1 0%; padding-left: 80px; } } .employee-quote .employee-quote__quote-wrapper::before { content: ''; position: relative; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 20px solid #d8d8d8; top: -20px; left: calc(50% - 30px); } @media (min-width: 768px) { .employee-quote .employee-quote__quote-wrapper::before { position: absolute; top: 0; left: 30px; border-top: 30px solid #d8d8d8; border-left: 50px solid transparent; border-bottom: none; } } .employee-quote .employee-quote__quote-wrapper .quotes__wrapper p, .employee-quote .employee-quote__quote-wrapper .quotes__wrapper .employee-quote__position, .employee-quote .employee-quote__quote-wrapper .quotes__wrapper .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .employee-quote .employee-quote__quote-wrapper .quotes__wrapper .tx-felogin-pi1__message { font-size: 20px; font-size: 1.25rem; font-style: italic; } div[id*="slider-"] .reference-arrows { display: block; text-align: center; margin-bottom: 40px; } div[id*="slider-"] .reference-arrows .slick-arrow { position: relative; top: inherit; left: inherit; right: inherit; margin-top: 0; display: inline-block !important; } div[id*="slider-"] .reference-arrows .slick-arrow::before { font-size: 35px; font-size: 2.1875rem; width: 40px; height: 40px; line-height: 30px; } div[id*="slider-"] .reference-arrows .slick-arrow.slick-prev::before { content: "\e902"; transform: rotate(-90deg); } div[id*="slider-"] .reference-arrows .slick-arrow.slick-next::before { content: "\e902"; transform: rotate(90deg); } .reference { position: relative; box-sizing: border-box; } .reference::before { content: ''; display: block; padding-bottom: 100%; } .reference:hover .reference__content { transform: scale(1); opacity: 1; } .reference .reference__content { display: flex; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 15px; flex-direction: column; align-items: center; padding: 25px; color: white; background-color: #d70f37; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); text-align: center; transform: scale(0.01); } .reference .reference__link { margin-bottom: 0; background-color: #fff; color: #d70f37; padding: 0px 15px; } .reference .reference__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .reference .reference__image img { pointer-events: none; width: 220px; height: auto; } @media (min-width: 1200px) { .reference .reference__image img { width: 240px; } } @media (max-width: 840px) { .reference .reference__image img { width: 210px; } } @media (max-width: 768px) { .reference .reference__image img { width: 225px; } } @media (max-width: 560px) { .reference .reference__image img { width: 180px; } } @media (max-width: 459px) { .reference .reference__image img { width: 300px; } } .reference .reference__title { color: white !important; } .reference .reference__description { flex: 1 0 auto; } .ios .reference:hover .reference__content { opacity: 0 !important; } @media (max-width: 1025px) { .ios .reference .reference__content { transform: scale(1); } } @media (max-width: 1025px) { .ios .reference .reference__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; } } @media (max-width: 1025px) { .ios .reference .reference__title { display: none; } } @media (max-width: 1025px) { .ios .reference .reference__description { display: none; } } .ie .reference .reference__title { width: 100%; } .ie .reference .reference__description { flex: 1 0 0%; width: 100%; } .placeholder { display: block !important; pointer-events: none !important; color: transparent !important; opacity: 0 !important; } .placeholder::before { content: ' '; } @media (max-width: 767px) { .placeholder { margin-bottom: 0 !important; } .placeholder::before { content: initial; } } .cookie-hint { display: block; z-index: 901; position: absolute; } .cookie-hint--accepted { display: none; } .cookie-hint--fadeout { opacity: 0; transition: opacity 0.4s ease-in-out; } .cookie-hint .cookie-hint__container { display: block; position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0.3125rem 0.625rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); background: #d70f37; box-sizing: border-box; } @media (min-width: 814px) { .cookie-hint .cookie-hint__container { display: flex; justify-content: space-between; align-items: center; padding: 0.625rem 3.125rem 0.625rem; } } .cookie-hint .cookie-hint__container .cookie-hint__buttons { order: 2; display: flex; } @media (max-width: 560px) { .cookie-hint .cookie-hint__container .cookie-hint__buttons { display: block; } } .cookie-hint .cookie-hint__container .cookie-hint__button { display: block; cursor: pointer; text-align: center; background: #fff; color: #d70f37; border: 1px solid #fff; margin: 0 0 0 0.9375rem; } .cookie-hint .cookie-hint__container .cookie-hint__button:hover { color: #fff; background-color: #d70f37; border: 1px solid #fff; } .cookie-hint .cookie-hint__container .cookie-hint__button:after { border-right-color: #d70f37; } .cookie-hint .cookie-hint__container .cookie-hint__button:before { background-color: #fff; } @media (max-width: 813px) { .cookie-hint .cookie-hint__container .cookie-hint__button { box-sizing: border-box; margin: 0 0 0.3125rem 0.9375rem; width: 50%; } } @media (max-width: 560px) { .cookie-hint .cookie-hint__container .cookie-hint__button { width: 100%; margin: 0 0 0.3125rem 0; } } .cookie-hint .cookie-hint__container .cookie-hint__more-info { margin: 0 0 0.3125rem 0; } @media (min-width: 814px) { .cookie-hint .cookie-hint__container .cookie-hint__more-info { margin: 0 0 0 0.9375rem; } } .cookie-hint .cookie-hint__container .cookie-hint__message { display: block; order: 1; font-size: 0.8em; margin: 0 0 0.3125rem 0; padding: 0; color: #fff; text-align: center; } @media (min-width: 500px) { .cookie-hint .cookie-hint__container .cookie-hint__message { font-size: 0.9rem; padding: 0.3125rem; } } @media (min-width: 814px) { .cookie-hint .cookie-hint__container .cookie-hint__message { margin: 0; } } @media (max-width: 1280px) { .cookie-hint .cookie-hint__container .cookie-hint__message { flex: 1; } } @media (max-width: 813px) { .cookie-hint .cookie-hint__container .cookie-hint__message { margin-bottom: 0.625rem; } } /* Fade in up ------------------------------------ */ @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(66px); transform: translateY(66px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(66px); -ms-transform: translateY(66px); transform: translateY(66px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .cookie-hint__container { animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; -webkit-animation-name: slideUp; animation-name: slideUp; } @media print { .cookie-hint, .cookie-hint__container { display: none; } } .ie11 .cookie-hint__button { min-width: 8.125rem; } .ie11 .cookie-hint__more-info { min-width: 13.125rem; } .locations__map { height: 300px; margin-bottom: 20px; } @media (min-width: 768px) { .locations__map { height: 500px; } } .locations__list li a { color: #d70f37; text-decoration: none; } .locations__list li a:hover { color: #878787; } .locations__info-window a { font-size: 26px; font-size: 1.625rem; color: #d70f37; text-decoration: none; } .locations__info-window a:hover { text-decoration: underline; } .locations__info-window p, .locations__info-window .employee-quote .employee-quote__position, .employee-quote .locations__info-window .employee-quote__position, .locations__info-window .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .locations__info-window .tx-felogin-pi1__message { margin-top: 10px; line-height: normal; } .locations__infos { margin-bottom: 20px; } /************************************************************ * PKI ANIMATION ************************************************************/ .animPKI__container { position: relative; } #animPKI { width: 635px; height: 406px; margin: -10px 0 -5px; position: relative; overflow: hidden; } #animPKI #animPKI01, #animPKI #animPKI02, #animPKI #animPKI03 { display: none; opacity: 0; } #animPKI #animPKI01 a { width: 138px; height: 340px; position: absolute; z-index: 5; left: 0px; top: 70px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI01.png") no-repeat left top; } #animPKI #animPKI02 a { width: 136px; height: 254px; position: absolute; z-index: 3; left: 95px; top: 135px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI02.png") no-repeat left top; } #animPKI #animPKI03 a { width: 75px; height: 75px; position: absolute; z-index: 4; left: 80px; top: 165px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI03.png") no-repeat left top; } #animPKI #animPKI04 { width: 118px; height: 305px; position: absolute; z-index: 2; right: -120px; top: 50px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI04.png") no-repeat left top; } #animPKI #animPKI04:hover, #animPKI #animPKI04.active { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI04_hover.png") no-repeat left top; } #animPKI #animPKI05 { width: 284px; height: 403px; position: absolute; z-index: 6; right: -300px; top: 0px; } #animPKI #animPKI05 #dvi { width: 151px; height: 403px; position: absolute; left: 0px; top: 0px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_a.png") no-repeat left top; } #animPKI #animPKI05 #dvi:hover { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_a_hover.png") no-repeat left top; } #animPKI #animPKI05 #icao { width: 133px; height: 204px; position: absolute; left: 151px; top: 0px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_b.png") no-repeat left top; } #animPKI #animPKI05 #icao:hover { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_b_hover.png") no-repeat left top; } #animPKI #animPKI05 #eac { width: 133px; height: 199px; position: absolute; left: 151px; top: 204px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_c.png") no-repeat left top; } #animPKI #animPKI05 #eac:hover { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI05_c_hover.png") no-repeat left top; } #animPKI #animPKI06 { display: block; width: 118px; height: 305px; position: absolute; z-index: 2; right: -120px; top: 50px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI06.png") no-repeat left top; } #animPKI #animPKI06:hover { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI06_hover.png") no-repeat left top; } #animPKI #animPKI07 { display: block; width: 88px; height: 305px; position: absolute; z-index: 1; right: -90px; top: 50px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI07.png") no-repeat left top; } #animPKI #animPKI07:hover { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/animPKI07_hover.png") no-repeat left top; } .pkiLayer { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/layerBackgroundBottom.png") no-repeat left bottom; position: absolute; left: 90px; top: 0px; z-index: 999; display: none; opacity: 0; } .pkiLayer .inner { width: 438px; background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/eidpki/layerBackground.png") no-repeat -1px top; margin-bottom: 22px; padding: 30px 30px 8px; } .pkiLayer .close { position: absolute; right: -12px; top: -10px; } .pkiLayer h2, .pkiLayer .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .tx-felogin-pi1 .pkiLayer .tx-felogin-pi1__headline > h3 { font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; color: #000 !important; font-size: 20px !important; margin: 8px 0px; line-height: 24px !important; } .pkiLayer p, .pkiLayer .employee-quote .employee-quote__position, .employee-quote .pkiLayer .employee-quote__position, .pkiLayer .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .pkiLayer .tx-felogin-pi1__message { font-size: 13px; line-height: 19px; } #downloadList { list-style: none; } #downloadList li { float: left; margin-bottom: 15px; min-width: 580px; } #authEinsatzbeispiele h2, #authEinsatzbeispiele .tx-felogin-pi1 .tx-felogin-pi1__headline > h3, .tx-felogin-pi1 #authEinsatzbeispiele .tx-felogin-pi1__headline > h3 { font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; color: #c03 !important; font-size: 30px !important; margin: 8px 0px; line-height: 30px !important; padding-bottom: 15px; } #authEinsatzbeispiele p, #authEinsatzbeispiele .employee-quote .employee-quote__position, .employee-quote #authEinsatzbeispiele .employee-quote__position, #authEinsatzbeispiele .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 #authEinsatzbeispiele .tx-felogin-pi1__message { padding-bottom: 15px; } .contentTop { margin-bottom: 25px; } .image3 { margin-left: 15px; } #contentLeft { float: left; width: 385px; } #contentRight { float: right; } /* ### pkiContact ### */ #pkiContact div.error, p.error, .employee-quote .employee-quote__position.error, .tx-felogin-pi1 .tx-felogin-pi1__message.error { display: block !important; } #pkiContact form { position: relative; width: 550px; } #pkiContact div.formRow { margin-bottom: 5px; } #pkiContact div.formRow .textfield { padding: 5px; background: #fff; border: 1px solid #ccc; width: 230px; float: left; margin-right: 5px; } #pkiContact div.formRow select.textfield { width: 242px; } #pkiContact div.formRow label { display: block; float: left; width: 195px; line-height: 26px; text-align: right; padding-right: 15px; } #pkiContact div.formRow small { padding: 5px 0 0 210px; } #pkiContact div.formRow input#firstname { width: 107px; } #pkiContact div.formRow input#lastname { width: 106px; } #pkiContact div.formRow input#postalcode { width: 60px; } #pkiContact div.formRow input#city { width: 153px; } a.btn { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/btnBackground.png") no-repeat right top; padding-right: 6px; display: block; text-decoration: none !important; margin-top: 25px; } a.btn span { background: url("../../../../typo3conf/ext/theme_base_secunet/Resources/Private/Dyncss/../../../../../../../../typo3conf/ext/theme_base_secunet/Resources/Public/Images/btnBackground.png") no-repeat left top; display: block; line-height: 37px; padding: 0px 9px 0px 15px; color: #fff; font-size: 12px; min-width: 130px; } a.btn:hover span { color: #000; } a.btnLeft { float: left; margin-right: 10px; } a.btnRight { float: right; margin-left: 10px; } /************************************************************ * MOBILE ------- ************************************************************/ @media (max-width: 768px) { #animPKI { display: none; } } .grey-container { padding: 20px 20px 0 20px; background-color: #575756; color: #fff; box-sizing: border-box; } @media (max-width: 1024px) { .grey-container { max-width: 100%; } } .grey-container .first-word::after { border-color: #fff; } .grey-container * { color: #fff; } .grey-container h3 { color: #fff !important; } .grey-container .button.button--red, .grey-container .cookie-hint .cookie-hint__container .cookie-hint__button.button--red, .cookie-hint .cookie-hint__container .grey-container .cookie-hint__button.button--red { background-color: #fff; color: #d70f37; } .grey-container .button.button--red:hover, .grey-container .cookie-hint .cookie-hint__container .cookie-hint__button.button--red:hover, .cookie-hint .cookie-hint__container .grey-container .cookie-hint__button.button--red:hover { background-color: #878787; color: #fff; } .grey-container > .csc-frame-default::after { display: block; content: " "; margin-top: 25px; border-bottom: 1px solid #878787; } .grey-container > .csc-frame-default:last-child::after { display: none !important; } .solr-search-module { max-width: 1280px; background-color: #fff; margin-left: auto; margin-right: auto; padding: 40px; } @media (max-width: 768px) { .solr-search-module { padding: 25px; margin-right: -20px; margin-left: -20px; } } .solr-search-module__headline { display: none; color: #000; transition: opacity 0.4s; opacity: 1; } .solr-search-module__headline--fade { opacity: 0; position: relative; z-index: -1; } .solr-search-module__subheadline { font-weight: lighter; transition: opacity 0.4s; opacity: 1; } .solr-search-module__subheadline--fade { opacity: 0; } .solr-search-module__grid { margin-top: 0; transition: margin-top 0.6s; } .solr-search-module__grid--move { margin-top: -130px; } @media (max-width: 768px) { .solr-search-module__grid--move { margin-top: -120px; } } .solr-search-module__grid-column { justify-content: flex-end; } .solr-search-module__search-input-wrapper form { display: flex; } .solr-search-module__button-wrapper button { overflow: hidden; text-indent: 200%; white-space: nowrap; min-height: 48px; width: 48px; display: flex; align-items: center; flex-direction: column; justify-content: center; background: #575756; color: #fff; margin: 0; } .solr-search-module__button-wrapper button span { display: none; } .solr-search-module__button-wrapper button:before { text-indent: 0; font-size: 1.5rem; font-family: 'base-icons'; content: "\f002"; display: inline-block; } .solr-search-module__search-input-wrapper { margin-top: 15px; margin-bottom: 30px; } .solr-search-module__search-input-wrapper--no-margin { margin-bottom: 0; } .solr-search-module__suggestions-list { padding: 0; padding-left: 30px; list-style: none; } .solr-search-module__suggestions-list li a { color: #000; padding-top: 5px; padding-bottom: 5px; display: inline-block; text-decoration: none; } .solr-search-module__search-input { background-color: #ececec; border: none; min-height: 48px; color: #000; padding-left: 30px; margin: 0; } .solr-search-module__search-input::-webkit-input-placeholder { color: transparent; font-weight: 400; font-style: italic; } .solr-search-module__search-input::-moz-placeholder { color: transparent; font-weight: 400; font-style: italic; } .solr-search-module__search-input:-ms-input-placeholder { color: transparent; font-weight: 400; font-style: italic; } .solr-search-module__search-input:-moz-placeholder { color: transparent; font-weight: 400; font-style: italic; } .solr-search-module__button-wrapper { display: block; text-align: center; } .solr-search-module__button { display: inline-block; } .solr-search-module__result-headline { color: #000; text-transform: uppercase; } .solr-search-module__result-container { display: block; } @media (max-width: 767px) { .solr-search-module__result-container { display: none; } } .solr-search-module__result-container .grid__column { border-right: 1px solid rgba(255, 255, 255, 0.8); padding-left: 25px; padding-right: 25px; } .solr-search-module__result-container .grid__column:last-of-type { border-right: none; } .solr-search-module__result-list { list-style: none; padding: 0; } .solr-search-module__result-list li a { font-size: 16px; font-size: 1rem; color: #000; text-decoration: none; display: inline-block; padding-top: 8px; padding-bottom: 8px; hyphens: auto; word-wrap: break-word; max-width: 100%; width: 100%; } .stage-search-result-slider { -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1); position: relative; margin-bottom: 20px; } .stage-search-result-slider:before, .stage-search-result-slider:after { content: " "; display: block; } .stage-search-result-slider:after { clear: both; } @media (min-width: 768px) { .stage-search-result-slider { display: none !important; } } .stage-search-result-slider .stage-search-result-slider__item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; } .stage-search-result-slider .stage-search-result-slider__item--margin { margin-left: 15px; margin-right: 15px; } @media (max-width: 767px) { .stage-search-result-slider .stage-search-result-slider__item { margin-left: 0px; margin-right: 0px; } } .stage-search-result-slider .stage-search-result-slider__item:focus { outline: none; border: none; } .stage-search-result-slider .stage-search-result-slider__content-wrapper { padding-bottom: 50px; margin-right: auto; margin-left: auto; display: table; padding-left: 35px; padding-right: 35px; } .stage-search-result-slider .stage-search-result-slider__content-wrapper h4 { display: inline-block; } .stage-search-result-slider__button { display: inline-block; margin-top: 20px; text-align: left; } .stage-search-result-slider.slick-initialized { -webkit-animation: fadeIn ease-in; -moz-animation: fadeIn ease-in; -ms-animation: fadeIn ease-in; -o-animation: fadeIn ease-in; animation: fadeIn ease-in; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; display: block; } .slider .slider__item { margin-bottom: 0; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Slick Slider Main CSS */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0px; font-size: 0rem; position: absolute; display: block; background: transparent; line-height: 0; cursor: pointer; color: transparent; top: 50%; padding: 0; margin-top: -35px; border: none; outline: none; z-index: 100; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev:before, .slick-next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 1.75rem; font-family: 'base-icons'; display: block; width: 30px; height: 60px; padding: 5px; line-height: 60px; color: #878787; opacity: 0.75; background: none; } @media (max-width: 767px) { .slick-prev, .slick-next { display: inline-block !important; } } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: -10px; } .slick-prev:before { content: "\f053"; } .slick-next { right: -10px; } .slick-next:before { content: "\f054"; } .slick-dots { position: absolute; bottom: 0px; list-style: none; display: block; text-align: center; padding: 0; left: 0; right: 0; } @media (max-width: 767px) { .slick-dots { top: 100%; bottom: inherit; } } .slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 1px solid #878787; border-radius: 50%; background-color: #fff; display: block; height: 15px; width: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; opacity: 0.75; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 1; } .slick-dots li.slick-active button { background-color: #878787; opacity: 1; } @media (max-width: 767px) { .slick-dots li { height: 20px; width: 20px; margin: 15px; } .slick-dots li button { height: 20px; width: 20px; } } .modalbox { position: fixed; box-sizing: border-box; z-index: 1200; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 20px; background-color: rgba(0, 0, 0, 0.75); text-align: center; } .modalbox:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .modalbox.behind { background-color: transparent; } .modalbox [data-animate]:not(.animated) { visibility: visible !important; } .modalbox__content { box-sizing: border-box; z-index: 201; display: inline-block; vertical-align: middle; position: relative; max-width: 500px; width: 90%; background: #fff; padding: 35px 30px 25px 30px; box-shadow: 0 0 10px #000; text-align: left; } .modalbox__text { margin-top: 15px; } .modalbox__checkbox { display: flex; flex-direction: row; margin-bottom: 23px; } .modalbox__checkbox label { line-height: 1.5; display: flex; position: relative; align-items: center; color: #878787; margin: 0; } .modalbox__checkbox label:before { border: 2px solid #d8d8d8; margin-top: 0px; min-width: 45px; } .modalbox__checkbox label:after { font-size: 20px; font-size: 1.25rem; top: calc(50% - 15px); transform: translateY(-50%); line-height: 45px; min-width: 45px; color: #878787; } @media (max-width: 560px) { .modalbox__checkbox label { height: 50px; } } .modalbox__checkbox .checkbox-text { display: inline-flex; align-items: center; } .modalbox__button-wrapper { display: block; text-align: center; } .modalbox__button-wrapper input { width: auto; display: inline-block; } .modalbox__button-wrapper input:disabled, .modalbox__button-wrapper input[disabled] { color: #fff; background: #878787; } .modalbox__close-button { height: 30px; width: 30px; position: absolute; box-sizing: border-box; line-height: 30px; display: inline-block; margin-right: 5px; margin-top: 5px; right: 5px; top: 6px; z-index: 4; } @media (max-width: 767px) { .modalbox__close-button { top: 4px; } } .modalbox__close-button:before, .modalbox__close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 100%; left: 50%; margin-top: -15px; margin-left: -15px; display: block; height: 2px; width: 30px; background-color: #575756; transition: all 0.25s ease-out; } .modalbox__close-button:after { transform: rotate(-135deg); } .modalbox__close-button:hover { cursor: pointer; } .modalbox__close-button:hover:before, .modalbox__close-button:hover:after { transform: rotate(0deg); } .no-scroll { overflow: hidden; } .media-element__image img { width: auto !important; } .media-element--align-right { max-width: 100%; } .media-element--align-left { max-width: 100%; } .media-element--align-center { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; width: auto; margin: 0 0 10px 10px auto; max-width: 100%; clear: right; } @media (max-width: 767px) { .media-element--align-center { width: 100%; max-width: 100%; padding-left: 0; } } .media-element--align-center .media-element__image img { display: inline-block; } .imagedivider { position: relative; } .imagedivider .background { background-size: cover; position: absolute; top: 0; left: -15px; bottom: 0; width: 100vw; z-index: 1; } @media (min-width: 1200px) { .imagedivider .background { left: calc((100vw - 1170px) * -0.5); } } .imagedivider .foreground { padding: 14rem 0 3rem; position: relative; z-index: 2; } .imagedivider .foreground .content { max-width: 70%; font-weight: 900; font-family: "Axiforma", Arial, sans-serif; background: #fff; color: #000; width: auto; padding: 20px 15px; font-size: 3.5rem; line-height: 1; } @media (max-width: 767px) { .imagedivider .foreground .content { font-size: 8vw; } } .imagedivider .foreground .content p, .imagedivider .foreground .content .employee-quote .employee-quote__position, .employee-quote .imagedivider .foreground .content .employee-quote__position, .imagedivider .foreground .content .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .imagedivider .foreground .content .tx-felogin-pi1__message { font-size: 3.5rem; } @media (max-width: 767px) { .imagedivider .foreground .content p, .imagedivider .foreground .content .employee-quote .employee-quote__position, .employee-quote .imagedivider .foreground .content .employee-quote__position, .imagedivider .foreground .content .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .imagedivider .foreground .content .tx-felogin-pi1__message { font-size: 8vw; } } .productquote { position: relative; } .productquote .column-2 .content { margin-right: -15px; } @media (min-width: 1200px) { .productquote .column-2 .content { margin-right: calc((100vw - 1170px) * -0.5); } } .producttext { position: relative; } .producttext .column-2 .content { margin-right: -15px; } @media (min-width: 1200px) { .producttext .column-2 .content { margin-right: calc((100vw - 1170px) * -0.5); } } .tx_solr { /* highlights */ /* search-filter */ } .tx_solr #tx-solr-search .tx-solr-search-no-results { padding-bottom: 20px; } .tx_solr .tx-solr-search-form { position: relative; } .tx_solr .tx-solr-search-form label { display: none; } .tx_solr .tx-solr-search-form .tx-solr-q { font-size: 16px; font-size: 1rem; width: 95%; color: #575756; margin: 0 0 20px 0; border: none; border-bottom: 2px solid #ececec; font-style: italic; padding-right: 30px; } @media (max-width: 767px) { .tx_solr .tx-solr-search-form .tx-solr-q { width: 92%; } } .tx_solr .tx-solr-search-form .tx-solr-q::-ms-clear { display: none; } .tx_solr .tx-solr-search-form .tx-solr-q::-webkit-input-placeholder { color: #ececec; } .tx_solr .tx-solr-search-form .tx-solr-q::-moz-placeholder { color: #ececec; } .tx_solr .tx-solr-search-form .tx-solr-q:-ms-input-placeholder { color: #ececec; } .tx_solr .tx-solr-search-form .tx-solr-q:-moz-placeholder { color: #ececec; } .tx_solr .tx-solr-search-form .tx-solr__search-button { display: inline-block; color: #878787; width: 40px; height: 40px; border: none; background: none; padding: 0; margin: 0; cursor: pointer; position: absolute; z-index: 10; right: 0; top: 8px; } .tx_solr .tx-solr-search-form .tx-solr__search-button:after { font-size: 24px; font-size: 1.5rem; font-family: 'base-icons'; content: "\f002"; display: block; width: 40px; height: 40px; text-align: center; } .tx_solr .tx-solr-search-form span { color: #878787; } .tx_solr .searched-word { display: none; } .tx_solr .results-entry { padding: 20px 0 0 0; position: relative; display: flex; } .tx_solr .results-entry .results-icon { width: 40px; min-width: 40px; padding-right: 15px; } .tx_solr .results-entry .results-icon span.icon, .tx_solr .results-entry .results-icon span.button.button--back:before, .tx_solr .results-entry .results-icon .cookie-hint .cookie-hint__container span.cookie-hint__button.button--back:before, .cookie-hint .cookie-hint__container .tx_solr .results-entry .results-icon span.cookie-hint__button.button--back:before, .tx_solr .results-entry .results-icon .mobile-navigation span.mobile-navigation__back-btn::before, .mobile-navigation .tx_solr .results-entry .results-icon span.mobile-navigation__back-btn::before, .tx_solr .results-entry .results-icon .news-accordion span.news-accordion__icon::before, .news-accordion .tx_solr .results-entry .results-icon span.news-accordion__icon::before, .tx_solr .results-entry .results-icon .news-article span.news-article__back-button::before, .news-article .tx_solr .results-entry .results-icon span.news-article__back-button::before, .tx_solr .results-entry .results-icon .ce-uploads span.ce-uploads-icon:after, .ce-uploads .tx_solr .results-entry .results-icon span.ce-uploads-icon:after, .tx_solr .results-entry .results-icon .newsletter-teaser__icon span::after, .newsletter-teaser__icon .tx_solr .results-entry .results-icon span::after { display: inline-block; position: relative; width: 100%; color: #d70f37; text-align: center; font-size: 2rem; line-height: 1; padding-top: 5px; } .tx_solr .results-entry .results-icon span.icon-page:after { content: "\f016"; } .tx_solr .results-entry .results-icon span.icon--microsite:after { content: "\e909"; } .tx_solr .results-entry .results-icon span.icon--news:after { content: "\f1ea"; } .tx_solr .results-entry .results-icon span.icon--product:after { content: "\f023"; } .tx_solr .results-entry .results-icon span.icon--solution:after { content: "\f0eb"; } .tx_solr .results-entry .results-icon span.icon--download:after { content: "\f019"; } .tx_solr .results-entry .results-icon span.icon--events:after { content: "\f073"; } .tx_solr .results-entry .results-icon span.icon--twitter:after { color: #4099ff; content: "\f099"; } .tx_solr .results-entry .results-topic a { text-decoration: none; color: #575756; } .tx_solr .results-entry .results-topic a:hover { color: #d70f37; } .tx_solr .results-entry div.tx-solr-relevance-bar { margin: 0 0 0.25em 0; } .tx_solr .results-entry span.relevance { display: block; margin: 0 0 0.5em 0; } .tx_solr .results-entry p, .tx_solr .results-entry .employee-quote .employee-quote__position, .employee-quote .tx_solr .results-entry .employee-quote__position, .tx_solr .results-entry .tx-felogin-pi1 .tx-felogin-pi1__message, .tx-felogin-pi1 .tx_solr .results-entry .tx-felogin-pi1__message { margin-bottom: 20px; } .tx_solr .results-entry div.results-teaser { margin: 0 0 0.5em 0; } .tx_solr .tx-solr-relevance-bar { border: 0px; width: 100px; height: 8px; } .tx_solr .tx-solr-relevance, .tx_solr .tx-solr-relevance-fill { margin-right: 0px !important; height: 8px; padding: 0px; float: left; background: #575756; } .tx_solr .solr_result { margin-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #878787; line-height: 1.5em; } .tx_solr .tx-solr-relevance { background: #575756; } .tx_solr .tx-solr-relevance-fill { background: #878787; } .tx_solr .results-highlight { background: none; } .tx_solr #tx-solr-faceting { margin-top: 0em; } .tx_solr #tx-solr-faceting .facets { list-style: none; padding-left: 0px; margin: 60px 0 30px 0; } .tx_solr #tx-solr-faceting .facets .facet-option-list { margin-left: 0px; padding-left: 0px; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option { display: inline-block; cursor: pointer; font-size: 12px; line-height: 20px; text-align: center; min-width: 100px; margin-bottom: 10px; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option a { text-decoration: none; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option a:hover { color: #878787; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option a:after { font-family: 'base-icons'; display: inline-block; position: relative; width: 100%; color: #878787; vertical-align: middle; text-align: center; border-radius: 0px; margin: 0px; font-size: 2rem; line-height: 1; border-right: 2px solid #ececec; padding-top: 5px; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--pages a:after { content: "\f016"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--microsite a:after { content: "\e909"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--news a:after { content: "\f1ea"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--twitter a { text-transform: capitalize; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--twitter a:after { content: "\f099"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--products a:after { content: "\f023"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--solutions a:after { content: "\f0eb"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--downloads a:after { content: "\f019"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--events a:after { content: "\f073"; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--selected a { color: #d70f37; } .tx_solr #tx-solr-faceting .facets .facet-option-list .facet-option.facet-option--selected a:after { color: #d70f37; } .tx_solr #tx-solr-facets-available ul .facet { margin-bottom: 15px; } .tx_solr #tx-solr-facets-in-use { margin-bottom: 60px; } .ie11 .tx-solr__search-button::after { right: 0px !important; } .ie10 .tx-solr__search-button::after { right: 0px !important; } .tx-powermail fieldset.nolabel legend { display: none; } .tx-powermail .grid__column--sm-3 .powermail_field, .tx-powermail .grid__column--sm-6 .powermail_field, .tx-powermail .grid__column--sm-9 .powermail_field { margin-right: 150px; } @media (max-width: 1200px) { .tx-powermail .grid__column--sm-3 .powermail_field, .tx-powermail .grid__column--sm-6 .powermail_field, .tx-powermail .grid__column--sm-9 .powermail_field { margin-right: 100px; } } @media (max-width: 900px) { .tx-powermail .grid__column--sm-3 .powermail_field, .tx-powermail .grid__column--sm-6 .powermail_field, .tx-powermail .grid__column--sm-9 .powermail_field { margin-right: 0px; } } .tx-powermail label { display: none; } .tx-powermail .checkbox { display: flex; flex-direction: row; margin-bottom: 25px; } .tx-powermail .checkbox label { line-height: 1.5; display: flex; position: relative; align-items: center; color: #878787; margin: 0; } .tx-powermail .checkbox label:before { border: 2px solid #d8d8d8; margin-top: 0px; min-width: 45px; } .tx-powermail .checkbox label:after { font-size: 20px; font-size: 1.25rem; top: calc(50% - 15px); transform: translateY(-50%); line-height: 45px; min-width: 45px; color: #878787; } @media (max-width: 560px) { .tx-powermail .checkbox label { height: 50px; } } .tx-powermail .checkbox .checkbox-text { display: inline-flex; align-items: center; } .tx-powermail .radio { margin-bottom: 23px; } .tx-powermail .radio label { display: block; } .tx-powermail .radio label:after { margin-top: -8px; } .tx-powermail .powermail_fieldwrap_captcha img { margin-bottom: 15px; } .tx-powermail .powermail_fieldwrap_captcha .powermail_captcha { width: 50%; } @media (max-width: 768px) { .tx-powermail .powermail_fieldwrap_captcha .powermail_captcha { width: 100%; } } .tx-powermail .powermail_fieldwrap_type_submit { flex-direction: row-reverse; } .tx-powermail .powermail_fieldwrap_type_submit .powermail_field input { max-width: 230px; } .tx-powermail input.parsley-error { border: 2px solid #d70f37; margin-bottom: 5px; animation-name: shake; } .tx-powermail .checkbox.parsley-error { margin-bottom: 10px; } .tx-powermail .checkbox.parsley-error label:before { border-color: #d70f37; } .tx-powermail .powermail_field .parsley-errors-list { padding: 0; list-style: none; color: #d70f37; } .newsarchiv { display: block; background: transparent; } .newsarchiv ul { list-style: none; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; margin-left: 0; } .newsarchiv ul + ul { border-top: 1px solid #fff; } .newsarchiv__years { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsarchiv__year { padding-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .newsarchiv__year:last-child { padding-right: 0; } .newsarchiv__year.newsarchiv__year--active a { color: #999; text-decoration: none; } .newsarchiv__months { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsarchiv__month { padding-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .newsarchiv__month:last-child { padding-right: 0; } .newsarchiv__month.newsarchiv__month--active a { color: #999; text-decoration: none; } .news-article { display: block; } .news-article__main { display: block; } .news-article__subinfo { display: block; margin-bottom: 10px; } .news-article__date { display: inline-block; } .news-article__categories { display: inline-block; } .news-article__categories:before { content: '- '; } .news-article__media { float: right; margin-left: 20px; margin-bottom: 10px; } @media (max-width: 768px) { .news-article__media { display: block; float: none; margin-left: 0; } .news-article__media img { width: 100%; height: auto; } } .news-article__teaser { font-weight: 700; margin-bottom: 20px; } .news-article__content { display: block; } .news-article__content:before, .news-article__content:after { content: " "; display: block; } .news-article__content:after { clear: both; } .news-article__related { display: block; margin-top: 20px; } .news-article__related:before, .news-article__related:after { content: " "; display: block; } .news-article__related:after { clear: both; } .dp--cookie-check .checkbox { display: block !important; margin-bottom: 0px; padding: 5px; } .dp--cookie-check .checkbox label:after { width: 100%; margin: auto; } .dp--cookie-check .checkbox label:before { margin: auto; } .dp--cookie-check { border: none; justify-content: space-around; } .cc-window { font-size: 0.8em; font-family: "Axiforma", Arial, sans-serif; } .cc-window .cc-btn { text-decoration: none; } .cc-window .checkbox label:before { width: 24px; height: 24px; } .cc-window .newsletter-optivo .checkbox label:before { min-width: 24px; } .cc-window .newsletter-optivo .checkbox label:after { line-height: 24px; min-width: 24px; font-size: 1rem; top: 11px; } .cc-allow { background-color: #575756 !important; color: #ececec !important; } .cc-allow:hover { background-color: #878787 !important; color: #ececec !important; text-decoration: none !important; } @media (max-width: 560px) { .dp--cookie-check.newsletter-optivo .checkbox label { height: 24px; } } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin-bottom: 23px; } .input-group label { border: 1px solid black; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; display: block; } .input-group input { position: relative; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 1%; margin-bottom: 0; } .input-group .button, .input-group .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .input-group .cookie-hint__button { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto; margin-bottom: 0; } .input-group * + * { margin-left: 20px; } .ra-product .ra-product__filter .fa { display: inline-block; width: 25px; height: 16px; cursor: pointer; } .ra-product .ra-product__filter .fa[data-ordering$="-ASC"]::after { color: red; } .ra-product .ra-product__filter .fa[data-ordering$="-DESC"]::before { color: red; } .ra-product .ra-product__filter .fa::before { display: inline-block; content: "\25BE"; font-style: normal; font-family: sans-serif; width: 11px; } .ra-product .ra-product__filter .fa::after { display: inline-block; content: "\25BE"; font-style: normal; font-family: sans-serif; transform: rotate(180deg); position: relative; top: 1px; width: 11px; } .ra-product .ra-product__filter .select-field.select-field--disabled { opacity: 0.2; } .ra-product .ra-product__list-item { margin-bottom: 2px; } .ra-product .ra-product__list-item a { display: block; text-decoration: none; } .ra-product .ra-product__list-item a:hover table { color: white; background-color: #575756; } .ra-product .ra-product__list-item a:hover table * { color: white; } .ra-product .ra-product__list-item table { border-top: 3px solid #d3d3d3; border-bottom: 3px solid #d3d3d3; background-color: #ececec; transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); } .ra-product .ra-product__table { margin-bottom: 0; } .ra-product .ra-product__table tr { position: relative; } .ra-product .ra-product__table th { padding: 15px; } .ra-product .ra-product__table td { padding: 10px 15px; } .ra-product .ra-product__table td { vertical-align: middle; } .ra-product .ra-product__table td img { display: block; max-width: 100%; height: auto; } .ra-product .ra-product__table-groupname, .ra-product .ra-product__table-image, .ra-product .ra-product__table-productname, .ra-product .ra-product__table-approvals, .ra-product .ra-product__table-revision { box-sizing: border-box; } @media (max-width: 767px) { .ra-product .ra-product__table-groupname, .ra-product .ra-product__table-image, .ra-product .ra-product__table-productname, .ra-product .ra-product__table-approvals, .ra-product .ra-product__table-revision { width: 20% !important; min-width: 150px !important; } } .ra-product .ra-product__table-productname { padding-left: 0 !important; } .ra-product .ra-product__table-productname span.ra-product__table-productstatus { display: block; font-size: 10px; font-weight: bold; line-height: 6px; padding: 5px 0 0 0; } .ra-product .ra-product__table-productname span.ra-product__table-productstatusname { font-size: 10px; } .ra-product .ra-product__table-groupname { width: 33%; } .ra-product .ra-product__table-image { width: 150px; } .ra-product .ra-product__table-revision { width: 16.8%; } .ra-product .ra-product__table-approvals { width: 15.5%; } .ra-product .ra-product__table-downloadtype { min-width: 105px; } .ra-product .ra-product__table-downloadname { width: 70%; min-width: 300px; } .ra-product .ra-product__table-downloadbutton { width: 165px; min-width: 165px; } .ra-product .ra-product__table-downloadbutton .button, .ra-product .ra-product__table-downloadbutton .cookie-hint .cookie-hint__container .cookie-hint__button, .cookie-hint .cookie-hint__container .ra-product .ra-product__table-downloadbutton .cookie-hint__button { display: inline-block; padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .ra-product .ra-product__table-downloadsize { text-transform: uppercase; } .ra-product .paginationWrapper { margin-top: 25px; } .ra-product.ra-product-db .ra-product__filter-checkbox-wrapper { align-items: flex-end; } .ra-product.ra-product-db .ra-product__checkbox { display: flex; } .ra-product.ra-product-db .ra-product__checkbox label { line-height: 1.5; color: #878787; margin: 0; } .ra-product.ra-product-db .ra-product__checkbox label:before { border: 2px solid #d8d8d8; margin-top: 0px; min-width: 45px; } .ra-product.ra-product-db .ra-product__checkbox label:after { font-size: 20px; font-size: 1.25rem; top: calc(50% - 15px); transform: translateY(-50%); line-height: 45px; min-width: 45px; color: #878787; } @media (max-width: 560px) { .ra-product.ra-product-db .ra-product__checkbox label { height: 50px; } } .ra-product.ra-product-db .ra-product__checkbox .checkbox-text { display: inline-flex; align-items: center; } .ra-product.ra-product-db .ra-product__table-approval, .ra-product.ra-product-db .ra-product__table-type { box-sizing: border-box; } @media (max-width: 767px) { .ra-product.ra-product-db .ra-product__table-approval, .ra-product.ra-product-db .ra-product__table-type { width: 20% !important; min-width: 150px !important; } } .ra-product.ra-product-db .ra-product__table-groupname { width: 16%; } .ra-product.ra-product-db .ra-product__table-approval, .ra-product.ra-product-db .ra-product__table-type { width: 17%; } .ra-product.ra-product-db .ra-product__table-approval span { display: block; } .ra-product.ra-product-db .ra-product__table-approval span:after { content: ','; } .ra-product.ra-product-db .ra-product__table-approval span:last-of-type:after { content: ''; } .ra-product.ra-product-db .ra-product__label { min-height: 32px; } @media (min-width: 768px) and (max-width: 778px) { .ra-product.ra-product-db .ra-product__label { min-height: 48px; } } @media (max-width: 767px) { .ra-product-detail .grid__column.grid__column--xs-12.grid__column--sm-4 { order: -1; } } .ra-product-detail .grid__column.grid__column--xs-12.grid__column--sm-4 .slider { margin-bottom: 60px; } .ra-product-detail .slider { width: 100%; /* @media (min-width: $md) { float: left; margin-right: 20px; max-width: 400px; margin-bottom: 20px; } */ } @media (max-width: 767px) { .ra-product-detail .slider { margin-bottom: 60px; } } .ra-product-detail .infowidget { margin-bottom: 40px; height: auto; } .ra-product-detail .infowidget .accordion .accordion__content :last-of-type .accordion__item { margin-bottom: 20px; border-bottom: 1px solid #ececec; } .ra-product-detail .infowidget .accordion .accordion__content :last-of-type .accordion__item:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .secunet-map-wrapper { position: relative; box-sizing: border-box; display: block; width: 100%; height: 754px; max-width: 1200px; margin: 0 auto; opacity: 0; border: 1px solid #dfdfdf; border-radius: 5px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; transition: opacity 0.5s ease-out; } .secunet-map-wrapper.secunet-map-wrapper--initialized { opacity: 1; } .secunet-map-wrapper svg { display: block; width: 1167px; margin: 0 auto; overflow: hidden; } .secunet-map-wrapper svg path { fill: #f5f5f5; stroke: #fff; transition: transform 1.5s ease-out; } .secunet-map-wrapper svg path[data-tooltip-content] { fill: #1eb1c7; transform: translate3d(0, 0, 0); transition: fill 0.3s linear, stroke-width 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; } .secunet-map-wrapper svg path[data-tooltip-content]:hover { fill: #1d8096; } .secunet-map-wrapper svg path[data-tooltip-content].active { fill: #1d8096 !important; -webkit-transform: translate3d(-3px, -3px, 0); transform: translate3d(-3px, -3px, 0); } .tooltip { display: flex; } .tooltip::after { box-sizing: border-box; position: absolute; top: -15px; right: 0; content: "X"; display: block; padding: 5px; width: 30px; height: 30px; background: #d70f37; color: #fff; text-align: center; cursor: pointer; border-radius: 50%; line-height: 1.3; } .tooltip.tooltip--image-right { flex-direction: row-reverse; } .tooltip.tooltip--image-right .tooltip__image + .tooltip__content { padding-left: 0; padding-right: 15px; } .tooltip .tooltip__image { flex: 1 0 50px; } @media (min-width: 768px) { .tooltip .tooltip__image { flex: 0 0 80px; } } .tooltip .tooltip__image + .tooltip__content { padding-left: 15px; } .tooltip .tooltip__image img { display: block; max-width: 100%; height: auto; border: 1px solid #dfdfdf; } .tooltip .tooltip__content { flex: 1 1 auto; } .tooltip .tooltip__content h4 { margin-bottom: 0; } .tooltip_templates { display: none; } .tooltipster-base { pointer-events: all !important; } .tooltipster-left { padding-left: 15px; box-sizing: border-box; } .tooltipster-top, .tooltipster-bottom { padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .tooltipster-right { padding-right: 15px; box-sizing: border-box; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-content { padding: 15px; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-box { box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); } .ie .tooltip { max-width: 500px; } div[id*="animation"] { pointer-events: all; cursor: pointer; } div[id*="animation"] svg { pointer-events: none; } a .st22 { transition: fill 0.3s; stroke-width: 5; } a:focus .st22, a:hover .st22 { fill: #d70f37 !important; } a:focus { outline: none; } .ees-overview, .ees-animation { position: relative; width: 100%; height: auto; overflow: hidden; padding-bottom: 100%; } .ees-overview svg, .ees-animation svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .ees-overview { padding-bottom: 62%; } @media (max-width: 1023px) { .csc-default[class*="csc-space-before-"] { margin-top: 0 !important; } } @media (max-width: 1023px) { .csc-default[class*="csc-space-after-"] { margin-bottom: 0 !important; } } .animation-link-list { display: flex; list-style: none; padding-left: 0; justify-content: center; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #d70f37; } .animation-link-list__item { margin-bottom: 0; padding-left: 15px; padding-right: 15px; } .animation-link-list__item > a { text-decoration: none; } .animation-link-list__item.animation-link-list__item--active > a { font-weight: 500; color: #d70f37; padding-bottom: 9px; border-bottom: 6px solid #d70f37; }