/* ======================================================== Master Layout (Standard), Version 2.0 -------------------------------------------------------- AgenturWebfox ======================================================== */ /* Reset */ * { padding: 0; margin: 0; border: 0; } ul li { list-style: none; } /* -------------------------------------------------------- */ /* Lato-Black */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-black.woff2.woff2) format("woff2"), url(../fonts/lato/lato-black.woff.woff) format("woff"); font-style: normal; font-weight: 900; text-rendering: optimizeLegibility; } /* Lato-BlackItalic */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-blackitalic.woff2.woff2) format("woff2"), url(../fonts/lato/lato-blackitalic.woff.woff) format("woff"); font-style: italic; font-weight: 900; text-rendering: optimizeLegibility; } /* Lato-Bold */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-bold.woff2.woff2) format("woff2"), url(../fonts/lato/lato-bold.woff.woff) format("woff"); font-style: bold; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-BoldItalic */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-bolditalic.woff2.woff2) format("woff2"), url(../fonts/lato/lato-bolditalic.woff.woff) format("woff"); font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; } /* Lato-Regular */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-regular.woff2.woff2) format("woff2"), url(../fonts/lato/lato-regular.woff.woff) format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Lato-Italic */ @font-face { font-family: 'Lato'; src: url(../fonts/lato/lato-italic.woff2.woff2) format("woff2"), url(../fonts/lato/lato-italic.woff.woff) format("woff"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility; } /* Global */ header, footer, menu, nav, section, article, aside, details, figcaption, figure, hgroup { display: block; } body { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 18px; } img, embed, object, video, map { max-width: 100%; } .page-wrap { width: 100%; float: right; } .page { min-width: 320px; max-width: 100%; margin: 0 auto; padding-left: 1.5%; padding-right: 1.5%; } .page:before, .page:after { display: table; content: " "; } .page:after { clear: both; } ol, ul { list-style-position: inside; } .clear { clear: both; } /* Fullsize Global */ #page { width: 100%; padding: 0; max-width: 100%; min-width: 100%; max-width: unset; min-width: unset; } section { clear: both; position: relative; } section, .contentarea { padding: 20px 0; } .section { padding: 20px 0 0 0; } .container { min-width: 320px; max-width: 100%; margin: 0 auto; padding-left: 1.5%; padding-right: 1.5%; } .container-fluid { padding-left: 1.5%; padding-right: 1.5%; } /* Visibility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .show { display: block!important; } .hidden { display: none!important; visibility: hidden!important; } @media (max-width: 767px) { .hidden-mobile { display: none!important; } .visible-mobile { display: block!important; } } @media (min-width: 768px) and (max-width: 1107px) { .hidden-tablet { display: none!important; } .visible-tablet { display: block!important; } } @media (min-width: 1108px) and (max-width: 1779px) { .hidden-screen { display: none!important; } .visible-screen { display: block!important; } } @media (min-width: 1780px) { .hidden-wide { display: none!important; } .visible-wide { display: block!important; } } .visible-tablet-up, .visible-screen-up { display: none; } .visible-print { display: none!important; } /* -------------------------------------------------------- */ /* Adverts Banner */ #ad-banner-top { clear: both; text-align: center; } /* -------------------------------------------------------- */ .col-fullsize { width: 100%; box-sizing: border-box; padding-left: 1.5%; padding-right: 1.5%; } /* Aside (Side Panel) */ aside { clear: both; width: 100%; min-height: 32px; text-align: center; } aside ul { min-height: 32px; padding-top: 0.5em } aside ul li { display: inline-block; min-height: 33px; } .link-aside { display: block; } aside ul li a { padding: 0.5em 0.8em; text-transform: uppercase; } aside ul li a:hover { text-decoration: none; } aside [class^="icon-"]:before, aside [class*=" icon-"]:before { display: inline-block; width: 20px; text-decoration: none; text-align: left; vertical-align: top; padding-top: 0.2em; font-size: 14px; } .icon-side-home { display: inline-block; width: 13px; height: 12px; padding-right: 8px; } .icon-side-home-item { float: left; width: 3px; height: 3px; margin-top: 1px; margin-right: 1px; } /* -------------------------------------------------------- */ /* Main Navigation (Search) */ .mobile-search { clear: both; width: 100%; padding: 0.2em 0 0.6em 0; } .mobile-search-button:focus { outline: none; } .mobile-search-button i { font-size: 1.8em; } .mobile-search-button span { display: none; } /* Mobile Navigation */ .mobile-nav-toggle { position: relative; display: block; float: left; width: 15%; padding: 9px 0; background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 1.8em; } #nav-mobile { display: none; } #nav-mobile.show-nav-mobile { display: block; position: absolute; z-index: 9999; width: 96%; height: 100%; top: 0; bottom: 0; left: 0; opacity: 0.95; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .nav-mobile-wrap a:hover { text-decoration: none; } .nav-mobile-wrap ul { padding: 1em 0; } .nav-mobile-wrap ul li { font-size: 2em; } .nav-mobile-wrap ul li a { display: block; padding: 0.5em 3% 0.5em 5%; border-bottom: 1px solid; } .nav-mobile-wrap ul li ul { padding: 0.2em 0 0.8em 0; } .nav-mobile-wrap ul li ul li { font-size: 0.7em; } .nav-mobile-wrap ul li ul li a { padding: 0.5em 3% 0.5em 5%; border-bottom: none; } /* Mobile Navigation (Search) */ .gsa-search-mobile { padding: 0.4em; } .gsa-search-mobile legend, .gsa-search-mobile label { display: none; } .gsa-search-mobile fieldset { float: left; width: 90%; } .gsa-search-mobile-input { width: 100%; padding: 0.2em; text-transform: uppercase; font-size: 1.2em; } .gsa-search-mobile-button { float: left; width: 8%; margin-left: 2%; font-size: 1.6em; } .gsa-search legend, .gsa-search label, .gsa-search button { display: none; } .gsa-search input { width: 95%; padding: 0.1em; font-size: 0.9em; } /* -------------------------------------------------------- */ /* Seitenwechsel-Navigation */ .nav-switch-top { display: none; } .nav-switch-page { text-align: center; } .nav-switch-page li { display: inline-block; margin: 0 0.2rem 0.7rem 0.2rem; } .nav-switch-page li a, .nav-switch-page li span { border: solid 1px; padding: 0.65em 1.2em 0.6em 1.2em; display: block; } .nav-switch-page li.nav-switch-page-last { margin-right: 0; } /* -------------------------------------------------------- */ /* Fullsize-Layout */ .contentarea__background-wrapper, .contentarea__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .contentarea__background video { width: 100%; height: 100%; object-fit: cover; } @media (prefers-reduced-motion: reduce) { .contentarea__background video { display: none; } } .contentarea__background { display: none; background-size: cover; overflow: hidden; } .contentarea__background-mobile { display: block; } .background--repeat, .background--repeat-x, .background--repeat-y { background-size: auto auto; } .background–-repeat { background-repeat: repeat; } .background--no-repeat { background-repeat: no-repeat; } .background--repeat-x { background-repeat: repeat-x; } .background--repeat-y { background-repeat: repeat-y; } .background--contain { background-size: contain; } .background--cover { background-size: cover; } .background--originalsize { background-size: unset; } .background--position-x-left { background-position-x: left; } .background--position-x-center { background-position-x: center; } .background--position-x-right { background-position-x: right; } .background--position-y-top { background-position-y: top; } .background--position-y-center { background-position-y: center; } .background--position-y-bottom { background-position-y: bottom; } .background--fixed { background-attachment: fixed; } /* Transparenz für Hintergrundbilder/-videos */ .background__opacity--90 .contentarea__background-wrapper { opacity: 0.9; } .background__opacity--80 .contentarea__background-wrapper { opacity: 0.8; } .background__opacity--70 .contentarea__background-wrapper { opacity: 0.7; } .background__opacity--60 .contentarea__background-wrapper { opacity: 0.6; } .background__opacity--50 .contentarea__background-wrapper { opacity: 0.5; } .background__opacity--40 .contentarea__background-wrapper { opacity: 0.4; } .background__opacity--30 .contentarea__background-wrapper { opacity: 0.3; } .background__opacity--20 .contentarea__background-wrapper { opacity: 0.2; } .background__opacity--10 .contentarea__background-wrapper { opacity: 0.1; } /* Widget-Ausrichtung */ .widget-align--center { display: flex; justify-content: center; } /* -------------------------------------------------------- */ /* Grid */ .row {} .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-12 { position: relative; float: left; width: 94%; min-height: 1px; padding-right: 3%; padding-left: 3%; padding-bottom: 2.4em; } .section .col-12 { padding-bottom: 0; } .col-borderless { width: 97%; padding-right: 0!important; } /* Spacer */ .spacer-height-10 { height: 10px; } .spacer-height-20 { height: 20px; } .spacer-height-30 { height: 30px; } .spacer-height-40 { height: 40px; } .spacer-height-50 { height: 50px; } .spacer-height-60 { height: 60px; } .spacer-height-70 { height: 70px; } .spacer-height-80 { height: 80px; } .spacer-height-90 { height: 90px; } .spacer-height-100 { height: 100px; } /* Group */ .col-grouped-section { padding-bottom: 1.8em; } /* -------------------------------------------------------- */ /* Images */ img { max-width: 100%; height: auto; } /* .textimage-left-float, .textimage-right-float, .textimage-left-img, .textimage-right-img, .textimage-above-img, .textimage-below-img { font-size: 0.5em; line-height: 0.9; } */ .textimage-img { padding: 0 0 1.2em 0; } .textimage-caption { clear: both; font-size: 0.9em; line-height: 1.285714285714286; padding-top: 8px; padding-bottom: 10px; } .textimage-imgrow-img .textimage-caption { padding-right: 0.4em; } .img-border img { border: 1px solid; } /* Runde Ecken */ .border-radius-15 img { border-radius: 15px; } /* -------------------------------------------------------- */ /* Links */ a { text-decoration: none; } a.link-email, a.link-download { display: inline-block; } a.link-top { display: block; text-align: right; } /* Toplink Chevron */ a.link-top__chevron { font-size: 0; display: flex; justify-content: flex-end; height: 30px; } a.link-top__chevron::before { border-style: solid; border-width: 3px 3px 0 0; content: ''; height: 20px; width: 20px; position: relative; display: inline-block; transform: perspective(1px) translateZ(0) rotate(-45deg); } a.link-top__chevron:hover { animation-name: wobble; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: 1; } @keyframes wobble { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } a.button-link { display: inline-block; padding: 0.4em 0.8em; font-weight: bold; text-transform: uppercase; } a.button-link:hover { text-decoration: none; } a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before, i[class^="icon-"]:hover:before, i[class*=" icon-"]:hover:before { text-decoration: none; } a.icon-list:before, a.icon-link-up:before, a.icon-link-down:before, a.icon-link-download:before, a.icon-link-email:before, a.icon-link-event:before, a.icon-link-left:before, a.icon-link-print:before, a.icon-event-list:before, a.icon-link-right:before, a.icon-search:before, a.icon-side-download:before, a.icon-side-ticket:before, a.icon-news-up:before, a.icon-news-down:before, a.icon-news-left:before, a.icon-news-right:before, a.icon-file-ppt:before, a.icon-file-doc:before, a.icon-file-pdf:before { vertical-align: top; padding-top: 0.5em; padding-right: 0.3em; padding-left: 0.1em; font-size: 0.7em; } a.link-noicon::before { content: ""; margin: 0; padding: 0; width: 0; } a.link-noicon span.link-download-fileinfo { display: none; } /* -------------------------------------------------------- */ /* Content Basics */ .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .no-text-transform, li.span-no-text-transform span span, li.span-no-text-transform a span { text-transform: none!important; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* Standard Content */ h2, h3, h4, h5, h6, p { line-height: 1.285714285714286; } h2 { font-size: 1.9em; padding: 1em 0 0.5em 0; } h3 { font-size: 1.5em; padding: 1em 0 0.5em 0; } h4 { font-size: 1.3em; padding: 0.8em 0 0.3em 0; } h5, h6 { font-size: 1.1em; padding: 0.6em 0 0.3em 0; } .headline { padding-bottom: 0; } #content hr { border-bottom: 1px solid; height: 1px; } #content p { padding: 0.4em 0; font-size: 1.1em; } #content blockquote { border-left: 0.3em solid; margin-bottom: 0.6em; } #content blockquote p { padding-left: 0.7em; font-style: italic; font-size: 1.15em; } #content p.blockquote-author { font-size: 1.05em; padding-top: 0.6em; } /* Messages */ .text-success:before, .text-error:before { display: inline-block; width: 32px; text-decoration: none; text-align: left; vertical-align: top; padding-top: 0.2em; font-size: 14px; } /* Lists */ #content ul, .tooltip-content ul, .fancybox-content ul { margin-left: 1.5em; padding: 0.3em 0 0.4em 0; } #content li, .tooltip-content li, .fancybox-content li { padding: 0 0.4em 0.4em 0.7em; font-size: 1.1em; list-style-position: outside; line-height: 1.285714285714286; } #content li:before, .tooltip-content li:before, .fancybox-content li:before { content: '\25'; font-family: "mb-icons"; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1em; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 2px; margin-left: -24px; padding-top: 4px; padding-right: 10px; padding-left: 0; text-align: center; text-transform: none; vertical-align: top; } #content li.nested:before, .tooltip-content li.nested:before, .fancybox-content li.nested:before { display: none; } #content ul li ul, .tooltip-content ul li ul, .fancybox-content ul li ul { padding-top: 0.4em; padding-bottom: 0; } #content ul li ul li, .tooltip-content ul li ul li, .fancybox-content ul li ul li { padding-left: 0; font-size: 1em; } #content ul.list-unstyled li:before, .tooltip-content ul.list-unstyled li:before, .fancybox-content ul.list-unstyled li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } /* List Special */ .list-key, .list-value { display: block; float: left; } .list-key { width: 32% } .list-value { width: 66% } /* -------------------------------------------------------- */ /* Link Lists */ /* Anchor Links */ #content .anchor-links ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .anchor-links ul { margin: 0.4em 0; padding: 0; } #content .anchor-links li { list-style: none; float: left; width: auto; padding: 0 0.4em 0.4em 0; } #content .anchor-links li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .anchor-links li a { display: block; padding: 0.4em 0.8em; font-weight: bold; text-transform: uppercase; } #content .anchor-links li a, #content .anchor-links-color li a { border: 1px solid; } #content .anchor-links li a:hover { text-decoration: none; } /* Page Navigation */ #content .page-navigation ul { float: left; margin-left: 0; } #content .page-navigation ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .page-navigation li { list-style: none; float: left; width: auto; text-align: center; padding: 0 0.3em 0.3em 0; } #content .page-navigation li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .page-navigation li span, #content .page-navigation li a { display: block; width: 2.0em; padding: 0.3em 0 0.3em 0; font-weight: bold; border: 1px solid; } #content .page-navigation li span.page-navigation-active { border: 1px solid; } #content .page-navigation li a:hover { text-decoration: none; } /* -------------------------------------------------------- */ /* Highlight Elements */ #content h2.highlight, #content h3.highlight, #content h4.highlight, #content h5.highlight { padding: 0.4em 0.5em 0.4em 0.5em } #content h2.highlight, #content h3.highlight { margin: 1em 0 0.3em 0; } #content h4.highlight { margin: 0.8em 0 0.3em 0; } #content h5.highlight { margin: 0.6em 0 0.3em 0; } #content p.highlight, div.fancybox-inner div.fancybox-content p.highlight { padding: 0.6em 1em; } #content li.highlight { padding-top: 0.2em; } /* Highlight */ .col-highlight { margin: 0.4em 0 1.2em 0; } /* Highlight Inheritance */ .col-highlight .textimage-above-img, .col-highlight .textimage-img-first { padding-top: 0; } .col-highlight .textimage-below .textimage-img-first { padding-top: 1.2em; } .col-highlight .textimage-below .textimage-imgrow .textimage-img-first { padding-top: 0; } .col-highlight .textimage-below-img, .col-highlight .textimage-img-last { padding-bottom: 0; } .col-highlight .textimage-caption, #content .col-highlight h2, #content .col-highlight h3, #content .col-highlight h4, #content .col-highlight h5 { padding-left: 15px; padding-right: 15px; } #content .col-highlight h2, #content .col-highlight h3 { padding-top: 15px; } #content .border.col-highlight h2, #content .border.col-highlight h3, #content .border h2, #content .border h3 { padding-top: 0; } #content .col-highlight p { padding: 0.4em 15px; } #content .col-highlight>p:last-child { padding-bottom: 1.2em; } #content .col-highlight ul { padding: 0.6em 10px 1em 10px; } /* Highlight Links */ a.link-highlight { display: inline-block; padding: 0.02em 0.35em 0.05em 0.35em; } a.link-highlight-block { display: block; padding: 0.6em 1em; font-weight: bold; } a.link-highlight:hover, a.link-highlight-block:hover { text-decoration: none; } #content p a.link-highlight-block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0.4em 0; } #content li a.link-highlight-block { display: inline-block; width: auto; margin: 0; padding: 0.02em 0.35em 0.05em 0.35em; } a.link-highlight-block[class*="icon"], #content li a.link-highlight-block[class*="icon"] { padding: 0.6em; } a.link-highlight-block[class*="icon"]:before, #content li a.link-highlight-block[class*="icon"]:before { width: 1.6em; font-size: 1.4em; } a.link-highlight-block.icon-link-download:before { font-size: 0.7em; } /* Schlagwort-Links Event-DB */ a.link-highlight.catchword { margin-right: 10px; margin-bottom: 10px; padding: 0 10px; line-height: 2em; display: inline-block; } #content .border { border: 1px solid; margin-bottom: 1.8em; padding: 0.6em 1em; box-sizing: border-box; } #content .border.col-highlight { padding: 0; } /* -------------------------------------------------------- */ /* Tables */ table { max-width: 100%; background-color: transparent; font-size: 1.1em; } th { text-align: left; } .table-responsive { margin-top: 0.8em; margin-bottom: 0.8em; } .table { width: 100%; } .table-col-equal-1 { width: 100%; } .table-col-equal-2 { width: 50%; } .table-col-equal-3 { width: 33.3333%; } .table-col-equal-4 { width: 25%; } .table-col-equal-5 { width: 20%; } .table-col-equal-6 { width: 16.6667%; } .table-col-equal-7 { width: 14.2857%; } .table-col-equal-8 { width: 12.5%; } .table-col-equal-9 { width: 11.1111%; } .table-col-equal-10 { width: 10%; } .table-col-equal-11 { width: 9.09091%; } .table-col-equal-12 { width: 8.33333%; } .table-col-equal-13 { width: 7.69231%; } .table-col-equal-14 { width: 7.14286%; } .table-col-12 { width: 100%; } .table-col-11 { width: 91.66666667%; } .table-col-10 { width: 83.33333333%; } .table-col-9 { width: 75%; } .table-col-8 { width: 66.66666667%; } .table-col-7 { width: 58.33333333%; } .table-col-6 { width: 50%; } .table-col-5 { width: 41.66666667%; } .table-col-4 { width: 33.33333333%; } .table-col-3 { width: 25%; } .table-col-2 { width: 16.66666667%; } .table-col-1 { width: 8.33333333%; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 0.5em 0.8em; font-size: 1em; line-height: 1.285714285714286; vertical-align: top; } .table>tbody>tr>th, .table>tbody>tr>td { border-bottom: 1px solid; } .table-striped>tbody>tr>th, .table-striped>tbody>tr>td { border-bottom: none; } .table>thead>tr>th { padding: 0.5em 0.6362em; font-size: 1.1em; text-transform: uppercase; vertical-align: top; } .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0; } table col[class*="col-"] { position: static; display: table-column; float: none; } table th[class*="col-"], table td[class*="col-"] { position: static; display: table-cell; float: none; } #content table p { font-size: 1em; } #content table li { font-size: 1em; } .table-white-space-normal .table-responsive>.table>tbody>tr>th, .table-white-space-normal .table-responsive>.table>tfoot>tr>th, .table-white-space-normal .table-responsive>.table>tbody>tr>td, .table-white-space-normal .table-responsive>.table>tfoot>tr>td { white-space: normal; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive>.table { margin-bottom: 0; } .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: nowrap; } .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive h3, .table-responsive h4, .table-responsive h5, .table-responsive p { white-space: normal; } } .no-wrap { overflow-x: auto; } .no-wrap>.table>tbody>tr>th, .no-wrap>.table>tfoot>tr>th, .no-wrap>.table>tbody>tr>td, .no-wrap>.table>tfoot>tr>td { white-space: normal; } /* -------------------------------------------------------- */ /* Forms */ fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; line-height: 1.285714285714286; font-size: 1.5em; font-weight: bold; padding: 1em 0 0.5em 0; border: 0; } fieldset legend { font-size: 1.3em; margin-bottom: 5px; padding: 0.6em 0 0.2em 0; } label { display: inline-block; font-size: 1.1em; margin-bottom: 5px; } /* Forms: Input Types */ input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } /* Forms: Inline Grid */ .form-buttons { text-align: right; } fieldset .form-buttons { text-align: left; margin-top: 6px; } .form-control { display: block; width: 98.2%; height: 22px; padding: 2px 4px; font-size: 1.1em; line-height: 1.285714285714286; background-image: none; border: 1px solid; } /* Forms: Inline Floating */ .form-group { margin-bottom: 15px; } #content .form-inline-element { display: inline-block!important; width: auto!important; margin-right: 0.3em!important; margin-bottom: 0.3em!important; } .form-label-float { clear: both; float: left; width: 25%; padding-bottom: 0.5em; } .form-element-float { float: left; width: 75%; } /* Forms: Textual Elements */ .form-control:focus { outline: 0; } ::-moz-placeholder { opacity: 1; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; opacity: 1; } textarea.form-control { height: auto; } select.form-control { min-height: 28px; width: 100%!important; } select.form-control option { padding: 2px 4px; } /* Forms: Radio Buttons, Checkboxes */ .radio, .checkbox { display: block; min-height: 20px; margin-top: 15px; margin-bottom: 15px; margin-left: 10px; padding-left: 20px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio+.radio, .checkbox+.checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; margin-bottom: 0; margin-left: 12px; padding-bottom: 12px; padding-left: 20px; font-weight: normal; vertical-align: middle; cursor: pointer; } .form-radio-inline-6 .radio-inline { width: 100%; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } /* Forms: Content */ #content p.form-control-static { font-size: 1.1em; height: 22px; line-height: 1.28571; margin-bottom: 0; padding: 2px 4px; } #content p.help-block { clear: both; padding: 0.4em 16px 1em 0; } /* Forms: Buttons */ #content button, #content input[type="submit"], #content input[type="button"] { display: inline-block; min-width: 140px; padding: 6px 12px; margin-bottom: 4px; margin-left: 2px; font-size: 1.1em; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } #content button:focus, #content button:active:focus, #content input[type="submit"]:focus, #content input[type="submit"]:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #content button:hover, #content button:focus, #content input[type="submit"]:hover, #content input[type="submit"]:focus { text-decoration: none; } #content button:active, #content input[type="submit"]:active { background-image: none; outline: 0; } /* Captcha */ .captcha-group label, .captcha-group img, .captcha-group a { float: left; } .captcha-group label, .captcha-group a { margin-top: 1em; } .captcha-group img { margin: 0 0.5em 1em 0.5em; } .captcha-group a:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; content: '\51'; } /* -------------------------------------------------------- */ /* Components */ /* Progress Bar */ progress, progress[role] { width: 50%; height: 24px; margin: 1.6em 0 1.6em 24%; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: auto; } progress[role] { display: inline-block; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } progress[role], progress[role]:after { background-repeat: repeat-x; background-position: 0 0; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } progress[aria-valuenow]:before { content: ""; display: block; height: 100%; } /* Loader */ .widget-navigation-loading { display: block; margin: 0 0 1.8em 45.5%; } .widget-loading-status { display: none; position: absolute; width: 55%; margin: 1.2em 0 0 45%; } .icon-loader-animation { animation-name: load8; animation-duration: 1.1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: normal; animation-direction: none; animation-iteration-count: infinite; animation-play-state: running; -webkit-animation: load8 1.1s linear 0s normal none infinite running; -moz-animation: load8 1.1s linear 0s normal none infinite running; border-style: solid; border-width: 1em; font-size: 10px; margin: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .icon-loader-animation, .icon-loader-animation::after { border-radius: 50%; height: 30px; width: 30px; } .widget-loading-status .icon-loader-animation-wrap { border-radius: 50%; height: 50px; width: 50px; } .widget-loading-status .icon-loader-animation-wrap { background-color: #fff; border: 5px solid #fff; -webkit-box-shadow: 1px 1px 2px 3px rgba(233, 233, 233, 0.8); -moz-box-shadow: 1px 1px 2px 3px rgba(233, 233, 233, 0.8); box-shadow: 1px 1px 2px 3px rgba(233, 233, 233, 0.8); } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Shariff-Buttons */ .pressreleases-details-sharing, .newsreport__sharing { margin-top: 1em; } .shariff { display: inline-block; } #content .shariff ul { margin-left: 0; padding-top: 0; } #content .shariff ul.orientation-horizontal, #content .shariff ul.orientation-vertical { display: inline; width: auto; } #content .shariff li { height: auto; overflow: visible; padding-right: 0; } #content .shariff li:before { content: ""; } .shariff li .share_count, .shariff li .share_text { font-family: 'Lato', sans-serif; font-size: 1em; } .shariff li .fab { width: 35px; display: block; } #content .shariff .orientation-horizontal li, #content .shariff .orientation-vertical li { min-width: 30px; padding-left: 0; display: inline-block; width: auto; margin: -25px 0 0 0; } #content .shariff .orientation-horizontal li .share_text, #content .shariff .orientation-vertical li .share_text { text-indent: -9999px; display: block; padding-left: 3px; margin: -25px 0 0 0; } .shariff-label { display: inline-block; float: left; width: 3.3em; font-weight: 700; line-height: 2em; } [class^="fa-"]::before, [class*=" fa-"]::before { font-size: 17px; } /* -------------------------------------------------------- */ /* Formatting */ /* Option Column */ .col-options { padding-top: 0.6em; padding-bottom: 0.6em; border-top: 1px solid; border-bottom: 1px solid; } /* Line Height */ #content .lineheight-16 p { line-height: 1.6; } #content .lineheight-18 p { line-height: 1.8; } #content .lineheight-20 p { line-height: 2.0; } /* Height */ .height-300 { height: 300px!important; } .height-400 { height: 400px!important; } .height-500 { height: 500px!important; } .height-600 { height: 600px!important; } .height-700 { height: 700px!important; } .height-800 { height: 800px!important; } /* Min-Height */ .min-height-200 { min-height: 200px!important; ; } .min-height-250 { min-height: 250px!important; ; } .min-height-300 { min-height: 300px!important; ; } .min-height-350 { min-height: 350px!important; ; } .min-height-400 { min-height: 400px!important; } .min-height-500 { min-height: 500px!important; } .min-height-600 { min-height: 600px!important; } .min-height-700 { min-height: 700px!important; } .min-height-750 { min-height: 750px!important; } .min-height-800 { min-height: 800px!important; } .min-height-900 { min-height: 900px!important; } .min-height-1000 { min-height: 1000px!important; } .min-height-1200 { min-height: 1200px!important; } .min-height-1500 { min-height: 1500px!important; } .min-height-2000 { min-height: 2000px!important; } .padding-top { padding-top: 1em!important; } .padding-bottom { padding-bottom: 1em!important; } .no-padding-bottom { padding-bottom: 0!important; } .no-padding-top { padding-top: 0!important; } /* Width */ .width-100 { width: 100%; } /* Mobile min-height */ .mobile-min-height-200 { min-height: 200px; } .mobile-min-height-225 { min-height: 225px; } .mobile-min-height-250 { min-height: 250px; } .mobile-min-height-275 { min-height: 275px; } .mobile-min-height-300 { min-height: 300px; } .mobile-min-height-325 { min-height: 325px; } .mobile-min-height-350 { min-height: 350px; } .mobile-min-height-375 { min-height: 375px; } .mobile-min-height-400 { min-height: 400px; } .mobile-min-height-450 { min-height: 450px; } .mobile-min-height-500 { min-height: 500px; } /* Text */ span.text-big { font-size: 1.36em; } /* Cookie Overlay */ .cookie-overlay { position: fixed; bottom: 0; display: block; left: 0; width: 100%; z-index: 10000; display: none; } .cookie-background { position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: 0.75; } .cookie-wrapper { padding-top: 20px; position: relative; padding-bottom: 25px; } .cookie-text { text-align: center; line-height: 1.5rem; padding: 0 10px; } .cookie-confirm { background-color: #057ccd; padding: 5px 14px; text-transform: uppercase; color: #fff; font-size: 13px; margin-left: 12px; line-height: 1rem; } /* Snow */ .snowfall-container { position: absolute; height: 100%; width: 100%; max-width: 100%; top: 0; left: 0; overflow: hidden; z-index: 100; pointer-events: none; } .snowfall { display: block; position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-animation: snowfall linear infinite; animation: snowfall linear infinite; } .snowfall.foreground { /*background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");*/ -webkit-animation-duration: 15s; animation-duration: 15s; } .snowfall.foreground.layered { -webkit-animation-delay: 7.5s; animation-delay: 7.5s; } .snowfall.middleground { /*background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);*/ -webkit-animation-duration: 20s; animation-duration: 20s; } .snowfall.middleground.layered { -webkit-animation-delay: 10s; animation-delay: 10s; } .snowfall.background { /*background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);*/ -webkit-animation-duration: 30s; animation-duration: 30s; } .snowfall.background.layered { -webkit-animation-delay: 15s; animation-delay: 15s; } @-webkit-keyframes snowfall { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { -webkit-transform: translate3d(15%, 100%, 0); transform: translate3d(15%, 100%, 0); } } @keyframes snowfall { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { -webkit-transform: translate3d(15%, 100%, 0); transform: translate3d(15%, 100%, 0); } } /* ======================================================== Widgets ======================================================== */ /* Fancybox (Content) */ .fancybox-content { display: none; padding: 20px; } .fancybox-content p { padding: 0.4em 0; font-size: 1.1em; } .fancybox-images { display: none; } .fancybox-inner>li { list-style: none; } .plugin-content>h1 { display: none; } .plugin-content .mi24 { display: none; } .plugin-content--hidden { display: none!important; visibility: hidden!important; } /* Tab-Navigation */ .tab-navigation-load, .tab-navigation-load .tab-navigation-content, .tab-navigation-load .tab-navigation-status { display: none; } #content .ui-tabs .ui-tabs-panel { margin-bottom: 0.8em; padding: 0.8em 1% 2.5% 1%; border: 1px solid; } #content ul.ui-tabs-nav .ui-state-active, #content .tab-navigation .ui-state-default, #content .tab-navigation-colored .ui-state-default { border: 1px solid; } #content ul.ui-tabs-nav { margin-left: 0; padding-bottom: 0; } #content ul.ui-tabs-nav li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content ul.ui-tabs-nav li { padding: 0; font-weight: bold; text-transform: uppercase; } #content ul.ui-tabs-nav a { outline: 0; } /* Accordion-Navigation */ .accordion-navigation { margin-bottom: 2em!important; } .accordion-navigation-load .accordion-navigation-content, .accordion-navigation-load .accordion-navigation-external-link, .accordion-navigation-load .accordion-navigation-external-content { display: none; } .accordion-navigation-link, .ui-accordion .ui-accordion-header { margin-bottom: 0.4em; font-size: 1.0005em; font-weight: bold; text-transform: uppercase; overflow: hidden; border: 1px solid; } .accordion-navigation-link { padding: 0.4em 0.8em; } .ui-accordion .ui-state-active { border-style: solid; border-width: 1px 1px 2px 1px; } .accordion-navigation-box { border: 1px solid; } .accordion-navigation-link:active, .accordion-navigation-link:focus { outline: 0; } .ui-accordion .ui-accordion-content { margin-top: -0.4em; margin-bottom: 2em; } .ui-accordion .ui-accordion-content .row:first-child { padding-top: 0.2em; } .accordion-category { display: block; width: 110%; margin: -0.5em 0 0.4em -2%; padding: 0.2em 0.8em; } /* Tooltip */ .plugin-content .tooltip-content { display: none; !important; } .ui-tooltip { padding: 0.5em; max-width: 300px; } /* Blätterkatalog */ .booklet-download, .booklet-enlarge { margin-bottom: 1em; } .pageflip-container { margin: 0 45px 5px 45px; } .booklet-resize-info { display: none; } .booklet .b-arrow-next div { margin-left: -5px; } #content .b-selector ul { padding-top: 0; } /* Zitat-Animation */ .quotation { position: relative; float: left; width: 98%; margin-bottom: 2em; padding: 1%; } .text-align-left .quotation { text-align: left; } .text-align-right .quotation { text-align: right; } .quotation-button { float: left; width: 10%; height: 70px; overflow: hidden; } #content .quotation-button button { height: 70px; min-width: 2em; padding: 0; margin: 0; outline: 0; } .quotation .icon-news-left:before, .quotation .icon-news-right:before { font-size: 30px; margin: 0; padding: 0; width: 100%; } .quotation-button-right { float: right; } .quotation-button-inactive { cursor: default; } .quotation-button span { display: none; } .quotation-content { float: left; width: 80%; } .quotation-content-slider { position: relative; overflow: hidden; } .quotation-content-slider .quotation-content-wrap { width: 20000em; position: relative; } .quotation-content-item { float: left; width: 100%; } #content .quotation-content-item blockquote { padding: 0.5em; border-left-width: 0; margin: 0; } #content .quotation-content-item blockquote p { padding: 0.3em 0; } #content .quotation-content-item p.blockquote-author { padding: 0 0.5em; } #content .quotation-content-item p.blockquote-author:before { content: "— "; } /* Zitat-Animation ohne Hintergrundfarbe */ .quotation--no-background .quotation { background-color: transparent !important; } /* Zitat-Animation mit weißer Schrift und weißen Pfeilen */ .quotation__content--white .icon-news-left::before, .quotation__content--white .icon-news-right::before { color: #fff !important; } .quotation__content--white .quotation-content p { color: #fff !important; } /* Video (MovingIMAGE24) */ .mi24 { padding: 0.4em 0 0.8em 0; } #content button.mi-big-play-cover, #content button.mi-big-play-cover:hover { background-color: transparent; color: unset; } /* Background Video (Home) */ #bgvideo { display: none; } /* Text auf Bild */ .textpic { position: relative; overflow: hidden; } .textpic__image img { display: block; width: 100%; } .textpic__text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px 30px; display: flex; flex-flow: column; line-height: 1.3; font-weight: 700; color: #fff; text-shadow: rgba(0, 0, 0, .7) 2px 2px 5px; transition: background-color .5s linear; } #content .textpic__text p { color: #fff; font-size: 30px; padding: 0.2rem 0; line-height: 1.1; width: 100%; } .textpic__text--uppercase { text-transform: uppercase; } .textpic__text--lowercase { text-transform: lowercase; } .textpic__text--capitalize { text-transform: capitalize; } .textpic__text--valign-top { justify-content: flex-start; } .textpic__text--valign-middle { justify-content: center; } .textpic__text--valign-bottom { justify-content: flex-end; } .textpic__text--align-left { align-items: flex-start; text-align: left; } .textpic__text--align-center { align-items: center; text-align: center; } .textpic__text--align-right { align-items: flex-end; text-align: right; } /* Verdunklung */ [class*=" image__darken--"] .textpic__image { background-color: #000000; } .image__darken--10 img { opacity: 0.1; } .image__darken--20 img { opacity: 0.2; } .image__darken--30 img { opacity: 0.3; } .image__darken--40 img { opacity: 0.4; } .image__darken--50 img { opacity: 0.5; } .image__darken--60 img { opacity: 0.6; } .image__darken--70 img { opacity: 0.7; } .image__darken--80 img { opacity: 0.8; } .image__darken--90 img { opacity: 0.9; } /* Responsive iFrames */ .responsive-iframes iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-iframes { position: relative; padding-bottom: 56.25%; /* Default for 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; } /* Video Ratio */ .video-ratio-169 { max-width: 300px; padding-bottom: 169px; } /* ------------------------------- --------- CTA-Button ---------- ------------------------------- */ .cta-wrapper { display: flex; flex-wrap: wrap; } .cta-wrapper--align-left { justify-content: flex-start; } .cta-wrapper--align-center { justify-content: center; } .cta-wrapper--align-right { justify-content: flex-end; } .cta-button { display: block; box-sizing: border-box; font-weight: 900; padding: 1.5vh 3vh; text-align: center; text-transform: uppercase; font-size: 18px; margin: 0 0 20px 0; border-radius: 3px; border-width: 1px; border-style: solid; transition: all .3s ease-out; } .cta-wrapper--align-left .cta-button { margin-right: 24px; } .cta-wrapper--align-center .cta-button { margin-left: 12px; margin-right: 12px; } .cta-wrapper--align-right .cta-button { margin-left: 24px; } .cta-button__icon { display: inline-block; box-sizing: border-box; height: 20px; width: 20px; margin-right: 4px; text-align: left; } .cta-button__icon svg { height: 13px; } .cta-button__icon-video, .cta-button__icon-ticket { margin-right: 10px; } .cta-wrapper--dark-light .cta-button { background-color: #fff; border-color: #282828; color: #282828; } .cta-wrapper--light-dark .cta-button { background-color: #282828; border-color: #282828; color: #fff; } .cta-button:hover { text-decoration: none; } .cta-wrapper--dark-light .cta-button:hover { background-color: #282828; border-color: #282828; color: #fff; } .cta-wrapper--light-dark .cta-button:hover { background-color: #fff; border-color: #282828; color: #282828; } /* grow animation */ .cta--grow:hover, .design2019 .cta--grow a.cta-button:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); transform: scale(1.05); text-decoration: none; } .design2019 .cta--grow:hover { box-shadow: none; } /* -------------------------------------------------------- Individual -------------------------------------------------------- */ /* Bahn-Widet */ #bahnwidget label { color: #000; } /* Usercentrics Consent-Banner */ body.noconsentbanner #usercentrics-button * { display: none!important; } /* Usercentrics Overlay / Embedding wrapper */ #content .uc-embedding-container { min-height: unset; } .uc-embedding-wrapper h3, .uc-embedding-wrapper p, .uc-embedding-buttons button { font-family: 'Lato', sans-serif; } #content .uc-embedding-wrapper p { color: #000; } button.uc-embedding-more-info { width: unset; padding-left: 10px; padding-right: 10px; } #content .uc-embedding-buttons { justify-content: space-around; } #content .uc-embedding-buttons button { margin-right: 0; text-transform: none; } #content .uc-embedding-buttons button:last-child { margin-left: 0; } /* Schlagwort-Anordnung als Block */ .tags--flex p { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; align-content: center; justify-content: flex-start; } .tags--flex p a.tag { flex: 0 0 auto; } /* Podcasts */ .episode { padding: 0 15px 10px 15px; } div .col-highlight.episodeteaser { margin: 0; padding: 15px 0 0 0; } /* Travel Service Icons */ .tab-navigation li.travel-icon a { padding-left: 0.4em; } .tab-navigation li.travel-icon a:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .tab-navigation li.travel-train a:before { /* Bahn */ content: '\4b'; /* 'K' */ width: 3.5em; } .tab-navigation li.travel-plane a:before { /* Flugzeug */ content: '\4f'; /* 'O' */ width: 3.2em; } .tab-navigation li.travel-pkw a:before { /* PKW */ content: '\4d'; /* 'M' */ width: 3.2em; } .tab-navigation li.travel-es a:before { /* Lieferanten */ content: '\4a'; /* 'J' */ width: 2em; } .tab-navigation li.travel-opnv a:before { /* ÖPNV */ content: '\4e'; /* 'N' */ width: 2.6em; } .tab-navigation li.travel-hotel a:before { /* Hotel */ content: '\4c'; /* 'L' */ width: 1.4em; } .tab-navigation li.travel-shuttle a:before { /* VIP-Shuttle */ content: '\57'; /* 'W' */ width: 1.4em; } /* Aktuelles (NGN) */ .ngn-widget { clear: both; } .ngn-widget iframe { height: 278px!important; } /* Ticket Button */ .ticketlink .ticketlink-box { min-height: 250px; padding: 25px 25px 15px 25px; } .ticketlink .arrow-right-box { height: 120px; } .ticketlink .arrow-right-box a { font-size: 25px; margin-right: 10px; margin-left: 10px; } .ticketlink .arrow-right-box div.box-link { padding-top: 50px; text-align: center; } .ticketlink .arrow-down { float: left; } .ticketlink .arrow-down-box { text-align: center; width: 20px; height: 20px; } .ticketlink .arrow-down-box-square { height: 20px; } .ticketlink .arrow-down-tip { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #000; } .ticketlink .arrow:hover .arrow-right-box a { text-decoration: underline; color: #000; } .ticketlink .stage { float: left; padding-left: 10px; margin-top: 20px; width: 80px; height: 80px; } .ticketlink .steps { float: left; padding-top: 10px; } .ticketlink .step { min-height: 22px; } .ticketlink .step-description { float: left; margin-left: 15px; } #content .ticketlink .steps li::before { content: none; } #content .ticketlink .steps ul { margin-left: 0; display: table; } #content .ticketlink .steps ul li { min-width: 100%; padding-left: 0; padding-right: 0; list-style: none; } #content .ticketlink .steps ul li .step-description { font-size: 0.9em; } /* Timeline */ .cd-horizontal-timeline.loaded .timeline-image .events, .cd-horizontal-timeline.loaded .timeline-image-double .events { top: 168px; } .cd-horizontal-timeline.loaded .timeline-image-double { height: 330px; } .timeline .events li a img { -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .timeline .events li a img:hover { -webkit-transform: scale(1.6); -ms-webkit-transform: scale(1.6); transform: scale(1.6); margin-top: 1.5em; } /* ======================================================== Dynamic Templates ======================================================== */ /* Gallery */ .gallery-thumb, .gallery-thumb-small { float: left; overflow: hidden; width: 70px; height: 70px; margin-right: 2%; margin-bottom: 2%; } img.gallery-thumb-landscape { max-width: none; } img.gallery-thumb-portrait { max-height: none; } .gallery-thumb img.gallery-thumb-landscape, .gallery-thumb-small img.gallery-thumb-landscape { max-height: 70px; } .gallery-thumb img.gallery-thumb-portrait, .gallery-thumb-small img.gallery-thumb-portrait { max-width: 70px; } .col-highlight .col-gallery { padding: 0 17px; } #content .col-highlight h3.gallery-headline { padding-left: 0; padding-right: 0; } /* Press Photos */ .tab-navigation-pressphotos, .tab-navigation-pressphotos .tab-navigation-content { display: none; } .tab-navigation-pressphotos .pressphotos-single .tab-navigation-content { display: block; } .pressphoto-item { float: left; width: 29.3333333333333%; min-height: 0; margin: 0.2em 2% 1.8em 2%; overflow: hidden; } .pressphoto-img { position: relative; width: 100%; height: 50px; line-height: 1; overflow: hidden; } .pressphoto-img img { display: block; position: relative; } .pressphoto-text { padding-top: 0.2em; font-size: 0.7em; } .icon-gallery-zoom:before { position: absolute; top: 3px; right: 3px; display: block; width: 16px; height: 14px; margin: 0; padding: 2px 1px 1px 1px; font-size: 15px; border: 2px solid; } .pressphoto-thumb-portrait { margin-top: -20%; } /* Press Releases */ .pressreleases-item, .pressreleases-archive-item { padding: 2%; } .pressreleases-date, .pressreleases-archive-date { display: inline-block; padding-bottom: 0.1em; } #content .pressreleases-item h3, #content .pressreleases-archive-item h3 { padding: 0 0 0.2em 0; font-size: 1.1em; font-weight: normal; } #content .pressreleases-item p, #content .pressreleases-archive-item p { padding: 0; } .pressreleases-archive-options { padding: 0.6em 0; border-top: 1px solid; border-bottom: 1px solid; } #content .pressreleases-details .news-backlink, #content .pressreleases-details-options { padding: 0.2em 0; } #content h3.pressreleases-details-title { padding-top: 0.1em; } .pressreleases-details-date { padding-bottom: 0.4em; font-weight: bold; } .pressreleases-icon { float: right; margin-left: 35px; } .pressreleases-icon img { height: 42px; } /* Press Dates */ .pressdates-day { padding: 2%; } .pressdates-day h3 { padding-top: 0.4em; } .pressdate-icons { padding: 0.6em 0; } #content .pressdate-icons [class^="icon-"]:before, #content .pressdate-icons [class*=" icon-"]:before { margin-left: 0; font-size: 1.6em; } #content .pressdate-icons [class^="icon-"]:hover, #content .pressdate-icons [class*=" icon-"]:hover { text-decoration: none; } .pressdates-item { padding: 1em 0; border-bottom: 1px solid; } #content .pressdate-time p { padding: 0.1em 0; } #content .pressdate-title h4 { padding: 0.1em 0 0.4em 0; font-size: 1.1em; } /* Gefilterte Ansichten (Neuheitenreport und Partner-Ansicht) */ #content .newsreport-navigation ul, #content .partner-navigation ul, #content .speakerlistimg-navigation ul { float: left; margin-left: 0; width: 100%; } #content .newsreport-navigation ul:after, #content .partner-navigation ul:after, #content .speakerlistimg-navigation ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .newsreport-navigation li, #content .partner-navigation li, #content .speakerlistimg-navigation li { list-style: none; float: left; width: auto; text-align: center; padding: 0 0.3rem 0.3rem 0; height: auto; } #content .newsreport-navigation li:before, #content .partner-navigation li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .newsreport-navigation li label, #content .partner-navigation li label, #content .speakerlistimg-navigation li label { cursor: pointer; } #content .newsreport-navigation li a, #content .newsreport-navigation li label, #content .partner-navigation li a, #content .partner-navigation li label, #content .speakerlistimg-navigation li a, #content .speakerlistimg-navigation li label, #content .page-navigation li.newsreport-select a[class*=" filter-"] { display: block; padding: 0.3em 1em 0.26em 1em; font-weight: bold; width: auto; } #content .page-navigation li .item-square.filter-europe, #content .page-navigation li .item-square.filter-world { padding: 0; width: 1.2em; line-height: 1.1em; } #content .page-navigation span.item-square, #content .page-navigation a.item-square { padding: 0.3em 0 0.26em 0; width: 2em; } #content .page-navigation li span.item-wide, #content .page-navigation li a.item-wide { padding-left: 0.5em; padding-right: 0.5em; width: auto; } #content h3.cal-header-az { margin-top: 1.2em; padding: 0.6em 0 0.3em 0; font-size: 1.28em; } .col-12.cal-alphabet { padding-bottom: 0; } /* Neuheitenreport */ #content .newsreport-navigation li.newsreport-filter { margin: 0 0.7rem 0.8rem 0; } #content .newsreport-navigation li.newsreport-filter label { text-align: left; font-size: 1rem; padding-left: 10px; font-weight: 400; display: inline; margin: 0; padding: 0.5em 1em; } #content .newsreport-navigation.page-navigation li span.newsreport-filter-icon, #content .page-navigation li.newsreport-select a span.newsreport-filter-icon { display: inline; padding: 0; border-width: 0; } .newsreport-search { clear: both; padding: 0.2em 0 0.6em; width: 100%; } .newsreport-search-form { padding: 0.4em; } .newsreport-search-form fieldset { float: left; width: 90%; } .newsreport-search .newsreport-search-input { font-size: 1.2em; padding: 0.2em; width: 100%; } #content .newsreport-search .newsreport-search-button { font-size: 1.6em; margin-bottom: 0; margin-left: 2%; min-width: 0; padding: 0.1em 0.1em 0 0.1em; width: 8%; } #content .newsreport-navigation li.newsreport-filter { padding: 0; line-height: 1.1em; } .filter-europe input.newsreport-filter-checkbox { margin-bottom: 0.13em; } input.newsreport-filter-checkbox { margin: 0 0.5em 0.3em 0; vertical-align: middle; } p.newsreport-full-download { float: left; } .newsreport-no-headline { padding-top: 3em; } .product-news-tab .col-9, .product-news-tab .col-3 { padding-bottom: 0; } /* Partner-Ansicht */ .partner-item .item-content-wrapper, .control-item .item-content-wrapper { position: relative; overflow: hidden; } .item-image-wrapper { position: relative; line-height: 0; } .partner-item .badge { position: absolute; right: 0; transform: translate(29.29%, -100%) rotate(45deg); text-transform: uppercase; padding: 5px 36px; font-style: italic; transform-origin: bottom left; line-height: 18px; } .item-content-wrapper, .partner-detail-img img { border: 3px solid; } .partner-item .hover-element, .more-element { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .partner-item:hover .hover-element, .more-element { display: block; opacity: 0.5; } .partner-item-symbol { position: absolute; top: 50%; margin-top: -34px; width: 100%; font-size: 64px; line-height: 64px; text-align: center; } .row-inline { margin-left: -3%; margin-right: -3%; } /* Image Slider */ .nivoSlider noscript img { position: relative!important; display: block!important; max-width: 100%!important; } .slider-default .nivoSlider { box-shadow: none!important; } /* Booth Rent Calculator */ #boothrentcalculator .radio-inline, #boothrentcalculator .checkbox-inline { vertical-align: top; } /* Sitemap */ #content .sitemap ul { margin: 0; padding: 0; } #content .sitemap li { list-style: none; width: 100%; padding: 0; } #content .sitemap li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .sitemap ul.sitemap-level1 li a { display: block; margin-bottom: 1px; padding: 0.4em 0.6em; text-transform: uppercase; font-size: 1.15em; font-weight: bold; } #content .sitemap ul.sitemap-level2 li a { margin-bottom: 0; } #content .sitemap li.sitemap-li-first { padding-top: 0.4em; } #content .sitemap li.sitemap-li-last { padding-bottom: 0.6em; } #content .sitemap ul.sitemap-level3 li a { margin-bottom: 0; padding: 0.3em 0.8em; text-transform: none; font-size: 1em; font-weight: normal; } /* Downloadcenter */ #content .downloadcenter-search p { padding-bottom: 0.8em; } .downloadcenter-search .form-group { padding-right: 16px; /* hack */ } .downloadcenter-category { padding-bottom: 1.2em; border-bottom: solid 1px; } .downloadcenter-category h3 { padding-top: 1em; } .downloadcenter-item { padding: 0.6em 0; } .downloadcenter-item a { font-weight: bold; } /* AV Application */ #content ul.list-av { margin-left: 0; margin-bottom: 1.2em; } #content ul.list-av li { padding-left: 0; } #content ul.list-av li.subheader2 { padding-top: 0.6em; color: #565657; } /* Banner Generator */ .banner-generator-image { margin: 1em 0; padding: 1em 1em 0.5em 1em; border: 1px solid; text-align: center; } @media (min-width: 768px) { #banner_generator select { width: 654px !important; /* hack */ } } @media (min-width: 1108px) { #banner_generator select { width: 629px !important; /* hack */ } } /* ePDF */ .epdf-step { padding: 0.8em 1% 0.8em 3%; } #content ul.list-epdf { margin: 0.8em 0; } #content ul.list-epdf li { padding-left: 0; } #content ul.list-epdf li.nested { padding-left: 1.4em; } h4.epdf-category.guidelines, h5.epdf-subcategory.guidelines { margin-left: 1.3em; } #content ul.list-epdf.guidelines { margin-left: 1.5em; } /* jRating */ .jrating-container { float: left; } .jRatingAverage { position: relative; top: 0; left: 0; z-index: 2; height: 100%; } .jRatingColor { position: relative; top: 0; left: 0; z-index: 2; height: 100%; } .jStar { position: relative; left: 0; z-index: 3; } .jrating-container { display: inline-block; } .jrating-votes { float: left; margin: 0.5em 0 0 1em; } .jrating-message { clear: both; float: left; padding-top: 1em; } /* Ausstellersuche */ #vmp_suchform { margin-top: 10px; } /* RSS Content */ .rss-content-item { padding-top: 0.8em; padding-bottom: 1.8em; } p.rss-content-date { font-style: italic; } /* AV-Ansicht */ #content ul.agency-list-continent { list-style-position: inside; padding: 0; margin: 0; } #content li.agency-continent { list-style: none; padding: 0 3% 0 0; width: 48.5%; line-height: 0.7; } #content li.agency-continent:nth-of-type(even) { padding-right: 0; } #content li.agency-continent:before { content: ""; } #content li.agency-continent a { display: block; padding: 0.6em 1em; line-height: 1.28571; min-height: 2.5rem; } #content li.agency-continent a.link-highlight-block.current { background-color: #019de2; } #content ul.agency-list-country { list-style-position: inside; padding: 0; margin: 0; } #content li.agency-country { list-style: none; line-height: 0.7; } #content li.agency-country:before { content: ""; } #content li.agency-country a { display: block; line-height: 1.28571; } #content li.agency-country a.current { font-weight: bold; text-decoration: underline; } /* Auslandsvertretung Weltkarte */ .jqvmap-label { position: absolute; display: none; border-radius: 0; background: #292929; color: #282828; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; background-color: #fff; font-family: 'Lato', sans-serif; font-size: 1rem; padding: 0.5em; pointer-events: none; } .jqvmap-region { cursor: pointer; } .vmap { display: none; } /* Website Guide */ .websiteguide { padding: 15px; /*min-height: 444px;*/ } .websiteguide__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .websiteguide__listitem { flex-grow: 1; flex-basis: 100%; } .websiteguide--selection { display: none; /* display: flex; */ flex-direction: column; align-items: center; box-sizing: border-box; width: 100%; } #content li.websiteguide__listitem { padding-bottom: 15px; } .websiteguide--mobilewrapper { display: flex; flex-direction: column; margin-bottom: 30px; text-align: left; width: 100%; } .websiteguide__label { padding: 30px; margin: 0; line-height: 22px; display: flex; align-items: center; text-align: left; border-top: 1px solid; } .websiteguide__label:first-of-type { border-width: 0; } .websiteguide__select--hidden { display: none; visibility: hidden; padding-right: 10px; } div.websiteguide__select { cursor: pointer; display: inline-block; position: relative; padding: 30px; border-top: 1px solid; height: 22px; } .websiteguide__select--styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 45px 0 30px; font-size: 1.1em; display: flex; align-items: center; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .websiteguide__select--styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; position: absolute; top: 36px; right: 30px; } .websiteguide__select--styled:active:after, .websiteguide__select--styled.active:after { top: 30px; } #content .websiteguide__select--options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 15px 0; list-style: none; -webkit-box-shadow: 0px 5px 16px -7px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 16px -7px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 16px -7px rgba(0, 0, 0, 0.7); } #content .websiteguide__select--options li { margin: 0; padding: 15px 0; text-indent: 30px; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #content .websiteguide__select--options li::before { content: ''; } .websiteguide__select--options li[rel="hide"] { display: none; } #content button.websiteguide__button { width: 100%; padding: 30px; line-height: 22px; margin-bottom: 0; } #content button.websiteguide__button:last-child { margin-left: 0 } #content button.websiteguide__button.disabled { cursor: not-allowed; } /* ======================================================== Event Database ======================================================== */ /* Event Database Grid */ .row .eventdb-main .row { margin-left: -3%; margin-right: -3%; } /* Event Search Result */ .row .eventdb-main .row .eventdb-search-result-headline, .row .eventdb-main .row .eventdb-search-result-page-navigation { padding-bottom: 0.2em; } #content .eventdb-search-result-item h4, #content .eventdb-highlights-title h4, #content .eventdb-memolist-description h4 { font-size: 1.1em; } .eventdb-search-result-date { padding-bottom: 0.8em; } .eventdb-search-result-category { padding: 0.4em 10px; font-weight: bold; font-size: 1.1em; border: 1px solid; } /* Event Icons */ #content .eventdb-search-result-icons, #content .eventdb-highlights-icons, #content .eventdb-memolist-icons, #content .eventdb-details-icons { padding: 0.5em 0; } #content .eventdb-search-result-icons a, #content .eventdb-highlights-icons a, #content .eventdb-memolist-icons a, #content .eventdb-details-icons a { display: inline-block; width: 22px; height: 22px; margin-right: 0.7em; } #content .eventdb-search-result-icons [class^="icon-"]:before, #content .eventdb-search-result-icons [class*=" icon-"]:before, #content .eventdb-highlights-icons [class^="icon-"]:before, #content .eventdb-highlights-icons [class*=" icon-"]:before, #content .eventdb-memolist-icons [class^="icon-"]:before, #content .eventdb-memolist-icons [class*=" icon-"]:before, #content .eventdb-details-icons [class*=" icon-"]:before, #content .eventdb-details-icons [class^="icon-"]:before { margin-left: 0; font-size: 1.6em; } #content .eventdb-accordion-icons [class^="icon-"]::before { margin-left: 0; font-size: 1.2em; } #content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover, #content .eventdb-accordion-icons [class^="icon-"]::before { text-decoration: none; } .eventdb-accordion-view section { padding: 0; } /* Event Highlights */ .eventdb-highlights-title { padding-top: 0; padding-bottom: 0; } .eventdb-highlights-picture { padding-top: 1.5em; } /* Event Memo List */ .eventdb-memolist-date { padding-top: 0; padding-bottom: 0; } /* Event Detail */ .eventdb-details-title { padding-bottom: 0.5em; } .eventdb-details-title h3 { padding-top: 0; } .eventdb-details-subevent { clear: both; } .eventdb-details-category { margin-bottom: 0.6em; padding: 0.4em 10px; font-weight: bold; font-size: 1.1em; border: 1px solid; } .eventdb-details-picture { padding-bottom: 1.0em; } .eventdb-details-description { padding-bottom: 2.2em; border-bottom: 1px solid; } #content .eventdb-catchword p { padding: 0; } .eventdb-catchword a { margin-right: 10px; margin-bottom: 10px; padding: 0 10px; line-height: 2em; display: inline-block; } .eventdb-details-downloads { margin-top: 0.6em; } .eventdb-details-subtitle { margin-bottom: 0.4em; } #content p.eventdb-details-subtitle { font-size: 1.12em; padding-top: 0; } .eventdb-details-subtitle-label { font-weight: bold; } .eventdb-details-subevent-box { margin-top: 0.6em; padding-bottom: 1.8em; } .eventdb-subevent-box-picture { padding-top: 0.8em; } .eventdb-details-speaker-box { padding-top: 0.2em; padding-bottom: 0.8em; } .eventdb-details-speaker-box-image { position: relative; max-width: 215px; padding: 0.4em 0; } #content .eventdb-details-speaker h5 { clear: both; } .eventdb-details-subevent-list-headline h4 { padding-top: 1.8em; } .eventdb-details-subevent-headline { padding-top: 1em; padding-bottom: 0.5em; } .eventdb-details-picture-below { padding-top: 1.2em; } .eventdb-details-subevent-time, .eventdb-details-subevent-title { display: block; width: 100%; } .eventdb-details-subevent-time { font-weight: 700; } .eventdb-subevent-picture { padding-top: 1.5em; padding-bottom: 1.5em; } .eventdb-details-subevent .eventdb-catchword { padding-top: 0.5em; padding-bottom: 1.5em; } /* Event Options */ .eventdb-options { border-top: 1px solid; border-bottom: 1px solid; } #content .eventdb-options ul { margin-left: 0; padding: 0.6em 0; } #content .eventdb-options li { padding: 0.2em 0; } #content .eventdb-options li:before { display: none; } /* Event Speakers List */ .eventdb-speakers-list-headcol { display: none; } .eventdb-speakers-list-item { padding: 0.8em 0 1.6em 0; font-size: 1.1em; } .eventdb-speakers-list-col { padding: 0.2em 0; } .eventdb-speakers-list-col1 { padding-bottom: 0.4em; font-weight: bold; } /* Event Speakers Details */ .eventdb-speakers-details-headline { padding-bottom: 0; } .eventdb-speakers-details-relations { border-top: 1px solid; } .eventdb-speakers-details-relations-title, .eventdb-speakers-details-relations-date { font-size: 1.1em; line-height: 1.28571; } .eventdb-speakers-details-relations-title { padding-top: 0.4em; font-weight: bold; } .eventdb-speakers-details-relations-date { padding-top: 0.2em; } /* Event Summery List */ .eventdb-summary-list-day { border-bottom: 1px solid; padding-bottom: 1.5em; } .eventdb-summery-list-event a { font-weight: bold; } .eventdb-summery-list-event { padding-top: 1.4em; } /* Event Programme Table */ .eventdb-table-item { padding-bottom: 1.2em; } .eventdb-table-headcol { font-size: 1.1em; padding: 0.5em 0.6362em; font-weight: bold; text-transform: uppercase; } .eventdb-table-col { font-size: 1.1em; padding: 0.5em 0.6362em; border-bottom: 1px solid; } .eventdb-table-col-empty { display: none; } .eventdb-table-category { padding: 0.3em 0; } .eventdb-table-link { padding: 0.4em 0; } /* Event Accordion */ #content ul.eventdb-accordion__list, #content li.eventdb-accordion__item { list-style: none; padding: 0; margin: 0; } #content li.eventdb-accordion__item:before { content: none; padding: 0; } #content li.eventdb-accordion__item { padding-top: 2px; margin-bottom: 0.4rem; } #content .eventdb-accordion__item__head { display: block; height: auto; font-size: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; border-style: solid; border-width: 0 0 2px 0; align-items: center; } #content .eventdb-accordion__item__head__time { padding: 0.2rem 0 0.2rem 0.8rem; border-bottom: solid 2px; } #content .eventdb-accordion__item__head__title { background-image: url("../images/accordion-down.svg.svg"); background-position-x: 99%; background-position-y: center; background-repeat: no-repeat; background-size: 27px 27px; padding: 0.5rem 2.2rem 0.5rem 1rem; display: flex; position: relative; } #content .eventdb-accordion__item--open .eventdb-accordion__item__head__title { background-image: url("../images/accordion-up.svg.svg"); } #content .eventdb-accordion__item__head__title[class*="cat-icon-"]:before { content: ""; display: flex; width: 22px; min-width: 22px; height: auto; float: left; margin: 0 1rem 0 0; background-position-x: 0; background-position-y: center; background-repeat: no-repeat; ; } #content .eventdb-accordion__item__details { height: 0; overflow: hidden; transition: height .5s ease-out; } #content .eventdb-accordion__item__details { padding: 0 0.8rem; } #content .eventdb-accordion__item__details p:last-child { padding-bottom: 1rem; } #content .eventdb-accordion__item__details--expanding { transition: none; } h4.eventdb-accordion__item__details__subtitle { padding-top: 0; } #content p.eventdb-accordion__item__details__tags { padding: 0.5rem 0; } #content p.eventdb-accordion__item__details__tags a.eventdb-accordion__item__details__catchword { padding: 0.3em 0.5em; margin-right: 0.4em; margin-bottom: 0.7em; } #content p.eventdb-accordion__item__details__tags span.eventdb-accordion__item__details__catchword:after { content: ","; } #content p.eventdb-accordion__item__details__tags span.eventdb-accordion__item__details__catchword:last-child:after { content: none; } #content p.eventdb-accordion__details__link { padding-top: 0.8rem; float: right; } #content .eventdb-accordion-icons { padding-top: 0.8rem; } #content .eventdb-accordion-options.eventdb-options { margin-top: 2rem; } /* Event Registration */ .eventregistration-category { padding: 0 0.6em; } .eventregistration-item { margin-bottom: 1.6em; padding-bottom: 0.6em; font-size: 1.1em; } .eventregistration-col { padding: 0.2em 0.6em; } .eventregistration-highlight { padding: 0 0.6em 0.2em 0.6em; } .eventregistration-col1 { padding-top: 0.6em; } .eventregistration-col3 { padding-top: 0.1em; padding-bottom: 0.6em; margin-bottom: 0.6em; font-size: 1.2em; font-weight: bold; } .eventregistration-col b { display: inline-block; padding-right: 0.4em; } a.eventregistration-link, span.eventregistration-fullybooked { display: inline-block; margin-top: 0.4em; padding: 0.3em 0.8em 0.4em 0.8em; font-weight: bold; border-radius: 6px; } .eventregistration-dates { margin-top: 0.8em; padding: 0.4em 0.6em 0.8em 0.6em; border-top: 1px solid; } .eventregistration-dates-text { padding: 0.4em 0 0.6em 0; } #content ul.eventregistration-dates__day { margin-left: 0; justify-content: flex-start; display: flex; flex-direction: column; } #content li.eventregistration-dates__slot { padding: 0.1em; font-size: 1em; } #content li.eventregistration-dates__slot:before { content: ""; } /* Speaker list (with image) */ #content ul.speakerlistimg-item h3 { font-size: 1.5em; padding-top: 0; } #content ul.speakerlistimg-list { list-style: none; margin-left: 0.7%; margin-right: 0.7%; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } #content ul.speakerlistimg-list>li { float: none; display: inline-block; padding-bottom: 3em; padding-right: 0.6em; } #content ul.speakerlistimg-list>li::before { content: none; } #content ul.speakerlistimg-item .textimage-img { padding-bottom: 0.2em; } #content ul.speakerlistimg-item h3, #content ul.speakerlistimg-item p { text-align: center; } /* Speaker Overlay */ html.has-active-overlay { overflow: hidden; } .speakers-modal { position: fixed; width: auto; height: auto; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column; align-items: center; z-index: 6001; background-color: rgba(00, 80, 114, .8); opacity: 0; perspective: 1300px; transition: opacity .3s ease-in; } .speakers-modal--animate { opacity: 1; } .speakers-modal__inner { margin-top: 30px; transform: translateZ(600px) rotateX(20deg); transition: transform .3s ease-in; width: 94%; max-width: 660px; min-height: 320px; margin-bottom: 30px; } .speakers-modal__top { display: flex; flex-direction: row-reverse; height: 40px; } .speakers-modal__top__button { width: 30px; height: 30px; } .speakers-modal__top__button--close { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 595.3 595.3' style='enable-background:new 0 0 595.3 595.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath id='close' class='st0' d='M0,0v595.3h595.3V0H0z M66.1,66.1h66.1l165.4,165.4L463,66.1h66.1v66.1L363.8,297.6L529.1,463v66.1 H463L297.6,363.8L132.3,529.1H66.1V463l165.4-165.4L66.1,132.3V66.1z'/%3E%3C/svg%3E"); ; cursor: pointer; } .speakers-modal__content-wrapper { overflow: hidden; background: #fff; flex-grow: 1; padding: 15px 15px 0 15px; transition: height .5s ease-out; min-height: 320px; } .speakers-modal--animate .speakers-modal__inner { transform: translateZ(0px) rotateX(0deg); } .speakers-modal__content { opacity: 1; transition: opacity .3s ease-out; display: flex; flex-direction: column; font-size: 16px; } .speakers-modal__spinner { margin: 0; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); opacity: 0; transition: opacity .3s ease-out; } .speakers-modal--loading .speakers-modal__content { opacity: 0; } .speakers-modal--loading .speakers-modal__spinner { opacity: 1; } .speakers-modal__content__item { box-sizing: border-box; padding-bottom: 30px; } .speakers-modal__content__item--image { order: 3 } .speakers-modal__content__item--title { order: 1 } .speakers-modal__content__item--details { order: 2 } .speakers-modal__content__item--info { order: 4 } .speakers-modal__navigation { display: flex; justify-content: space-between; margin-bottom: 30px; } .speakers-modal__button { background: transparent; margin-top: 10px; width: 38px; height: 38px; } .speakers-modal__button:after { content: ""; display: block; width: 20px; height: 20px; transform: rotate(45deg); } .speakers-modal__button--next:after { border-top: 6px solid #fff; border-right: 6px solid #fff; } .speakers-modal__button--prev:after { border-bottom: 6px solid #fff; border-left: 6px solid #fff; margin-left: auto; } .speakers-modal__content__title { flex-basis: 100%; } .speakers-modal__content__title__headline, .speakers-modal__content__events__headline { padding-top: 0; padding-bottom: 4px; } .speakers-modal__content__title__subtitle { padding: 0; font-size: 18px; font-weight: 400; } .speakers-modal__content__details { padding-bottom: 20px; } .speakers-modal__content__details p, .speakers-modal__content__contact p { line-height: 1.5; padding-bottom: 10px; } .speaker__events__item { padding: 3px 0; line-height: 1.5; } .speaker__events__item span { white-space: nowrap; } .speakers-modal__content__contact_headline { padding-top: 0; } /* ======================================================== Event Calendar ======================================================== */ /* Calendar */ .calendar { overflow: hidden; padding-bottom: 2em; padding-left: 28px; border-bottom: 1px solid #999; } /* Calender Tabs */ .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 1; } /* Datepicker */ #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span:before, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span:before { font-family: "mb-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; font-variant: normal; text-transform: none; line-height: 1.1em; margin-left: .2em; text-indent: 0; font-size: 1.49em; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span.ui-icon, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span.ui-icon { text-indent: 0; width: 27px; height: 21px; color: #0058a0; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev span:before { content: '\2b'; /* '+' */ } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next span:before { content: '\32'; /* '2' */ } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev { left: -39px; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next { right: -39px; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev-hover, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next-hover { background-color: transparent; color: #0058a1; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-prev-hover span.ui-icon, #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-next-hover span.ui-icon { cursor: pointer; color: #057ccd; } #content .tab-navigation .calendar .ui-datepicker-multi-3 .ui-datepicker-group { clear: both; width: 30%; font-weight: bold; } #content .tab-navigation .calendar .ui-datepicker .ui-datepicker-title { margin: 0 0.4em; padding-left: 0.6em; text-transform: uppercase; text-align: left; background-color: #057ccd; color: #fff; } #content .tab-navigation .calendar .ui-datepicker th { padding: 0.2em 0; background-color: #e9e9e9; color: #575756; } #content .tab-navigation .calendar .ui-state-default { background-color: #fff; } #content .tab-navigation .calendar td.undefined span.ui-state-default, #content .tab-navigation .calendar td.undefined a.ui-state-default { text-align: center; border-color: #e9e9e9; } #content .tab-navigation .calendar td.undefined span.ui-state-default { background-color: #fff; color: #575756; } #content .tab-navigation .calendar td.undefined a.ui-state-default { background-color: #999; color: #fff; } #content .tab-navigation .calendar td.undefined a.ui-state-hover, #content .tab-navigation .calendar td.undefined a.ui-state-active { background-color: #0058a1; color: #fff; } #content .tab-navigation .calendar button.ui-state-default { opacity: 1; background-color: #057ccd; color: #fff; } #content .tab-navigation .calendar .ui-datepicker-title:hover { cursor: pointer!important; text-decoration: underline!important; } /* Calendar Entries */ .within-selected-month { opacity: .4!important; } .within-selected-day, .within-selected-month:hover { opacity: 1!important; } .cal-item, .cal-list-item { padding: 2% 0; } .cal-date, .cal-list-date { padding-bottom: 0.1em; font-weight: bold; } #content .cal-event h4, #content .cal-list-event h4 { font-size: 1.1em; padding: 0 0 0.2em; } .cal-event-desc, .cal-event-entrance { padding: 0.2em 0; } .cal-icons, .cal-list-icons { padding: 0.5em 0; } #content .cal-icons [class^="icon-"]:before, #content .cal-list-icons [class^="icon-"]:before { font-size: 1.6em; margin-left: 0; } #cal-year-headnavi, #cal-quartal-headnavi { padding: 0.4em 0; } .cal-year-link, .cal-quartal-link { display: block; float: left; margin-right: 0.5em; margin-bottom: 0.5em; } .cal-year-link { width: auto; } .cal-quartal-link { width: 49%; min-width: 180px; } .cal-year-link a, .cal-quartal-link a { display: block; padding: 0.2em 1em; text-transform: uppercase; text-align: center; font-weight: bold; background-color: #878787; color: #fff; } .cal-quartal-link-1, .cal-quartal-link-3 { margin-right: 0; } .cal-year-link a, .cal-quartal-link a { color: #fff; } .cal-year-link a:hover, .cal-quartal-link a:hover, .cal-year-link a.current, .cal-quartal-link a.current { text-decoration: none; background-color: #057ccd; color: #fff; } #content h3.cal-header-az { margin-top: 1.2em; padding: 0.6em 0 0.3em 0; font-size: 1.28em; border-top: 1px solid #999; } .col-12.cal-alphabet { padding-bottom: 0; } .cal-img { max-width: 324px; max-height: 162px; margin: 0.6em 0; overflow: hidden; } .calendar-tooltip { max-width: 450px; padding: 0.8em 1.2em; line-height: 1.5; } /* ======================================================== Newsletter ======================================================== */ /* Newsletter Web View */ .newsletter-selection { border: 1px solid; padding: 2em 0.6em 1em 0.6em; } .newsletter-web-banner { padding: 1.5em 0; } .newsletter-web-hr { padding-top: 1em; } /* Universal Messenger Forms */ pi-newsletter-widget { min-height: 700px; } .pi-heading { font-weight: bold; font-size: 1.3em; padding: 1rem 0 0.1rem 0; line-height: 1.285714285714286; } .pi-form-button { text-align: right; padding: 1.2em 0 0.4em 0; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; margin-top: 0.8rem; } .pi-form-button a { display: inline-block; min-width: 140px; padding: 6px 12px; margin-bottom: 4px; margin-left: 0; font-size: 1.1em; font-weight: bold; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .pi-form-control { padding-bottom: 10px; margin-bottom: 1rem; padding-right: 15px; } .pi-form-label { display: inline-block; font-size: 1.1em; } .pi-form-input { min-width: 0; padding: 0; margin: 0; border: 0; } .pi-radio-control, .pi-checkbox-control { position: relative; display: inline-block; margin-bottom: 0.5rem; } .pi-radio-control-vertical, .pi-checkbox-control-vertical { position: relative; display: block; margin-bottom: 0.5rem; padding-right: 15px; } .pi-radio-control { position: relative; display: inline-block; margin-bottom: 0.5rem; } .pi-form-input label { vertical-align: top; margin-bottom: 0; display: inline-block; } .pi-radio-control+.pi-radio-control { margin-left: .75rem; } .pi-form-input input[type="checkbox"], .pi-form-input .pi-checkbox-control-vertical label { display: inline; overflow: visible; } .pi-form-input input[type="text"], .pi-form-input textarea { border: 1px solid; display: block; width: 100%; font-size: 1.1rem; line-height: 1.28571; padding: 0.2rem 0.3rem; background-clip: padding-box; background-size: 200% 100%; background-repeat: no-repeat; background-position: bottom right; -webkit-transform-style: preserve-3d; } .pi-form-input input[type="text"]:focus, .pi-form-input textarea:focus { outline: 0; background-position: bottom left; -webkit-transition-property: all; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0s; -moz-transition-property: all; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease; -moz-transition-delay: 0s; transition-property: all; transition-duration: 0.8s; transition-timing-function: ease; transition-delay: 0s; } .pi-form-input input[type=radio]:checked { -webkit-animation: focus .25s ease-out; animation: focus .25s ease-out; } .pi-form-input input[type=checkbox]:active { -webkit-transform: scale(3); transform: scale(3); -webkit-transition: all .25s linear; transition: all .25s linear; } .pi-form-helptext { display: block; margin-bottom: .25rem; font-size: 1.1em; } /* ======================================================== GSA Search ======================================================== */ /* -------------------------------------------------------- */ /* Tiles (Home, Navigation) */ .nav-level2-search { position: relative; overflow: visible !important; background-color: transparent!important; border: none !important; } #tile-search { position: relative; overflow: visible; background-color: transparent; border: 1px solid transparent; } /* Suggestions */ #search-suggestions { list-style: none; } #search-suggestions li { /*general*/ text-align: left; border-bottom: 1px solid!important; margin: auto!important; } .tile #search-suggestions li { /*home*/ padding: 4px .3em; width: 80%; } #search-suggestions li:hover { cursor: pointer; background-color: #eee; } .tile-search-inner { /*general*/ position: absolute; z-index: 30; overflow: hidden; opacity: 1; } .tile .tile-search-inner { /*home*/ top: -1px; left: -1px; height: 100%; width: 100%; border: 1px solid; } .tile .search-field-and-icon { /*only home*/ margin: auto; } .tile .tile-search-icon { /*home*/ margin: 16px auto; } .tile-search-content { /*general*/ display: none; z-index: 20; } .tile-search-content h3 { /*general*/ font-weight: 200; text-transform: uppercase; text-align: left; font-size: 12pt; margin: auto; } .tile .tile-search-content h3 { /*home*/ padding: 8px 0.1em 8px 0.4em; width: 80%; } /* -------------------------------------------------------- */ /* Search Page */ /* Content Search */ .gsa-content-search { padding: 0.5em; } .gsa-content-search legend, .gsa-content-search label { display: none; } #content .gsa-content-search fieldset { float: left; width: 81%; } #content .gsa-content-search-input { float: left; width: 100%; padding: 0.3em; } #content #gsa-content-search-select { float: left; width: 100%; margin-top: 0.3em; padding: 0.15em 0.05em; font-weight: bold; } #content .gsa-content-search-option { padding: 0.15em 0.3em; } #content .gsa-content-search-input, #content #gsa-content-search-select, #content .gsa-content-search-option { height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .gsa-content-search-button { float: left; width: 18%; min-width: 0; height: 52px; margin: 0 0 0 1%; padding: 0; font-size: 2.8em; } /* Sections */ .gsa-spellcheck, .gsa-related-queries, .gsa-keymatch, .gsa-result, .gsa-page-navigation { padding: 1em 0; } .gsa-spellcheck, .gsa-related-queries, .gsa-keymatch, .gsa-result { border-bottom: 1px solid; } #content .gsa-content h3 { padding: 0; font-size: 1.28em; font-weight: normal; } #content .gsa-content p { padding: 0; } /* Spellcheck */ a.gsa-spellcheck-link { font-size: 1.28em; } a.gsa-spellcheck-link b { font-style: italic; } a.gsa-spellcheck-link:hover { text-decoration: none; } a.gsa-spellcheck-link b:hover { text-decoration: underline; } /* Page Navigation */ #content .gsa-page-navigation ul { float: left; margin-left: 0; } #content .gsa-page-navigation ul:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; } #content .gsa-page-navigation li { list-style: none; float: left; width: auto; padding: 0 0.4em 0.4em 0; } #content .gsa-page-navigation li:before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .gsa-page-navigation i { font-size: 0.65em; } .gsa-page-navigation .icon-link-right:before, .gsa-page-navigation .icon-link-left:before { padding-top: 0.7em; font-size: 1em; } .gsa-page-navigation .icon-link-right:before { padding-left: 0.3em; } .gsa-page-navigation .icon-link-left:before { padding-right: 0.3em; } #content .gsa-page-navigation a.page-navigation-prev, #content .gsa-page-navigation a.page-navigation-next { font-weight: bold; } #content .gsa-page-navigation a:hover { text-decoration: none; } .icon-file-ppt:before, .icon-file-doc:before, .icon-file-pdf:before { margin-right: 0.4em; } /* Google-Logo */ .gsa-logo { float: right; } /* -------------------------------------------------------- */ /* Autocomplete */ .gsa-content-search .ui-autocomplete, .mobile-search .search-mobile-suggestions-ul { opacity: .95; padding: 0.4em 0 0 !important; } .gsa-content-search .ui-autocomplete li, .mobile-search .search-mobile-suggestions-ul li { text-align: left; border-bottom: 1px solid; padding: 4px !important; } .gsa-content-search .ui-autocomplete li:hover, .mobile-search .search-mobile-suggestions-ul li:hover { cursor: pointer; padding: 4px; } .gsa-content-search .ui-state-focus { margin: 0 !important; } .mobile-search .search-mobile-suggestions-ul { border: 1px solid; } .mobile-search .search-mobile-suggestions-ul li:before { display: none; } /* ======================================================== External Content ======================================================== */ /* -------------------------------------------------------- */ /* BusinessWire */ @media (max-width: 767px) { #content #bwContent .bwOpk { padding-top: 0; } #content #bwContent .bwOpk .bwPowered { position: relative; top: 0; } #content .bwOpk .bwSearch { position: relative; text-align: left; width: 100%; } } #content #bwContent, #content #bwContent .bwOpk { width: 100%; max-width: 698px; min-height: 500px; } #content #bwContent h2 { font-size: 1.4em; padding: 0.2em 0; } #content #bwContent li:before { display: none; } #content #bwContent button { background-color: transparent; min-width: 0; margin: 0; padding: 0; } #content #bwContent .bwSearch button span img { top: -3px!important; } #content #bwContent ul.bwTabs { margin: 2.5em 0 0 0; padding: 0; } #content #bwContent ul.bwListNews, #content #bwContent ul.bwNewsList { margin: 0; } #content #bwContent ul.bwListNews li, #content #bwContent ul.bwNewsList li { background: none; padding-left: 0; margin: 0; } #content #bwContent .bwNewsLegend, #content #bwContent ul.bwListNews div.bwDesc { font-size: 110%; } #content #bwContent ul.bwNewsList div.bwThumbs { position: relative!important; float: left!important; top: 0!important; left: 1px!important; height: 120px!important; margin-right: 10px; } #content #bwContent ul.bwNewsList div.bwMeta { left: 0!important; top: 3px!important; font-size: 80%!important; } #content #bwContent .bwBackToEvent span { background-position: 0 0; padding-left: 20px; } /* ======================================================== Home ======================================================== */ /* Page */ .home #nav-main { padding-bottom: 0; } .home main#content-home { padding-top: 0; } /* Tiles */ #tiles-section { float: left; width: 100%; } .tile { float: left; min-height: 147px; margin-right: 1%; margin-bottom: 1%; overflow: hidden; } .tile picture { display: block; line-height: 0; } #tile-1, #tile-3, #tile-5 { margin-right: 0; } .tile-single-image { width: 49.5%; min-height: 148px; } .tile-single-text { width: 48.82%; border: 1px solid; } .tile-double { width: 100%; min-height: 148px; max-height: 337px; } .tile-big { width: 100%; min-height: 296px; margin-bottom: 1em; } /* ======================================================== Home - Alternativen ======================================================== */ /* Doppelkachel oben links, 5 kleine Kacheln, 4 kleine Kacheln rechts (2, dt_s_s") * Große Kachel links, 3 kleine Kacheln, große Kachel rechts (3, b_s_b") * Große Kachel links, 3 kleine Kacheln, 4 kleine Kacheln rechts (4, b_s_s") * Doppelkachel oben links, 7 kleine Kacheln, Doppelkachel unten rechts (5, dt_s_db") * Große Kachel links, 5 kleine Kacheln, Doppelkachel unten rechts (6, b_s_db") * */ .tiles-dt_s_s .tile-7, .tiles-dt_s_s .tile-9, .tiles-b_s_s .tile-7, .tiles-dt_s_db .tile-7 { margin-right: 0; } .tiles-b_s_b .tile-big, .tiles-b_s_s .tile-big, .tiles-b_s_db .tile-big { margin-bottom: 1%; } .tile .nivoSlider { margin-bottom: 0; } /* Tile Search */ #tile-search { text-align: center; } .tile-search-icon { width: 80%; height: 58%; margin: 10%; background-image: url(../images/search_white.svg.svg); background-position: center center; background-repeat: no-repeat; } #tile-search .gsa-search input { width: 80%; padding: 1vw; } /* Tile Links + Counter */ a.tile-text-link, .tile-counter { display: block; min-height: 149px; line-height: 1.15; padding: 0 11.82% 11.82% 11.82%; text-align: left; text-transform: uppercase; font-size: 5.6vw; } .tile-1row, a.tile-1row { padding-top: 74%; } .tile-2rows, a.tile-2rows { padding-top: 60%; } .tile-3rows, a.tile-3rows { padding-top: 46%; } .tile-4rows, a.tile-4rows { padding-top: 31%; } a.tile-text-link:hover { text-decoration: none; } /* Counter */ .tile-counter-label-before, .tile-counter-label-after { display: inline-block; width: 100%; } /* News */ .news { display: none; position: relative; float: left; width: 98%; margin-bottom: 2em; padding: 1%; } .news-headline { float: left; width: 100%; height: 40px; } .news-headline h2 { display: inline-block; padding: 0.3em 0.6em; font-size: 0.9em; text-transform: uppercase; } .news-button { float: left; width: 10%; height: 64px; overflow: hidden; } .news-button button { background: none; height: 64px; } .news-button-left, .icon-news-left:before { text-align: left; } .news-button-right, .icon-news-right:before { text-align: right; } .icon-news-left:before, .icon-news-right:before { width: 100%; font-size: 30px; margin: 0; padding: 0; } .news-button-inactive { cursor: default; } .news-button span { display: none; } .news-content { float: left; width: 80%; height: 64px; } .news-content-slider { position: relative; overflow: hidden; } .news-content-slider ul { width: 20000em; position: relative; } .news-content-slider li { float: left; width: 100%; height: 64px; } .news-content-slider li p { padding: 0 3%; } li.news-content-slider-img { text-align: center; } .news-noscript { position: relative; float: left; width: 92%; margin-bottom: 2em; padding: 1%; } .news-noscript-content ul { padding-bottom: 0.2em; } .news-noscript-content li { padding: 0.6em 0; border-bottom: 1px solid #999; } .news-noscript-content li.first { padding-top: 0; } /* Infobox */ .infobox { display: none; clear: both; width: 96%; padding: 2%; margin-bottom: 1em; } /* Bühne */ .stage { position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: end; justify-content: flex-end; background-size: cover; background-position: center; margin-bottom: 1%; } .stage.stage-text-full { flex-flow: row; justify-content: center; } .stage.stage-text-full::before { height: 16rem; } .stage::before { content: ''; height: 10rem; } @supports (display: flex) { .stage .stage-text { display: flex; } } .stage .stage-text { -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; padding: 1em; box-sizing: border-box; color: white; line-height: 1.3; text-transform: uppercase; } .stage .stage-text p { color: #fff; opacity: 1; } .stage .claim { margin-top: 1rem; font-size: 1.8em; line-height: 1.1; } .stage a, .stage :focus-within a:focus { text-decoration: none; color: inherit; } .stage a:focus { text-decoration: underline; } .stage:focus-within .stage-text { background: hsla(0, 0, 0, 0.8); } .datetime { white-space: nowrap; } .stage.stage-text-full .stage-text { flex: 1; width: 100%; } /* Darksite */ body.home--darksite { background-color: #d1d1d1 !important; color: #000 !important; } body.home--darksite a, body.home--darksite #footer-copyright { color: #282828 !important; text-shadow: none !important; } body.home--darksite .nav-mobile-wrap { background: #fff !important; color: #000 !important; } body.home--darksite .news-headline h2, body.home--darksite .news-headline h2:hover { background-color: #282828 !important; color: #fff !important; } body.home--darksite .icon-news-left::before, body.home--darksite .icon-news-right::before { color: #282828 !important; } body.home--darksite .news, body.home--darksite .news-noscript { background-color: #fff !important; } body.home--darksite .news-content-slider li p { color: #000 !important; } body.home--darksite #content a, body.home--darksite .cookie-text a { text-decoration: underline !important; } body.home--darksite .cookie-confirm:hover { background-color: #d1d1d1 !important; color: #000 !important; } body.home--darksite .cookie-confirm { background-color: #282828 !important; color: #fff !important; } body.home--darksite .container img { filter: url('../images/darksite_filters.svg#grayscale'); filter: gray; -webkit-filter: grayscale(1); } body.home--darksite #side-panel li a { background-color: #282828 !important; color: #fff !important; } body.home--darksite .icon-side-home-item { background-color: #fff !important; } /* ======================================================== Splash Page ======================================================== */ /* Page */ section#content-splashpage { padding: 0 3% 1.8em 3%; } /* Tiles */ #tiles-section-double, #tiles-section-single { float: left; width: 100%; } /* ======================================================== Colors ======================================================== Primär: #0058a1 (Messe Berlin-Blau) Sekundär: #057ccd (Hellblau) Tertiär: #019de2 Grau 1: #575756 Grau 2: #878787 Grau 3: #999 Grau 4: #e9e9e9 Highlight: #cdcdcd Mobile: #282828 Icon-Hover: #003969 ======================================================== */ body { background-color: #fff; } #side-panel li a { background-color: #282828; color: #fff; } .icon-side-home-item { background: #fff; } .icon-side-home-item { background: #fff; } .mobile-nav-toggle.mobile-nav-toggle-active { color: #999; } .mobile-nav-toggle, .mobile-search-button { color: #aeaeae; } .nav-mobile-wrap { background: #0058a1; color: #fff; } .nav-mobile-wrap a { color: #fff; } .nav-mobile-wrap ul li a { border-bottom-color: #fff; } .nav-mobile-wrap ul li.nav-mobile-extra:before { border-bottom-color: #fff; } .gsa-search-mobile { background-color: #0058a1; } .gsa-search-mobile-input { color: #0058a1; } .gsa-search-mobile-button { background-color: #0058a1; color: #fff; } /* Seitenwechsel-Navigation */ .nav-switch-page li a { background-color: #999; border-color: #999; color: #000; } .nav-switch-page li span { background-color: #fff; border-color: #fff; color: #000; } /* Content */ .textimage-caption { color: #282828; } .img-border img { border-color: #999; } a { color: #0058a1; } a.button-link { background-color: #057ccd; color: #fff; } a.button-link:hover { background-color: #003969; } h1, h2, h3, h4, h5, p, li, table { color: #282828; } h1 a { display: block; } .text-success { color: #4f8b4b; } .text-error { color: #fd0000; } #content hr { border-bottom-color: #999; } #content blockquote { border-left-color: #0058A1; } #content li:before, .tooltip-content li:before, .fancybox-content li:before { color: #0058a1; } #content .anchor-links li a { background-color: #878787; border-color: #878787; color: #fff; } #content .anchor-links-color li a { background-color: #057ccd; border-color: #057ccd; color: #fff; } #content .page-navigation li a { background-color: #e9e9e9; border-color: #e9e9e9; color: #0058a1; } #content .page-navigation li span { background-color: #e9e9e9; border-color: #e9e9e9; color: #999; } #content .page-navigation li span.page-navigation-active { background-color: #0058a1; border-color: #0058a1; color: #fff; } /* Neuheitenreport */ #content .newsreport-navigation.page-navigation li span.newsreport-filter-icon { background-color: transparent; border-color: transparent; } /* Partner-Ansicht */ #content .partner-navigation li a.active { background-color: #878787; border-color: #878787; color: #fff; } .partner-item .badge { background-color: #878787; color: #fff; } .partner-item:hover .hover-element, .more-element { background-color: #000; color: #fff; } a.link-highlight, a.link-highlight-block { background-color: #057ccd; color: #fff; } #content .highlight { background-color: #e9e9e9; } #content .ui-tabs-panel .highlight, #content .ui-accordion-content .highlight { background-color: #cdcdcd; } .col-highlight { background-color: #e9e9e9; } #content .border { border-color: #999; } .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { background-color: #fff; color: #282828; } .table>thead>tr>th { background-color: #878787; color: #fff; } .table>tbody>tr>th, .table>tbody>tr>td { border-bottom-color: #d1d1d1; } .table-color>thead>tr>th { background-color: #057ccd; } .table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th { background-color: #e9e9e9; } legend { color: #282828; } .form-control { color: #282828; background-color: #e9e9e9; border-color: #e9e9e9; } .form-control-static { background-color: #e9e9e9; } .form-control:focus { background-color: #fff; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #e9e9e9; } #content button, #content input[type="submit"], #content input[type="button"] { color: #fff; background-color: #878787; } #content button.btn-colored, #content input[type="submit"].btn-colored, #content input[type="button"].btn-colored { background-color: #057cce; } /* -------------------------------------------------------- */ /* Components */ /* Progress Bar */ progress { background-color: #e9e9e9; } progress[role], progress[aria-valuenow]:before { background-color: #0058a1; } progress[aria-valuenow] { background: #e9e9e9; } progress::-moz-progress-bar { background-color: #0058a1; } progress::-webkit-progress-bar { background-color: #e9e9e9; } progress::-webkit-progress-value { background-color: #0058a1; } progress[aria-valuenow]:before { background-color: #0058a1; } /* Loader */ .icon-loader-animation { border-color: #e9e9e9 #e9e9e9 #e9e9e9 #0058a1; } /* Shariff-Buttons */ .shariff .facebook a, .shariff .twitter a, .shariff .googleplus a, .shariff .linkedin a, .shariff .xing a, .shariff .facebook a:hover, .shariff .twitter a:hover, .shariff .googleplus a:hover, .shariff .linkedin a:hover, .shariff .xing a:hover { background-color: transparent; } .fa-facebook-f:before { color: #3b5998; } .fa-twitter:before { color: #55acee; } .fa-google-plus:before { color: #d34836; } .fa-linkedin-in:before { color: #0077b5; } .fa-xing:before { color: #126567; } /* -------------------------------------------------------- */ /* Formatting */ .col-options { border-top-color: #999; border-bottom-color: #999; } /* -------------------------------------------------------- Widgets -------------------------------------------------------- */ /* jQuery UI */ .ui-state-active a { background: #e9e9e9; color: #057ccd; } .ui-widget-content { color: #575756; } .ui-widget-header { color: #878787; } .ui-widget-header a { color: #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; color: #057ccd; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #fff; color: #575756; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #575756; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #fe0000; background: #fff; color: #fe0000; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fe0000; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fe0000; } /* Tab-Navigation */ #content .ui-tabs .ui-tabs-panel { background-color: #e9e9e9; border-color: #e9e9e9; } #content ul.ui-tabs-nav .ui-state-active { background-color: #e9e9e9; border-color: #e9e9e9; } #content .tab-navigation .ui-state-default { background-color: #878787; border-color: #878787; } #content .tab-navigation-colored .ui-state-default { background-color: #057ccd; border-color: #057ccd; } /* Accordion-Navigation */ .accordion-navigation-link, .ui-accordion .ui-accordion-header { background-color: #e9e9e9; border-color: #e9e9e9; color: #565657; } .ui-state-default .ui-icon, .ui-state-active .ui-icon { color: #565657; } .ui-accordion .ui-state-active { background-color: #fff; border-color: #fff #fff #057ccd #fff; } .accordion-navigation-box { border-color: #fff; } .ui-accordion .ui-accordion-content { background-color: #fff; } .ui-accordion.accordion-navigation-colored .ui-state-active { color: #057ccd; } .accordion-category { background: #057ccd; color: #fff; } .ui-state-default .ui-icon { background: url(../images/accordion-down.svg.svg) top left no-repeat; } .ui-state-active .ui-icon { background: url(../images/accordion-up.svg.svg) top left no-repeat; color: #0058a1; } /*.accordion-navigation .textimage { padding-top: 1em; }*/ /* Tooltips */ .ui-tooltip { box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; background-color: #fff; color: #282828; } /* Zitat-Animation */ .quotation { background: #fff; } .quotation .icon-news-left:before, .quotation .icon-news-right:before { color: #0058a1; } #content .quotation-button button, #content .quotation-button button:focus { background-color: transparent; } /* -------------------------------------------------------- Dynamic Templates -------------------------------------------------------- */ /* Press Photos */ .pressphoto-img { background-color: #0058a1; color: #fff; } .icon-gallery-zoom:before { background-color: #fff; color: #0058a1; border-color: #fff; } /* Press Releases */ .pressreleases-details { padding-top: 1em; } .pressreleases-archive-options { border-top-color: #999; border-bottom-color: #999; } /* Press Releases Details */ .pressreleases-details-teaser { padding-top: 0.4rem; padding-bottom: 0.4rem; } .pressreleases-details-content { padding-top: 0.4rem; padding-bottom: 0.4rem; } .pressreleases-content-img { padding-top: 0.4rem; padding-bottom: 0.4rem; } .pressreleases-video-player { padding-top: 0.4rem; padding-bottom: 0.4rem; } .pressreleases-details-partner { padding-top: 0.4rem; padding-bottom: 0.4rem; } .pressreleases-details-partner-images { display: flex; flex-wrap: wrap; justify-content: flex-start; } .pressreleases-details-partner-img { margin-right: 12px; margin-bottom: 8px; } /* Press Releases Application */ .pi-form textarea#otherText { width: 100%; } /* Press Dates */ .pressdates-item { border-bottom-color: #fff; } /* Sitemap */ #content .sitemap ul.sitemap-level1 li a { background-color: #0058a1; color: #fff; } #content .sitemap ul.sitemap-level2 li a { background-color: #999; } #content .sitemap ul.sitemap-level3 li { background-color: #fff; } #content .sitemap ul.sitemap-level3 li a { background-color: #fff; color: #000; } /* Downloadcenter */ .downloadcenter-category { border-bottom-color: #999; } /* Banner Generator */ .banner-generator-image { border-color: #e9e9e9; background-color: #e9e9e9; } /* ePDF */ .epdf-step { background-color: #e9e9e9; font-weight: bold; } .epdf-step1-active, .epdf-step2-active { background-color: #057cce; color: #fff; } h4.epdf-category, h5.epdf-subcategory { color: #878787; } #content ul.list-epdf.guidelines a { color: #878787; } /* Hotel List, Service List */ .servicelist .accordion-navigation-box, .hotellist .accordion-navigation-box { padding-top: 1em; } .servicelist-entry-right, .hotellist-entry-right { padding-left: 0; padding-right: 0; } .servicelist-entry-left, .hotellist-entry-left { padding-left: 0; padding-right: 0; } /* Event Calendar */ .calendar-tooltip { background-color: #0058a1; color: #fff; } /* jRating */ .jrating-container { background-color: #878787; } .jStar { /* Stern: Default*/ background-image: url(../images/jrating-sterne.png); } .jRatingAverage { /* Stern: Bewertung-Hover */ background-color: #0058a1; } .jRatingColor { /* Stern: Durchschnitt */ background-color: #057ccd; } p.jRatingInfos { /* Tooltip */ background-color: #0058a1; color: #fff; } /* Website Guide */ .websiteguide { background-color: #e9e9e9; } .websiteguide__label, .websiteguide__select--styled, #content .websiteguide__select--options { background-color: #fff; } .websiteguide__select--highlighted { background-color: #0058a1; } .websiteguide__label { border-color: #dedede; } div.websiteguide__select { color: #0058a1; border-color: #dedede; } .websiteguide__select--disabled { color: #ccc; cursor: not-allowed; } .websiteguide__select--styled:after { border-color: #0058a1 transparent transparent transparent; } .websiteguide__select--styled:active:after, .websiteguide__select--styled.active:after { border-color: transparent transparent #282828 transparent; } .websiteguide__select--disabled .websiteguide__select--styled:after { border-color: #ccc transparent transparent transparent; } .websiteguide__select--styled:active, .websiteguide__select--styled.active { background-color: #fff; } .websiteguide__select--disabled .websiteguide__select--styled:active:after, .websiteguide__select--disabled .websiteguide__select--styled.active:after { top: 36px; } .websiteguide__select--options li:hover { color: #e9e9e9; background: #057ccd; } #content button.websiteguide__button { background-color: #575756; color: #fff; } #content button.websiteguide__button.disabled { cursor: not-allowed; background-color: #0058a1; color: #fff; } #content button.websiteguide__button:not(.disabled):hover { background-color: #0058a1; } /* -------------------------------------------------------- Event Database -------------------------------------------------------- */ #content .eventdb-search-result-icons [class^="icon-"]:hover, #content .eventdb-search-result-icons [class*=" icon-"]:hover, #content .eventdb-highlights-icons [class^="icon-"]:hover, #content .eventdb-highlights-icons [class*=" icon-"]:hover, #content .eventdb-memolist-icons [class^="icon-"]:hover, #content .eventdb-memolist-icons [class*=" icon-"]:hover, #content .eventdb-details-icons [class^="icon-"]:hover, #content .eventdb-details-icons [class*=" icon-"]:hover, #content .eventdb-speakers-list-sort [class^="icon-"]:hover, #content .eventdb-speakers-list-sort [class*=" icon-"]:hover { color: #003969; } #content .icon-event-add {} #content .icon-event-add-active { color: #999; } /* Event Pictures (FS4) */ .eventdb-highlights-picture, .eventdb-subevent-picture { max-width: 144px; } /* Event Search Result */ .eventdb-search-result-category { background-color: #e9e9e9; border-color: #999; color: #282828; } .eventdb-search-result-img, .eventdb-speakers-details-img { max-width: 337px; } /* Event Detail */ .eventdb-details-category { background-color: #e9e9e9; border-color: #999; color: #282828; } .eventdb-details-description { border-bottom-color: #999; } .eventdb-catchword a { background-color: #e9e9e9; } /* Event Options */ .eventdb-options { border-top-color: #999; border-bottom-color: #999; } /* Event Speakers Details */ .eventdb-speakers-details-relations { border-top-color: #999; } /* Event Summery List */ .eventdb-summary-list-day { border-bottom-color: #999; } /* Event Programm Table */ .eventdb-table-headcol { background-color: #878787; color: #fff; } #content .eventdb-accordion__item__head { background-color: #e9e9e9; color: #565657; border-color: #e9e9e9; } #content .eventdb-accordion__item__head__time { border-bottom-color: #fff; } #content .eventdb-accordion__item__details { background-color: #fff; } #content .eventdb-accordion__item--open .eventdb-accordion__item__head { border-color: #057ccd; } #content .eventdb-accordion__item--open .eventdb-accordion__item__head__title { background-color: #fff; border-bottom-color: #057ccd; color: #057ccd; } .eventdb-table-col { background-color: #e9e9e9; border-bottom-color: #999; } .eventdb-table-category { color: #575756; } /* Event Registration */ .eventregistration-category { background-color: #057cce; color: #fff; } .eventregistration-category h3 { color: #fff; } .eventregistration-odd { background-color: #f1f1f1; } .eventregistration-even { background-color: #e9e9e9; } .eventregistration-highlight { background-color: #d1d1d1; } a.eventregistration-link { background-color: #0058a1; color: #fff; } span.eventregistration-fullybooked { background-color: #fd0000; color: #fff; } .eventregistration-dates { border-top-color: #999; } .eventregistration-dates-item span { color: #878787; } /* -------------------------------------------------------- Home -------------------------------------------------------- */ /* Tiles */ .tile { background-color: #e9e9e9; color: #fff; } .tile-double { background-color: transparent; } .tile-single-text { border-color: #000; } /* D0182A */ #tile-big { background-color: transparent; } /* Tile Links */ a.tile-text-link { background: #057ccd; color: #fff; } /* Tile Counter */ .tile-counter { background: #057ccd; color: #fff; } .tile-counter-label-before, .tile-counter-label-after { color: #e9e9e9; } /* Tile Search */ #tile-search { background-color: #0058a1; color: #fff; } /* News */ .news, .news-noscript { background-color: #fff; } .news-headline h2 { background: #282828; color: #fff; } .news-headline h2 a { color: #fff; } .news-headline h2:hover { background-color: #0058a1; } .news-button { background: #fff; } .icon-news-left:before, .icon-news-right:before { color: #282828; } .news-button-inactive .icon-news-left:before, .news-button-inactive .icon-news-right:before { color: #d1d1d1; } /* Neuheitenreport */ .newsreport-search-form { background-color: #0058a1; } #content .newsreport-search .newsreport-search-button { background-color: #0058a1; } #content h3.cal-header-az { border-top: 1px solid #999; } #content .page-navigation.cal-alphabet li.newsreport-select-all a { background-color: #878787; } #content .page-navigation.cal-alphabet li.newsreport-select-all a:hover { background-color: #003867; border-color: #0058a1; } /* Infobox */ .infobox { background: #fff; } /* -------------------------------------------------------- Newsletter -------------------------------------------------------- */ /* Universal Messenger Forms */ .pi-form-button a { color: #fff; background-color: #878787; } .pi-form-input input[type="text"], .pi-form-input textarea { color: #282828; border: 1px solid; background-color: #e9e9e9; border-color: #e9e9e9; background-image: linear-gradient(to left, #e9e9e9 50%, #fff 50%); } .pi-form-helptext { color: #999; } .pi-message-text p { color: #fd0000; } /* -------------------------------------------------------- GSA Search -------------------------------------------------------- */ /* Tiles */ #search-suggestions li { background-color: #fff; color: #5d5d5d; border-bottom-color: #9f9f9f!important; } .tile-search-inner { background-color: #0058a1; border-color: #0058a1; } .tile .tile-search-inner { border-color: #0058a1; } .tile-search-content h3 { background-color: #047bcd; color: #fff; } /* GSA Content Search */ .gsa-content-search { background-color: #0058a1; } #content #gsa-content-search-select, #content .gsa-content-search-option { color: #fff; } #content #gsa-content-search-select { background-color: #057ccd; } #content .gsa-content-search-option { background-color: #0058a1; } #content button.gsa-content-search-button { background-color: #0058a1; } #content .gsa-content-search-button:hover { background-color: #0058a1; } /* GSA Sections */ .gsa-spellcheck, .gsa-related-queries, .gsa-keymatch, .gsa-result { border-bottom-color: #999; } /* GSA Spellcheck */ a.gsa-spellcheck-link { color: #f00; } a.gsa-spellcheck-link b { color: #0058a1; } /* GSA Google-Logo */ .gsa-logo { color: #999; } /* -------------------------------------------------------- Pfeilnavigation in Autocomplete für Suchfelder -------------------------------------------------------- */ .tile .ui-autocomplete, .tile-search-content .ui-autocomplete { list-style: none; position: static !important; width: auto!important; } .tile .ui-autocomplete li.ui-menu-item, .tile-search-content .ui-autocomplete li.ui-menu-item { float: none !important; margin: auto !important; background-color: #fff; text-align: left; color: #5d5d5d; border: 0 !important; border-bottom: 1px solid #9f9f9f !important; padding: 4px 0 4px .2em !important; width: 95% !important; height: auto !important; } .tile .ui-autocomplete li.ui-state-focus, .tile-search-content .ui-autocomplete li.ui-state-focus { background-color: #dcdcdc; color: #000; } .tile .ui-autocomplete li.ui-menu-item { width: 80% !important; padding: 4px .3em !important; } .mobile-search .ui-autocomplete { list-style: none; position: static !important; width: 100%; border: 1px solid #9f9f9f; border-bottom: 0; box-sizing: border-box; } .mobile-search .ui-autocomplete li.ui-menu-item { width: 100% !important; box-sizing: border-box; } .gsa-content-search .ui-autocomplete li, .mobile-search .search-mobile-suggestions-ul li { background-color: #fff; color: #5d5d5d; border-bottom-color: #ddd; } .gsa-content-search .ui-autocomplete li:hover, .mobile-search .search-mobile-suggestions-ul li:hover { background-color: #eee; } .mobile-search .search-mobile-suggestions-ul { border-color: #878787; background-color: #fff; } .gsa-results { padding-top: 1.2em; } .gsa-dynamic-navigation .hide { display: none; } .gsa-dynamic-navigation .gsa-dynamic-navigation-more>span { padding-right: 5px; } .gsa-dynamic-navigation .dyn-nav-search-box { padding: .3em .5em; background-color: #878787; } .gsa-dynamic-navigation .dyn-nav-search-box input { width: 315px; } .gsa-dynamic-navigation .dyn-nav-item-selected { color: #575756; } #content .ui-autocomplete { border-color: #878787; border-style: solid; border-width: 1px; background-color: white; position: absolute; } #content .ui-autocomplete .ui-menu-item { text-decoration: none; list-style: none; } #content .ui-autocomplete li:before { display: none; } /* ======================================================== External Content ======================================================== */ /* Pretix Ticketshop Widget */ .widget-background--white .pretix-widget { background-color: #fff; border-color: #fff; } #content .widget-background--white .pretix-widget p, #content .widget-background--white .pretix-widget h3, #content .widget-background--white .pretix-widget-category-name { color: #575756; } /* ======================================================== Sizing ======================================================== */ /* Font Size */ #content .fontsize--medium p { font-size: 17px; } /* Textpic Fontsize */ #content .fontsize-mobile--small .textpic__text p { font-size: 25px !important; } .debug-output { display: none; } /* ========================================== Microanimations ========================================== */ #side-panel li a { transition: all 0.3s; } .tile, a.tile-text-link { transition: all 0.3s; } .tile.lightgray a, .tile.lightgrey a { transition: all 0.3s; } a.link-highlight, a.link-highlight-block, .col-highlight a.link-highlight, .col-highlight a.link-highlight-block, #content .highlight a.link-highlight, #content .highlight a.link-highlight-block { transition: all 0.3s; } #content .ui-tabs .ui-tabs-panel, #content ul.ui-tabs-nav .ui-state-active, #content .tab-navigation .ui-state-default, #content .tab-navigation-colored .ui-state-default { transition: all 0.3s; } #content .tab-navigation .ui-state-default a, #content .tab-navigation-colored .ui-state-default a, #content .tab-navigation-colored .ui-widget-header .ui-state-active a, #content .tab-navigation .ui-widget-header .ui-state-active a { transition: all 0.3s; } #content button, #content button.btn-colored, a.button-link { transition: all 0.3s; } #content .anchor-links li a, #content .anchor-links-color li a { transition: all 0.3s; } /* ========================================== Webforms ========================================== */ /* Webforms */ .mwf-form .form-col .form-control { width: 100%; } .mwf-upload-dragover { background-color: #fff; } /* Überschreibungen altes CSS */ .form-group { margin-bottom: 1rem; } /* Rebooted form styles Bootstrap 4.0 Beta */ label { display: block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; margin-right: 4px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } /*=== NEU ====================================== */ /* Form Title */ .form-title { font-weight: bold; font-size: 1.3em; padding: 1rem 0 0.5rem 0; line-height: 1.285714285714286; } /* Form Grid */ .form-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: -15px; } .form-col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } /* Formgroup */ .form-group { -webkit-transform: translate3d(0, 0, 0); /* Flicker-Bug iOS */ } /* Form Control */ .form-control { box-sizing: border-box; height: 30px; display: block; width: 100%; font-size: 1.1rem; line-height: 1.28571; padding: 0.2rem 0.3rem; background-clip: padding-box; background-size: 200% 100%; background-repeat: no-repeat; background-position: bottom right; -webkit-transform-style: preserve-3d; /* Flicker-Bug iOS */ } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { outline: 0; background-position: bottom left; /* Animation */ -webkit-transition-property: all; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0s; transition-property: all; transition-duration: 0.8s; transition-timing-function: ease; transition-delay: 0s; } .form-control::-webkit-input-placeholder { opacity: 1; } .form-control:-ms-input-placeholder { opacity: 1; } .form-control::placeholder { opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } /* select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } */ select.form-control { width: 102.5%; font-size: 1rem; } /* Paragraph-Element*/ .help-text { display: block; margin-top: 0.25rem; } .label-text { display: block; margin-top: 0.25rem; margin-bottom: 0.1rem; font-weight: bold; } /* Checkboxes and Radiobuttons */ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { /* outline: 0; */ /* don’t remove outline unless you don’t provide other focus styles */ } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check-label { /*padding-left: 1.25rem;*/ margin-bottom: 0; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; outline: 0; } .form-check-input { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline+.form-check-inline { margin-left: 0.75rem; } /* Checkbox-Animation */ .form-check-input[type=checkbox]:active { -webkit-transform: scale(3); transform: scale(3); -webkit-transition: all .25s linear; transition: all .25s linear; } input[type=checkbox]:focus { border-radius: 2px; } /* Radiobutton-Animation */ @keyframes focus { 0% { opacity: .4; transform: scale(3); } 10% { transform: scale(2.5); } 90% { transform: scale(1); } 100% { transform: none; } } .form-check-input[type=radio]:checked { -webkit-animation: focus .25s ease-out; animation: focus .25s ease-out; } /* Buttons */ .form-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 0.8rem; } #content button:last-child { margin-left: auto; } #content button, #content input[type="submit"], #content input[type="button"] { margin-left: 0; } .form-buttons p.form-pagination { -ms-flex-order: 0; -webkit-order: 0; order: 0; -ms-flex: 2 0 auto; -webkit-flex: 2 0 auto; flex: 2 0 auto; -ms-flex-item-align: auto; -webkit-align-self: auto; align-self: auto; text-align: center } .btn-back-empty { min-width: 140px; } /* Captcha */ .captcha-group label, .captcha-group a { margin-top: 0; } .captcha-group label { float: none; } .captcha-group img { margin-left: 0; } .captcha-group a { margin-top: 0.8rem; } /* Upload */ .form-upload-dropzone { border: 3px dashed; display: block; text-align: center; } .form-upload-dropzone p { line-height: 1.5em; margin-bottom: 1em; margin-top: 1em; padding: 0.5em; } .form-upload-button { -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 1rem; margin: 1rem 0; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; } .form-upload-button input[type="file"] { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; } button.form-upload-delete { margin-right: 0.5rem; } .form-upload-row { box-sizing: border-box; margin-top: 1rem; position: relative; width: 100%; } .form-upload-filecontainer { min-height: 10px; width: 100%; } .form-upload-fileinfo { margin-bottom: 1rem; } .form-upload-preview { background-image: url('../images/form-upload-file.svg'); background-position: inherit; background-repeat: no-repeat; background-size: 100% 100%; display: block; float: left; height: 7rem; position: relative; width: 7rem; } .form-upload-metadata { float: left; width: 70%; margin-left: 1rem; } #content .form-upload-metadata ul { margin-left: 0; } #content .form-upload-metadata ul li { padding-left: 0; } #content .form-upload-metadata ul li:before { content: ""; } .form-upload-actions { margin-top: 1rem; display: inline-block; width: 100%; } .form-upload-progressbar { bottom: 30px; display: none; height: 15px; margin-top: 10px; padding: 5px; right: 20px; } .form-upload-progressbar>span { display: block; height: 100%; overflow: hidden; position: relative; text-align: center; } /* Tabelle Zusammenfassung */ .form-summery-title { font-weight: bold; font-size: 1.3em; padding: 1rem 0 0.5rem 0; line-height: 1.285714285714286; } .table-summary { margin-bottom: 1rem; max-width: 100%; width: 100%; } .table-row { padding: 0.75rem 0; vertical-align: top; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } #content .table-row p { font-size: 0.9rem; } .col-key, .col-value, .col-full { padding-left: 15px; padding-right: 15px; position: relative; font-size: 0.9 .rem; } .col-key { font-weight: 700; border-style: solid; border-width: 0 0 1px 0 } .col-value { margin-top: 1rem; } .col-full { border-width: 0 0 1px 0 } /* Message */ .form-message.col-highlight { padding-top: 0.3rem; padding-bottom: 0.3rem; } /* Suggestion */ .autocomplete-suggestions { background-color: #f1f1f1; overflow: hidden; font-size: 1.1em; } .autocomplete-suggestion { padding: 0.2rem 0.3rem 0.4rem 0.3rem; } .autocomplete-selected { background-color: #019de2; color: #fff; } /* === Text ======================================================== */ .form-bold { font-weight: 800; } .form-italic { font-style: italic; } #content .col-highlight .form-elements p { padding: 0.4em 0; } #content .table-row .col-full p { font-size: 1.4rem; font-weight: 700; } /* === Colors ======================================================= */ .form-control { background-image: linear-gradient(to left, #e9e9e9 50%, #fff 50%); } select.form-control:focus::-ms-value { color: #999; background-color: #fff; } select.form-control:focus { background-color: #fff; background-image: none; } .help-text p { color: #999; } .form-check.disabled .form-check-label { color: #868e96; } .form-upload-progressbar { background-color: #f3f3f3; } .form-upload-progressbar>span { background-color: #4189dd; color: #fff; } .form-upload-dropzone { background-color: #e9e9e9; border-color: #fff; } .form-upload-dragover, .mwf-upload-dragover { background-color: #fff; } .form-upload-button { color: #0058a1; } .form-upload-preview { background-color: #e9e9e9; } .table-row { background-color: #f1f1f1; } .table-row:nth-of-type(2n+1) { background-color: #e9e9e9; } .col-key, .col-full { border-color: #878787; } /* === Popup-Plugin ================================================= */ .mb-popup { min-width: unset; width: unset !important; left: 4.5% !important; right: 4.5% !important; } .mb-popup .fancybox-inner { width: auto!important; height: auto!important; } .mb-popup .fancybox-skin { padding: 50px !important; } .mb-popup__close { width: 24px; height: 24px; position: absolute; top: 15px; right: 15px; color: #0058a1 !important; font-size: 23px; } .mb-popup__close:before { margin: 0; line-height: 24px; display: block; width: unset; } /* === Sidepanel-Plugin ============================================= */ .link-aside--sidepanel { position: relative; } .sidepanel__link { position: relative; } .sidepanel__content { position: absolute; width: 400px; min-height: 290px; color: #fff; right: 0; top: 0; background-color: #282828; padding: 0 calc(100% + 20px) 0 20px; box-shadow: 2px 2px 10px rgba(0, 0, 0, .4); z-index: -1; transform: translateX(100%); transition: transform .5s ease-out; } .sidepanel__content>* { color: #fff; } .sidepanel--open { transform: translateX(0); } .sidepanel__close { background-color: #282828; position: absolute; z-index: 3; left: -15px; top: -15px; border-radius: 15px; box-shadow: 2px 2px 20px rgba(0, 0, 0, .5); opacity: 0; transition: opacity .5s ease-out; } .sidepanel--open .sidepanel__close { opacity: 1; } /* Sidepanel media Queries */ @media (max-width: 767px) { .link-aside--sidepanel { position: static; } .sidepanel__content { position: fixed; z-index: 56; padding: 0 15px; box-sizing: border-box; top: 50vh; transform: translateY(-50%) translateX(100%); max-width: 320px; left: 50%; opacity: 0; transition: opacity .5s ease-out, transform .5s step-end; } .sidepanel--open { opacity: 1; transform: translateY(-50%) translateX(-50%); transition: opacity .5s ease-out, transform .5s step-start; } .sidepanel__close { padding: 0; top: 15px; left: unset; border-radius: 0; } } /* Sidepanel Newsletter-Widget */ .link-aside--newsletter { position: relative; } .newsletter-sidepanel-toggle { position: relative; } .newsletter-sidepanel__title { text-align: left; font-weight: bold; } .newsletter-sidepanel__intro { font-size: 14px; text-align: left; margin-top: 10px; } .newsletter-sidepanel { position: fixed; width: 400px; right: 0; z-index: 56; padding: 0 15px; box-sizing: border-box; top: 50vh; transform: translateY(-50%) translateX(100%); max-width: 320px; left: 50%; opacity: 0; transition: opacity 0.5s ease-out, transform 0.5s step-end; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); } .newsletter-sidepanel--open { opacity: 1; transform: translateY(-50%) translateX(-50%); transition: opacity 0.5s ease-out, transform 0.5s step-start; } .newsletter-sidepanel__close { position: absolute; padding: 0; z-index: 3; top: 15px; right: 15px; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.5s ease-out; } .newsletter-sidepanel--open .newsletter-sidepanel__close { opacity: 1; } .newsletter-sidepanel__disclaimer { text-align: left; font-size: 11px; padding-bottom: 10px; } .newsletter-sidepanel .pinuts-widgets-loading, .sidepanel__content .pinuts-widgets-loading { text-align: left; padding: 10px 0; } .newsletter-sidepanel .pi-heading, .sidepanel__content .pi-heading { display: none; } .newsletter-sidepanel .pi-form, .sidepanel__content .pi-form { text-align: left; padding-left: 0; background: none; } .newsletter-sidepanel .pi-form-control, .sidepanel__content .pi-form-control { margin-right: 0; margin-bottom: 0; } .newsletter-sidepanel .pi-form-label label, .sidepanel__content .pi-form label { font-size: 12.25px; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0; line-height: 17px; } .sidepanel__content .pi-form .pi-checkbox-control-vertical label { display: inline; } .newsletter-sidepanel .pi-form-button, .sidepanel__content .pi-form-button { margin-top: 0; padding-top: 0; margin-bottom: 15px; } .newsletter-sidepanel .pi-form-button button, .sidepanel__content .pi-form-button button { padding: 5.25px 10.5px; font-size: 14px; font-weight: 700; } .newsletter-sidepanel .pi-message .pi-message-text, .sidepanel__content .pi-message .pi-message-text { padding: 8px 12px; border: solid 1px; margin: 12px 0; font-weight: bold; text-align: left; } .newsletter-sidepanel .pi-form, .newsletter-sidepanel .pi-form { margin-top: 20px; } .newsletter-sidepanel__title { margin-top: 6px; } .newsletter-sidepanel .pi-form-input input[type="text"], .sidepanel__content .pi-form-input input[type="text"] { background-image: linear-gradient(to left, #fff 50%, #e9e9e9 50%); } /*Retina graphics! --bug fix--*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .mb-popup__close, .sidepanel__close, .fancybox--newsletter .fancybox-close, .newsletter-sidepanel__close { background-size: 44px 223px; /*The size of the normal image, half the size of the hi-res image*/ } } /* === Fullsize-Layout Colors ============================================= */ .contentarea--dark-light { background-color: #f3f3f3; color: #575756; } .contentarea--light-dark { background-color: #575756; } .contentarea--light-dark h1, .contentarea--light-dark h2, .contentarea--light-dark h3, .contentarea--light-dark h4, .contentarea--light-dark h5, .contentarea--light-dark p, .contentarea--light-dark li, .contentarea--light-dark table { color: #fff; } #content .contentarea--light-dark li:before { color: #f3f3f3; } #content .contentarea--light-dark .col-highlight li:before, #content .contentarea--light-dark .highlight li:before, #content .contentarea--light-dark .accordion-navigation li:before, #content .contentarea--light-dark .tab-navigation li:before, #content .contentarea--light-dark table li:before { color: #0058a1; } .contentarea--light-dark p.highlight, .contentarea--light-dark .col-highlight p, #content .contentarea--light-dark .highlight p, .contentarea--light-dark .col-highlight li, #content .contentarea--light-dark .highlight li, .contentarea--light-dark .table li, #content .contentarea--light-dark .col-highlight h2, #content .contentarea--light-dark h2.highlight, #content .contentarea--light-dark .col-highlight h3, #content .contentarea--light-dark h3.highlight, #content .contentarea--light-dark .col-highlight h4, #content .contentarea--light-dark h4.highlight, #content .contentarea--light-dark .col-highlight h5, #content .contentarea--light-dark h5.highlight, .contentarea--light-dark .accordion-navigation p, .contentarea--light-dark .accordion-navigation li, .contentarea--light-dark .accordion-navigation h2, .contentarea--light-dark .accordion-navigation h3, .contentarea--light-dark .accordion-navigation h4, .contentarea--light-dark .accordion-navigation h5, .contentarea--light-dark .tab-navigation p, .contentarea--light-dark .tab-navigation li, .contentarea--light-dark .tab-navigation h2, .contentarea--light-dark .tab-navigation h3, .contentarea--light-dark .tab-navigation h4, .contentarea--light-dark .tab-navigation h5, .contentarea--light-dark .tooltip-content p, .contentarea--light-dark .tooltip-content h3, .contentarea--light-dark .quotation-content p { color: #575756; } /* ========================================== Blog ========================================== */ /* ------------ Filter ------------ */ .blog-filter { display: flex; flex-direction: column; gap: 15px; margin-bottom: 45px; position: relative; height: 100px; } .blog-filter__categories, .blog-filter__years { overflow-x: scroll; padding-left: 3%; } .blog-filter__categories::after, .blog-filter__years::after { content: ''; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); position: absolute; z-index: 100; right: 0; top: 0; height: 100%; width: 25px; } #content .blog-filter li::before { content: none; font-size: 0; margin: 0; padding: 0; display: none; visibility: hidden; } #content .blog-filter ul { margin: 0; padding: 0; } #content .blog-filter li { margin: 0; padding: 0 5px 0 0; } .blog-filter ul { display: flex; flex-direction: row; } #content .blog-filter__button { padding: 10px 17px; border: 1px solid; white-space: nowrap; font-weight: bold; font-size: 16px; text-transform: uppercase; display: inline-block; min-width: auto; } .blog-list__entry--hidden-by-category { display: none; } .blog-list__entry--hidden-by-year { display: none; } /* ------- Übersicht / List ------- */ .blog-list { display: flex; gap: 30px; flex-direction: column; } .blog-list__entry:nth-child(3) { padding-bottom: 10px; } .blog-list__entry:nth-child(1n+4) a { display: flex; gap: 15px; } .blog-list__entry:nth-child(1n+4) .blog-list__image { max-width: 100px; } .blog-list__entry:nth-child(1n+4) .blog-list__text { width: auto; padding: 0; } .blog-list__image picture { display: flex; } .blog-list__image img { width: 100%; } .blog-list__info { display: flex; align-items: center; } #content .blog-list__info { padding: 0; } .blog-list__entry:nth-child(1n+4) .blog-list__info { justify-content: flex-start; gap: 5px; } .blog-list__date { font-size: 14px; line-height: 17px; } .blog-list__type { display: flex; align-items: flex-start; } .blog-list__type [class*=" icon-material-icons-"]::before { font-size: 19px; } .blog-list__headline { font-weight: 900; } .blog-list__entry:nth-child(1n+4) .blog-list__headline { font-size: 18px; line-height: 23px; padding-top: 1px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-list__teaser { display: none; } /* ---- Detailansicht / Entry ---- */ .blog-entry__header { margin-bottom: 24px; } .blog-entry__header .blog-entry__sharing { display: none; } .blog-entry__sharing { display: flex; align-items: center; } .blog-entry__sharing .shariff-label { width: auto; margin-right: 7px; } #content .blog-entry__tags { font-weight: 900; padding-bottom: 30px; } .blog-entry__backlink a.icon-link-left::before { content: '\e83f'; padding-right: 10px; } h1.blog-entry__headline { font-size: 34px; line-height: 41px; padding: 0; margin: 0 0 45px 0; } .blog-entry__date::after { content: '·'; margin-left: 10px; margin-right: 5px; } #content .blog-entry__teaser { font-size: 20px; line-height: 30px; padding: 0; margin-bottom: 45px; } .blog-entry__media, .blog-entry__text, .blog-entry__podcast { margin-bottom: 45px; } #content .blog-entry__text p, #content .blog-entry__text ul { padding: 0; margin-bottom: 40px; } #content .blog-entry__text ul li ul { padding-top: 0.4em; padding-bottom: 0; margin-bottom: 0; } #content .blog-entry__sharing .shariff ul, #content .blog-entry__sharing .shariff li { margin: 0; padding: 0; } #content .blog-entry__sharing .shariff li { display: flex; } #content .blog-entry__sharing .shariff li::before { padding: 0; margin: 0; width: auto; } .blog-entry__text h2 { padding: 25px 0 0 0; } .blog-entry__text:first-child h2 { padding: 0; } .blog-entry__media { display: flex; flex-direction: column; gap: 30px; } .blog-entry__media-item picture { display: flex; } .blog-entry__media-item iframe { width: 100%; } #content .blog-entry__image-caption { padding: 10px 0 0 0; } .blog-entry__quotation { margin-bottom: 45px; } .blog-entry__footer .blog-entry__backlink { padding: 35px 0 24px 0; } .blog-entry__footer .blog-entry__sharing { padding-top: 20px; } .blog-entry__footer { margin-top: 30px; } /* ---- Related News / verwandte Artikel ---- */ .blog-latest__container { display: flex; flex-direction: column; gap: 20px; } .blog-latest, .blog-teaser { padding: 36px 30px; } h2.blog-latest__headline, h2.blog-teaser__headline { padding-top: 0; } h2.blog-teaser__headline { padding-bottom: 20px; } #content ul.blog-latest__list { padding: 0; margin: 0; display: flex; flex-direction: column; flex-wrap: nowrap; } #content li.blog-latest__entry { padding: 0; margin: 0; list-style-position: unset; text-indent: 0; } #content li.blog-latest__entry::before { content: ''; padding: 0; margin: 0; width: 0; padding: 0; display: unset; } .blog-latest__entry-link { display: flex; flex-wrap: nowrap; flex-direction: column; } h4.blog-latest__title { padding: 10px 0 0 0; } .blog-teaser__text { padding-bottom: 35px; } .blog-teaser__text p { line-height: 25px; } .blog-teaser__cta { display: flex; } /* === Blog-Colors === */ #content .blog-filter__button { background-color: #057ccd; border-color: #057ccd; color: #fff; } #content .blog-filter__button--active { background-color: #ffffff; border-color: #057ccd; color: #057ccd; } /* ========================================== Countdown ========================================== */ .countdown, .countdown * { box-sizing: border-box; } .countdown { display: flex; } .text-align-center .countdown { justify-content: center; } .countdown__element { border: 3px solid; border-left: 0; display: flex; flex-flow: column; padding: 10px 10px; align-items: center; } .countdown__element:first-child { border-left: 3px solid; border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .countdown__element:last-child { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } .countdown__value { font-size: 40px; line-height: 40px; font-weight: 900; } .countdown__label { font-size: 11px; line-height: 20px; font-weight: 900; text-transform: uppercase; } /* === Countdown-Colors === */ .contentarea--light-dark .countdown__element { border-color: #fff; } .contentarea--dark-light .countdown__element { border-color: #000000; } .contentarea--light-dark .countdown__element:first-child { border-left-color: #fff; } .contentarea--dark-light .countdown__element:first-child { border-left-color: #000000; } .contentarea--light-dark .countdown__value { color: #019de2; } .contentarea--dark-light .countdown__value { color: #0058a1; } .contentarea--light-dark .countdown__label { color: #fff; } .contentarea--dark-light .countdown__label { color: #000000; } /* ========================================== Facts & Figures ========================================== */ .numbers { display: flex; flex-flow: row wrap; justify-content: space-evenly; text-align: center; } .numbers--nowrap { flex-wrap: nowrap; } .numbers--newline { display: block; } .numbers .fact { padding: 0 20px 30px; margin: auto 0; } .numbers .fact h4 { font-size: 45px; line-height: 50px; padding: 0; font-weight: bold; } .numbers .odometer { white-space: nowrap; } .numbers .numbers-text { display: block; white-space: nowrap; } .numbers .numbers-row { display: flex; flex-direction: row; } .numbers .numbers-row .numbers-text { margin: auto 10px; } .numbers .numbers-row picture { margin: auto 0; } .numbers .odometer-digit-inner { text-align: center !important; }