/** Theme Name: w3-fair Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: w3-fair Template: astra */ .elementor-location-header { position: relative; z-index: 999; } body .headerbutton .elementor-button.elementor-size-xs { border-radius: 20px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } /* mainmenu */ /* neu */ .w3-mainmenu nav ul li.menuitem-bold a{ font-weight: bold !important; } .w3-mainmenu nav ul li.menuitem-has-arrow > a::after { color: #e77d3d; display: inline-block; position: absolute; right: 0px; top: calc(50% - 8px); font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; content: "\f0d7"; opacity: 1 !important; } /* neu */ /* .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-menu-item.menu-item-has-children::after, .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-page-ancestor::after { width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #e77e3d transparent; position: absolute; bottom: -27px; left: 50%; transform: translateX(-50%); content: " "; } */ .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a { padding: 10px 12px 10px 12px; font-size: 14px; color: #ffffff; text-decoration: none; text-transform: uppercase; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:hover, .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:active, .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:focus { color: #ffffff; text-decoration: none; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a .sub-arrow { color: #e77d3d; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-menu-item > a, .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-page-ancestor > a { text-decoration: underline; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-bold.last { padding-right: 20px; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-bold > a { font-weight: 700; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-tickets { display: none; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-tickets > a { height: auto; padding: 7px 12px 5px 12px; margin: 16px 0px 0px 0px; position: relative; border-radius: 13px; background-color: #e77d3d; line-height: 1; font-weight: 700; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-search > a { } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.no-submenu-indicator > a .dropdown-menu-toggle, .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.no-submenu-indicator > a .sub-arrow { display: none; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-has-arrow > a { padding-right: 20px; } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-has-arrow > a::after { color: #e77d3d; display: inline-block; border: none; position: absolute; right: 3px; top: calc(50% - 8px); font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; line-height: 1; font-variant: normal; text-rendering: auto; content: "\f0d7"; opacity: 1 !important; } @media(max-width: 1024px) { .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-has-arrow > a::after { display: none; } } .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > ul { display: none !important; } /* mobile */ .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a { padding: 5px 20px 5px 20px; font-size: 16px; color: #ffffff; text-decoration: none; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:hover, .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:active, .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:focus { color: #ffffff; text-decoration: none; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { background-color: #ffffff !important; color: #333333 !important; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li.menuitem-bold > a { font-weight: 700; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu { background-color: transparent; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu a.pp-sub-item { padding: 5px 0px 5px 30px; font-size: 14px; color: #ffffff; text-decoration: none; } .mainmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu a.pp-sub-item:hover { background-color: transparent; } @media(min-width: 768px) { .mainmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-mobile { display: none; } } /* locationsmenu */ .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a { padding: 10px 12px 10px 12px; font-size: 14px; color: #ffffff; text-decoration: none; text-transform: uppercase; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:hover, .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:active, .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a:focus { color: #ffffff; text-decoration: none; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > a .sub-arrow { color: #e77d3d; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-menu-item > a, .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.current-page-ancestor > a { text-decoration: underline; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-bold > a { font-weight: 700; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-tickets { display: none; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-tickets > a { height: auto; padding: 7px 12px 5px 12px; margin: 16px 0px 0px 0px; position: relative; border-radius: 13px; background-color: #e77d3d; line-height: 1; font-weight: 700; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-search > a { } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.no-submenu-indicator > a .dropdown-menu-toggle, .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.no-submenu-indicator > a .sub-arrow { display: none; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li > ul { display: none !important; } /* mobile */ .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a { padding: 5px 20px 5px 20px; font-size: 16px; color: #ffffff; text-decoration: none; } .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:hover, .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:active, .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a:focus { color: #ffffff; text-decoration: none; } .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > a #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { background-color: #ffffff !important; color: #333333 !important; } .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu { background-color: transparent; } .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu a.pp-sub-item { padding: 5px 0px 5px 30px; font-size: 14px; color: #ffffff; text-decoration: none; } .locationsmenu .pp-advanced-menu--dropdown > ul.pp-advanced-menu > li > ul.sub-menu a.pp-sub-item:hover { background-color: transparent; } /* submenu */ .submenu .pp-advanced-menu--main ul.pp-advanced-menu li { } .submenu .pp-advanced-menu--main ul.pp-advanced-menu li > a { padding: 5px 12px 5px 12px; font-size: 14px; color: #ffffff; text-decoration: none; background-color: transparent; } .submenu .pp-advanced-menu--main ul.pp-advanced-menu li:first-child > a { } .submenu .pp-advanced-menu--main ul.pp-advanced-menu li > a:hover, .submenu .pp-advanced-menu--main ul.pp-advanced-menu li > a:active, .submenu .pp-advanced-menu--main ul.pp-advanced-menu li > a:focus { color: #ffffff; text-decoration: none; background-color: transparent; } .submenu .pp-advanced-menu--main ul.pp-advanced-menu li.current-menu-item > a, .submenu .pp-advanced-menu--main ul.pp-advanced-menu li.current-menu-ancestor > a { text-decoration: underline; } .submenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-tickets > a { height: auto; padding: 7px 20px 5px 20px; margin: 2px 10px 0px 10px; display: inline-block; position: relative; border: 1px solid #ffffff; border-radius: 13px; color: #E77D3D !important; background-color: #ffffff; line-height: 1; font-weight: 400; } .submenu .pp-advanced-menu--main ul.pp-advanced-menu li > ul.sub-menu { top: 45px !important; background-color: #e77d3d; } .locationsmenu .pp-advanced-menu--main > ul.pp-advanced-menu > li.menuitem-bold > a { font-weight: 700; } h1, .entry-content h1 { padding: 0px 0px 10px 0px; position: relative; } h1::after, .entry-content h1::after { width: 70px; height: 2px; position: absolute; left: 0px; bottom: 0px; background-color: #e77d3d; content: " "; } .nospace, .nospace p { margin-bottom: 0px; padding-bottom: 0px; } .elementor-section.fullwidth .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; } .checkmark-list ul { margin: 0px 0px 0px 0px; list-style-type: none; } .checkmark-list ul li { padding: 0px 0px 15px 40px; position: relative; } .checkmark-list ul li::before { position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-size: 24px; color: #e77d3d; } .downloadlist .elementor-widget-text-editor p { margin: 0px; } .price-circle { width: 130px !important; } .price-circle .elementor-widget-container { width: 130px; height: 130px; border-radius: 65px; background-color: #000000 !important; color: #ffffff !important; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 700; } .price-circle .elementor-widget-container p { display: inline-block; margin: 0px; } /* stoerer */ .stoerer { width: 140px !important; height: 140px !important; z-index: 100 !important; } .stoerer .elementor-widget-container { width: 100%; height: 100%; position: relative; border-radius: 50%; background-color: #00919e; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; text-align: center; z-index: 2; } .stoerer .elementor-widget-container > * { flex: 0 1 auto; } .stoerer .elementor-widget-container p { margin: 0px 0px 6px 0px; font-size: 15px; line-height: 1.2; -webkit-font-smoothing: subpixel-antialiased; color: #ffffff; } .stoerer .elementor-widget-container p:last-child { margin: 0px; } .stoerer .elementor-widget-container h1, .stoerer .elementor-widget-container h2, .stoerer .elementor-widget-container h3, .stoerer .elementor-widget-container h4 { margin: 0px 0px 6px 0px; font-size: 19px; line-height: 1.2; font-weight: 900; -webkit-font-smoothing: subpixel-antialiased; color: #ffffff; } .stoerer .elementor-widget-container h1:last-child, .stoerer .elementor-widget-container h2:last-child, .stoerer .elementor-widget-container h3:last-child, .stoerer .elementor-widget-container h4:last-child { margin: 0px; } .stoerer .elementor-widget-container a { font-size: 18px; text-decoration: none; color: #ffffff; } .stoerer.stoerer-weiss .elementor-widget-container { background-color: #ffffff !important; } .stoerer.stoerer-weiss .elementor-widget-container p, .stoerer.stoerer-weiss .elementor-widget-container h1, .stoerer.stoerer-weiss .elementor-widget-container h2, .stoerer.stoerer-weiss .elementor-widget-container h3, .stoerer.stoerer-weiss .elementor-widget-container h4, .stoerer.stoerer-weiss .elementor-widget-container a, .stoerer.stoerer-weiss .elementor-widget-container a:hover, .stoerer.stoerer-weiss .elementor-widget-container a:active, .stoerer.stoerer-weiss .elementor-widget-container a:focus { color: #000000 !important; text-decoration: none; } .stoerer.stoerer-orange .elementor-widget-container { background-color: #E77D3D !important; } .stoerer.stoerer-orange .elementor-widget-container p, .stoerer.stoerer-orange .elementor-widget-container h1, .stoerer.stoerer-orange .elementor-widget-container h2, .stoerer.stoerer-orange .elementor-widget-container h3, .stoerer.stoerer-orange .elementor-widget-container h4, .stoerer.stoerer-orange .elementor-widget-container a, .stoerer.stoerer-orange .elementor-widget-container a:hover, .stoerer.stoerer-orange .elementor-widget-container a:active, .stoerer.stoerer-orange .elementor-widget-container a:focus { color: #ffffff !important; text-decoration: none; } @media(max-width: 1024px) { /*.stoerer { opacity: 0; z-index: -999; }*/ } /* page-top image + title */ .subpage-top h1, .entry-content .subpage-top h1 { font-size: 48px !important; font-weight: 700 !important; text-transform: uppercase !important; } .subpage-top h1::after, .entry-content .subpage-top h1::after { display: none; } @media(max-width: 1024px) { .subpage-top h1, .entry-content .subpage-top h1 { font-size: 36px !important; } } @media(max-width: 767px) { .subpage-top h1, .entry-content .subpage-top h1 { font-size: 22px !important; } } /* startseite sektion mit video */ section.bg-video { } section.bg-video .elementor-inner-section { position: absolute; left: 0px; bottom: 60px; z-index: 10; } section.bg-video .elementor-widget-video { z-index: 1; } section.bg-video .elementor-widget-video .elementor-fit-aspect-ratio { padding-bottom: 35%; } section.bg-video p { margin: 0px; } @media(max-width: 1024px) { section.bg-video .elementor-inner-section { bottom: 20px; } } /* ajax search pro */ #ajaxsearchpro1_1 { overflow: hidden; border-radius: 0px; } #ajaxsearchpro1_1 .probox { margin-top: 8px !important; } #ajaxsearchpro1_1 .probox .proinput input.orig { width: 100px !important; max-width: 100px !important; padding: 0px 6px 0px 6px !important; background: #ffffff !important; border-radius: 0px; } #ajaxsearchpro1_1[asp-compact="open"] .probox .promagnifier .innericon svg { fill: rgb(0,0,0) !important; } #ajaxsearchpro1_1[asp-compact="closed"] .probox { background: transparent !important; background-image: none !important; } #ajaxsearchpro1_1 .probox .proclose { display: none !important; } .elementor-widget-image.styled-image .elementor-widget-container { border-radius: 10px !important; background-color: #00919E !important; } .elementor-widget-image.styled-image .elementor-widget-container img { border-radius: 10px !important; mix-blend-mode: multiply !important; opacity: 0.8 !important; } /* cleverreach form */ .cr_form { margin: 0 auto !important; max-width: 360px;} .cr_form .cr_body label { display: none; } .cr_form .cr_body .cr_ipe_item { margin-left: 0px; margin-right: 0px; } .cr_button { height: auto !important; margin: 15px 0px 0px 0px !important; padding: 11px 50px 9px 33px !important; border-radius: 25px !important; font-size: 14px !important; line-height: 14px !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 1px !important; position: relative; opacity: 1 !important; } .cr_button:hover { opacity: 1 !important; } .cr_button::after { width: 0; height: 0; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; border-top: 5px solid transparent !important; border-left: 10px solid #ffffff; border-bottom: 5px solid transparent !important; content: " "; } /* countdown */ /* .elementor-widget-countdown-timer-widget .countdown-items { width: auto !important; margin: 0px !important; background-color: transparent !important; } .elementor-widget-countdown-timer-widget .countdown-items .ctw-label { display: none !important; } */ .elementor-widget-countdown-timer-widget .countdown-items { width: auto !important; margin: -17px 0px 0px 0px !important; background-color: transparent !important; overflow: visible !important; } /* suchergebnisse */ .elementor-posts .elementor-post__excerpt { margin: 0px; } .elementor-posts .elementor-post__excerpt p { font-size: inherit; line-height: inherit; color: inherit; } .elementor-posts .elementor-post__read-more { font-size: inherit; font-weight: inherit; color: #00919E; text-decoration: underline; } .elementor-posts .elementor-post__read-more:hover { color: #00919E; text-decoration: underline; } /* accordion */ .elementor-accordion .elementor-tab-title { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; } .elementor-accordion .elementor-tab-title span.elementor-accordion-icon { flex: 0 0 27px; transform: translateY(3px); } .elementor-accordion .elementor-tab-title a.elementor-accordion-title, .elementor-accordion .elementor-tab-title a.elementor-accordion-title:hover { display: inline-block; text-decoration: none; } .elementor-accordion .elementor-tab-content p { margin: 0px 0px 5px 0px; } /* forms */ div.wpforms-container-full .wpforms-form .wpforms-required-label { color: #000000; } .wpforms-container.standard-form { width: 700px; max-width: 700px; margin: 0px 0px 0px 0px !important; } .wpforms-container.standard-form .wpforms-form { width: 100%; } .wpforms-container.standard-form .wpforms-form .wpforms-field { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; } .wpforms-container.standard-form .wpforms-form .wpforms-field input[type="text"], .wpforms-container.standard-form .wpforms-form .wpforms-field input[type="email"], .wpforms-container.standard-form .wpforms-form .wpforms-field textarea { width: 100%; border-radius: 8px !important; } .wpforms-container.standard-form .wpforms-form .wpforms-field p.info-required { font-size: 16px; } .wpforms-container.standard-form .wpforms-form .choices .choices__inner { width: 100%; padding: 8px 6px 5px 6px; border-radius: 8px; border: 1px solid #eaeaea; font-size: 15px; background-color: #ffffff; } .wpforms-container.standard-form .wpforms-form .choices__list--dropdown, .wpforms-container.standard-form .wpforms-form .is_open .choices__list--dropdown { border: none !important; border-radius: 6px; background-color: #ffffff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2) !important; } .wpforms-container.standard-form .wpforms-form button[type="submit"], .wpforms-container.standard-form .wpforms-form button[type="submit"]:hover { height: 38px; padding: 12px 35px 10px 35px; display: inline-block; position: relative; border: none !important; border-radius: 19px; background-color: #e77d3d; color: #ffffff; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; line-height: 14px !important; text-decoration: none !important; white-space: nowrap; transition: all .3s; } @media(max-width: 767px) { .wpforms-container.standard-form { width: 100%; max-width: 100%; } } .elementor-element .uael-wpf-style .wpforms-form button[type="submit"], .elementor-element .uael-wpf-style .wpforms-form button[type="submit"]:hover { height: auto !important; padding: 11px 38px 9px 26px !important; border-radius: 25px !important; font-size: 14px !important; line-height: 14px !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 1px !important; color: #ffffff; background-color: #75c9da; position: relative; opacity: 1 !important; } .elementor-element .uael-wpf-style .wpforms-form button[type="submit"]::after { width: 0; height: 0; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); display: inline-block; border-top: 5px solid transparent !important; border-left: 10px solid #ffffff; border-bottom: 5px solid transparent !important; content: " "; } /* buttons */ .btn { height: 38px; padding: 12px 35px 10px 35px; display: inline-block; position: relative; border: none !important; border-radius: 19px; background-color: #e77d3d; line-height: 14px !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: all .3s; } .btn:hover { text-decoration: none !important; } .btn span { color: #ffffff; font-size: 14px; font-weight: 900; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; } .btn.btn-grey { background-color: #858582; } .btn.btn-grey:hover, .btn.btn-grey:active, .btn.btn-grey:focus { background-color: #858582 !important; } .btn.btn-grey:disabled, .btn.btn-grey:disabled:hover, .btn.btn-grey:disabled:active, .btn.btn-grey:disabled:focus { background-color: #bdbdbc !important; } .btn.arrow-right { padding-left: 33px; padding-right: 50px; } .btn.arrow-right span { } .btn.arrow-right::after { width: 0; height: 0; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; border-top: 5px solid transparent !important; border-left: 10px solid #ffffff; border-bottom: 5px solid transparent !important; content: " "; } /* elementor-buttons with arrows */ .elementor-widget-button .elementor-button-content-wrapper { transform: translateY(1px); } .elementor-widget-button.arrow-right .elementor-button, .elementor-widget-button.arrow-down .elementor-button { padding-left: 33px; padding-right: 50px; position: relative; } .elementor-widget-button.arrow-right .elementor-button-content-wrapper, .elementor-widget-button.arrow-down .elementor-button-content-wrapper { transform: translateX(-6px); } .elementor-widget-button.arrow-right .elementor-button::after { width: 0; height: 0; position: absolute; top: 50%; right: 21px; transform: translateY(-50%); display: inline-block; border-top: 5px solid transparent !important; border-left: 10px solid #ffffff; border-bottom: 5px solid transparent !important; content: " "; } .elementor-widget-button.arrow-down .elementor-button::after { width: 0; height: 0; position: absolute; top: 50%; right: 21px; transform: translateY(-50%); display: inline-block; border-top: 8px solid #ffffff; border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; content: " "; } .elementor-widget-button.arrow-colored .elementor-button::after { border-color: #75c9da; } .elementor-widget-button.arrow-right .elementor-button .elementor-button-text, .elementor-widget-button.arrow-down .elementor-button .elementor-button-text { transform: translateY(1px); } .elementor-widget-button.arrow-right .elementor-button.elementor-size-xs, .elementor-widget-button.arrow-down .elementor-button.elementor-size-xs { padding-top: 5px; padding-bottom: 5px; border-radius: 14px !important; } .programm-teaser .elementor-button { width: 32px; height: 32px; padding: 0px !important; border-radius: 16px !important; } .programm-teaser .elementor-button .elementor-button-icon { flex: 1 1 100% !important; font-size: 22px !important; line-height: 28px !important; } .programm-teaser .elementor-widget-text-editor, .programm-teaser .elementor-widget-text-editor p { margin: 0px !important; } .programm-teaser h2 { margin: 0px !important; padding: 0px 0px 20px 0px !important; position: relative; } .programm-teaser h2::after { width: 70px; height: 2px; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); background-color: #e77d3d; content: " "; } @media(max-width: 1024px) { } @media(max-width: 767px) { } #anmeldung .wpforms-field { padding: 0px !important; } #anmeldung .wpforms-submit-container { padding: 0px !important; position: relative; } #anmeldung .wpforms-submit-container .elementor-button { width: 40px; height: 36px; padding: 0px !important; position: absolute; right: 0px; top: -128px; border: none; background-color: transparent; } #anmeldung .wpforms-submit-container .elementor-button::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 24px; line-height: 36px; color: #e77d3d; content: "\f105"; } #anmeldung .wpforms-form label.wpforms-error { display: none !important; } #anmeldung div.wpforms-container-full .wpforms-form ul li:last-of-type { color:#ffffff; } #anmeldung div.wpforms-container-full .wpforms-form .wpforms-field-label { padding-top:15px; } /* partner-carousel */ .pp-logo-carousel.swiper-container-autoheight .swiper-wrapper { height: 120px !important; } .pp-logo-carousel.swiper-container .swiper-slide, .pp-logo-carousel.swiper-container .swiper-slide div { height: 100%; } .pp-logo-carousel.swiper-container .swiper-slide div.pp-lc-logo { display: flex; justify-content: center; align-items: center; } .pp-logo-carousel.swiper-container .swiper-slide img { max-width: 180px; /*filter: grayscale(100%);*/ transition: all .3s; } .pp-logo-carousel.swiper-container .swiper-slide img:hover { /*filter: grayscale(0%);*/ } @media(max-width: 319px) { .pp-logo-carousel.swiper-container .swiper-slide img { max-width: 100%; } } /* slider startseite*/ .elementor-widget-slides .swiper-wrapper .swiper-slide-inner { } .elementor-widget-slides .swiper-wrapper .swiper-slide-inner .swiper-slide-contents { max-width: 1120px; padding: 0px 20px 0px 20px; } .elementor-widget-slides .swiper-wrapper .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading { line-height: 1.4; } @media(max-width: 1159px) { .elementor-widget-slides .swiper-wrapper .swiper-slide-inner .swiper-slide-contents { padding: 0px 40px 0px 40px; } } /* news preview list */ .news-preview { } .news-preview .items { display: grid; row-gap: 20px; column-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .news-preview .items .item { position: relative; } .news-preview .items .item .image { margin: 0px 0px 15px 0px; position: relative; text-align: center; line-height: 0px; font-size: 0px; } .news-preview .items .item .image a { height: 100%; display: block; } .news-preview .items .item .image a img { width: 500px; height: auto; display: inline-block; object-fit: cover; border-radius: 0px; } .news-preview .items .item .image .date { display: none; padding: 4px 5px 4px 5px; position: absolute; left: 20px; top: 20px; background-color: #ffffff; line-height: 1; font-size: 13px; z-index: 10; } .news-preview .items .item .content { position: relative; } .news-preview .items .item .content h4 { margin: 0px 0px 10px 0px; line-height: 1.3; } .news-preview .items .item .content h4 a, .news-preview .items .item .content h4 a:hover, .news-preview .items .item .content h4 a:active, .news-preview .items .item .content h4 a:focus { text-decoration: none; color: #000000; } .news-preview .items .item .content .place { padding: 0px 0px 10px 0px; } .news-preview .items .item .content .excerpt { margin: 0px 0px 10px 0px; font-size: 16px; } .news-preview .items .item .content .readmore { display: inline-block; font-weight: 700; text-decoration: none; } .news-preview .items .item .content .readmore .fas { margin: 0px 0px 0px 10px; display: inline-block; color: #e77d3d; } @media(max-width: 1024px) { } @media(max-width: 767px) { .news-preview .items { grid-template-columns: 1fr 1fr; } } @media(max-width: 499px) { .news-preview .items { grid-template-columns: 1fr; } } .newslist .uael-post__thumbnail img { border-radius: 10px; } /* pressemeldungen */ .press-releases-list { } .press-releases-list .year { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 2px solid #ececec; } .press-releases-list .year:last-child { margin: 0px; } .press-releases-list .year > h3 { margin: 0px; padding: 0px 0px 0px 34px; position: relative; font-size: 24px; font-weight: 700; color: #000000; cursor: pointer; } .press-releases-list .year > h3::before { position: absolute; left: 0px; top: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 24px; color: #e77d3d; content: "\f055"; } .press-releases-list .year > h3.active::before { content: "\f056"; } .press-releases-list .year .inner { display: none; margin: 8px 0px 0px 0px; } .press-releases-list .item { } .press-releases-list .item a { display: inline-block; text-decoration: underline; } .press-releases-list .item .date { padding: 0px 10px 0px 0px; display: inline-block; font-weight: 700; } /* pressemeldungen single */ /* body.single-press-release .elementor-location-header, body.single-press-release .elementor-location-footer { display: none; } body.single-press-release .elementor-widget-heading h1 { margin: 0px 0px 10px 0px; color: #000000; } body.single-press-release .elementor-widget-heading h1::after { display: none; } */ /* exhibitor single */ /* body.single-exhibitor .elementor-location-header, body.single-exhibitor .elementor-location-footer { display: none; } */ body.single-exhibitor .elementor-widget-heading h1 { margin: 0px 0px 10px 0px; color: #000000; } body.single-exhibitor .elementor-widget-heading h1::after { display: none; } .exhibitor-single-info .booth { margin: 0px 0px 40px 0px; } .exhibitor-single-info .address { margin: 0px 0px 30px 0px; } .exhibitor-single-info .contact { margin: 0px 0px 30px 0px; } .exhibitor-single-info .contact a { color: #000000; text-decoration: none; } .exhibitor-single-info .contact a i { width: 30px; display: inline-block; } .exhibitor-single-info .social { margin: 0px 0px 30px 0px; } .exhibitor-single-info .social a { margin: 0px 20px 20px 0px; display: inline-block; font-size: 30px; color: #000000; text-decoration: none; } .exhibitor-single-terms span { margin: 0px 5px 5px 0px; padding: 1px 6px 1px 6px; display: inline-block; border: 1px solid #979797; font-size: 13px; color: #000000; text-decoration: none; cursor: default; } /* speaker single */ body.single-speaker .elementor-location-header, body.single-speaker .elementor-location-footer { display: none; } .speaker-single-1 .image { width: 260px; height: 260px; margin: 0px auto 40px auto; } .speaker-single-1 .image img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; border-radius: 50%; transition: all .5s; } .speaker-single-1 .company-logo-mobile { display: none; width: 140px; height: 60px; margin: 0px auto 30px auto; } .speaker-single-1 .company-logo-mobile img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; } .speaker-single-1 .presentations {} .speaker-single-1 .presentation { margin: 0px 0px 10px 0px; } .speaker-single-1 .presentation .terms { margin: 5px 0px 0px 0px; } .speaker-single-1 .presentation .terms span { margin: 0px 5px 5px 0px; padding: 1px 6px 1px 6px; display: inline-block; border: 1px solid #979797; font-size: 13px; color: #000000; text-decoration: none; cursor: default; } .speaker-single-1 h1 { display: none; margin: 0px 0px 10px 0px; color: #000000; } .speaker-single-1 h1::after { display: none; } .speaker-single-2 h1 { margin: 0px 0px 10px 0px; color: #000000; } .speaker-single-2 h1::after { display: none; } .speaker-single-2 .company { margin: 0px 0px 40px 0px; } .speaker-single-2 .company-logo { width: 140px; height: 60px; margin: 0px 0px 30px 0px; } .speaker-single-2 .company-logo img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; } .speaker-single-2 .vita { margin: 0px 0px 30px 0px; } .speaker-single-2 .social { margin: 0px 0px 30px 0px; } .speaker-single-2 .social a { margin: 0px 20px 20px 0px; display: inline-block; font-size: 30px; color: #000000; text-decoration: none; } @media(max-width: 767px) { .speaker-single-1 .company-logo-mobile, .speaker-single-1 h1 { display: block; } .speaker-single-2 .company-logo, .speaker-single-2 h1 { display: none; } } /* popup für single-content, zb pressemeldung */ #popup-container { width: 100vw; height: 100vh; position: fixed; left: -9999px; top: -9999px; background-color: #ffffff; opacity: 0; transition: opacity 1s; z-index: 5000; } #popup-container.active { left: 0px; top: 0px; opacity: 1; } #popup-container .closebutton { display: inline-block; position: absolute; top: 30px; right: 40px; font-size: 50px; color: #9d9d9d; text-decoration: none; z-index: 5002; } #popup-container iframe { width: 100%; height: 100%; z-index: 5001; } /* partner gold, silber, bronze, medien */ .partnersection .elementor-widget-image { margin: 0px 0px 15px 0px; } .partnersection .elementor-widget-image .elementor-widget-container { height: 180px; padding: 30px; border: 1px solid #dadad9; border-radius: 10px; display: flex; justify-content: center; align-items: center; } .partnersection.gold .elementor-widget-image .elementor-widget-container { height: 240px; } .partnersection .elementor-widget-heading { margin: 0px 0px 30px 0px; } .partnersection.gold .elementor-widget-heading { margin: 0px 0px 10px 0px; } .partnersection .elementor-widget-heading h4 { padding-right: 20px; text-transform: none; } .partnersection.gold .elementor-widget-heading h4 { padding-right: 0px; } body:not(.elementor-editor-active) .partnersection .elementor-widget-text-editor.hovertext { display: none; width: calc(100% - 18px) !important; height: 182px !important; padding: 15px !important; position: absolute; left: 9px; top: 9px; border-radius: 10px; background-color: #ffffff; font-size: 16px; box-shadow: 0px 0px 6px 0px #dadad9; } .partnersection .elementor-widget-text-editor.hovertext .elementor-widget-container { height: 100%; display: flex; justify-content: flex-start; align-items: center; } .partnersection .elementor-widget-text-editor.hovertext .elementor-widget-container p:last-child { margin: 0px; } .partnersection .elementor-widget-button { width: 20px; position: absolute; right: 10px; top: 205px; display: inline-block; } .partnersection .elementor-widget-button .elementor-button { width: 20px; height: 20px; padding: 0px; border-radius: 10px; font-size: 13px; line-height: 20px; text-align: center; text-transform: none; } .partnersection .elementor-widget-button .elementor-button .elementor-button-content-wrapper { transform: translateY(-2px); } /* footer */ .footermenu b, .footermenu strong { padding: 0px 0px 2px 0px; display: inline-block; color: #ffffff; } .footermenu a { padding: 0px 0px 2px 0px; display: inline-block; color: #ffffff; text-decoration: none; } .footermenu a:hover, .footermenu a:active, .footermenu a:focus { color: #ffffff; text-decoration: none; } /* .swiper-container-wrap .swiper-button-prev, .swiper-container-wrap .swiper-button-next { width: 36px; height: 36px; background-repeat: no-repeat; } .swiper-container-wrap .swiper-button-prev { background-image: url(img/btn-bwd.png); } .swiper-container-wrap .swiper-button-next { background-image: url(img/btn-fwd.png); } .swiper-container-wrap .swiper-button-prev i, .swiper-container-wrap .swiper-button-next i { display: none; } @media(max-width: 1024px) { .swiper-container-wrap .swiper-button-prev { transform: translateX(15px) translateY(-50%); } .swiper-container-wrap .swiper-button-next { transform: translateX(-15px) translateY(-50%); } } */ /* programm list filter */ .programmlist-controls { max-width: 1140px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative; z-index: 11; } .programmlist-controls .controls1 { width: 100%; padding: 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .programmlist-controls .controls1 .col1 { flex: 0 1 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .programmlist-controls .filter-subevent { flex: 0 1 33%; padding: 0px 20px 20px 0px; } .programmlist-controls .filter-main-topic { flex: 0 1 33%; padding: 0px 20px 20px 0px; } .programmlist-controls .filter-date { flex: 0 1 33%; padding: 0px 20px 20px 0px; } .programmlist-controls .download { flex: 0 1 100%; padding: 0px 0px 20px 0px; position: relative; text-align: right; } .programmlist-controls .nice-select { max-width: 100%; height: 42px; padding: 0px 30px 0px 18px; background-color: #ffffff; border-radius: 21px; border: 2px solid #000000; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; float: none; font-size: 15px; font-weight: 700; line-height: 38px; outline: none; text-align: center !important; } .programmlist-controls .nice-select::after { width: auto; height: auto; margin: 0px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; border: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; font-size: 24px; color: #e77d3d; transform-origin: 50% 50% 0; transition: none; } .programmlist-controls .nice-select:hover, .programmlist-controls .nice-select:active, .programmlist-controls .nice-select:focus { border-color: #000000; } .programmlist-controls .nice-select.open { border-color: #000000; } .programmlist-controls .nice-select.open::after { transform: translateY(-50%); } .programmlist-controls .nice-select .current { text-transform: uppercase; letter-spacing: 1px; } .programmlist-controls .nice-select .list { width: 100%; margin: 5px 0px 0px 0px; background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; box-shadow: none; } .programmlist-controls .nice-select .option { min-height: 40px; padding: 0px 20px 0px 20px; cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; text-align: left; } .programmlist-controls .nice-select .option:hover, .programmlist-controls .nice-select .option.focus, .programmlist-controls .nice-select .option.selected.focus { background-color: #f6f6f6; } /* programm list */ .programmlist { margin: 0px 0px 100px 0px; } .programmlist .item { max-width: 1140px; margin: 30px auto 0px auto; padding: 30px 0px 0px 0px; border-top: 1px solid #979797; position: relative; } .programmlist .item:first-child, .programmlist .item.noborder { margin-top: 45px; padding-top: 0px; border-top: none; } .programmlist .item .subevent { margin: 0px 0px 15px 0px; padding: 5px 10px 5px 10px; background-color: #d4d800; } .programmlist .item .subevent.ihk-tagung { background-color: #dcaf8e; } .programmlist .item .subevent.ihk-conference { background-color: #dcaf8e; } .programmlist .item .subevent.n-tec-talks { background-color: #F39768; } .programmlist .item .subevent.laser-workshop-wn { background-color: #d4d800; } .programmlist .item .subevent.forestphotonics { background-color: #d5ad00; } .programmlist .item .subevent.epic-tech-watch { background-color: #e94e52; } .programmlist .item .itemhead { margin: 0px 0px 15px 0px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .programmlist .item .itemhead .info { flex: 0 1 70%; } .programmlist .item .itemhead .info h3 { font-weight: bold; margin: 0px; } .programmlist .item .itemhead .terms { flex: 0 1 30%; text-align: right; } .programmlist .item .itemhead .terms span { margin: 0px 0px 5px 5px; padding: 1px 6px 1px 6px; display: inline-block; border: 1px solid #979797; font-size: 13px; color: #000000; text-decoration: none; cursor: default; } .programmlist .item .itemhead .terms span.main-topic { padding: 2px 7px 2px 7px; border: none; } .programmlist .item .itemhead .terms span.main-topic.business-opportunities { background-color: #38B1B9; } .programmlist .item .itemhead .terms span.main-topic.new-technologies { background-color: #0082a7; } .programmlist .item .itemhead .terms span.main-topic.medical-technologies { background-color: #89C6CF; } .programmlist .item .itemhead .terms span.main-topic.applications { background-color: #77bc9d; } .programmlist .item .itemhead .terms span.main-topic.production-quality-assurance { background-color: #F6AD82; } .programmlist .item .itemhead .terms span.main-topic.industry-4-0 { background-color: #08af96; } .programmlist .item .itemhead .terms span.preference-term { } .programmlist .item > .inner { display: flex; justify-content: flex-start; align-items: flex-start; } .programmlist .item .images { flex: 0 1 auto; padding: 0px 40px 0px 0px; } .programmlist .item .images .image { width: 200px; height: 200px; margin: 0px 0px 20px 0px; position: relative; } .programmlist .item .images .image img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; position: relative; border-radius: 100px; transition: all .5s; z-index: 1; } .programmlist .item .images .image img:hover { } .programmlist .item .images .image .is-keynote { width: 50px; height: 50px; position: absolute; right: 0px; bottom: 0px; z-index: 10; } .programmlist .item .images .image .is-keynote img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; border-radius: 25px; } .programmlist .item .presentation-image { width: 200px; margin: 15px 0px 20px 0px; } .programmlist .item .presentation-image img { } .programmlist .item .content { flex: 1 1 auto; position: relative; z-index: 10; } .programmlist .item .content h2 { margin: 0px; font-size: 18px; font-weight: 700; color: #000000; } .programmlist .item .content .subtitle { margin: 0px 0px 10px 0px; font-size: 16px; } .programmlist .item .content .abstract { margin: 0px 0px 10px 0px; font-size: 16px; } .programmlist .item .content .speakers { font-size: 16px; } .programmlist .item .content .speakers .company { font-weight: 500; } .programmlist .item .company-logos { margin: 15px 0px 0px 0px; display: flex; justify-content: flex-start; align-items: center; } .programmlist .item .company-logos .company-logo { flex: 0 1 140px; height: 60px; margin: 0px 10px 10px 0px; } .programmlist .item .company-logos .company-logo img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; transition: all .5s; } .programmlist .item .company-logos .company-logo img:hover { } .programmlist .day-heading { margin: 50px 0px 0px 0px; padding: 25px 0px 25px 30px; background-color: #00919e; color: #ffffff; font-weight: 900; } .programmlist .day-heading .inner { max-width: 1140px; margin: 0px auto 0px auto; } .programmlist .break { max-width: 1140px; margin: 50px auto 0px auto; padding: 15px 0px 15px 30px; background-color: #000000; color: #ffffff; } .programmlist .no-result { display: none; margin: 50px 0px 0px 0px; padding: 50px 0px 50px 30px; background-color: #eaeaea; } .programmlist .no-result .inner { max-width: 1140px; margin: 0px auto 0px auto; } @media(max-width: 1024px) { .programmlist-controls > * { padding: 0px 20px 0px 20px; } } @media(max-width: 767px) { .programmlist-controls { display: block; } .programmlist-controls .filter-subevent { flex: 0 1 100%; padding: 0px 0px 20px 0px; } .programmlist-controls .filter-main-topic { flex: 0 1 100%; padding: 0px 0px 20px 0px; } .programmlist-controls .filter-date { flex: 0 1 100%; padding: 0px 0px 0px 0px; } } @media(max-width: 599px) { .programmlist .item .itemhead .info { flex: 0 1 100%; } .programmlist .item .itemhead .info h3 { margin-bottom: 20px; text-align: center; } .programmlist .item .itemhead .terms { flex: 0 1 100%; text-align: center; } .programmlist .item > .inner { display: block; } .programmlist .item .images { padding-right: 0px; } .programmlist .item .images .image { margin: 0px auto 20px auto; } .programmlist .item .presentation-image { margin: 0px auto 30px auto; } .programmlist .item .content h2 { text-align: center; } .programmlist .item .content .subtitle { text-align: center; } .programmlist .item .content .abstract { text-align: center; } .programmlist .item .content .speakers { text-align: center; } } /* exhibitor list controls */ .exhibitorlist-controls { max-width: 1140px; margin: 0px auto 20px auto; padding: 0px 20px 0px 20px; z-index: 11; } .exhibitorlist-controls .controls1 { width: 100%; padding: 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls .controls1 .col1 { flex: 0 1 70%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls .controls1 .col2 { flex: 0 1 30%; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls .controls2 { width: 100%; padding: 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls .controls2 .col1 { flex: 0 1 70%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls .controls2 .col2 { flex: 0 1 30%; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; } .exhibitorlist-controls.bottom { margin: 20px auto 0px auto; justify-content: flex-end; } .exhibitorlist-controls .filter-branche { flex: 0 1 50%; padding: 0px 20px 20px 0px; } .exhibitorlist-controls .filter-area { flex: 0 1 50%; padding: 0px 20px 20px 0px; } .exhibitorlist-controls .filter-text { flex: 0 1 80%; padding: 0px 0px 20px 0px; position: relative; } .exhibitorlist-controls .filter-text input[type="text"] { width: 100%; margin: 0px; padding: 0px 40px 0px 10px; position: relative; border: 1px solid #d8d8d8; border-radius: 5px; background-color: #ffffff; font-size: 15px; line-height: 40px; outline: none; z-index: 1;} .exhibitorlist-controls .filter-text button { width: 40px; height: 42px; padding: 0px; position: absolute; top: 0px; right: 0px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; color: #ffffff; background-color: #e77d3d; font-size: 16px; line-height: 40px; z-index: 2; } .exhibitorlist-controls .filter-reset { flex: 0 1 25%; padding: 0px 20px 20px 0px; position: relative; } .exhibitorlist-controls .filter-reset button { width: 100%; } .exhibitorlist-controls .filter-reset button span:first-child { position: relative; display: inline-block; transform: translateX(-10px) translateY(-1px); } .exhibitorlist-controls .filter-reset button .icon { position: absolute; top: 12px; right: 18px; font-size: 16px; } .exhibitorlist-controls .nice-select { width: 100%; height: 42px; padding: 0px 30px 0px 18px; background-color: #ffffff; border-radius: 21px; border: 2px solid #000000; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; float: none; font-size: 15px; font-weight: 700; line-height: 38px; outline: none; text-align: center !important; } .exhibitorlist-controls .nice-select::after { width: auto; height: auto; margin: 0px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; border: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; font-size: 24px; color: #e77d3d; transform-origin: 50% 50% 0; transition: none; } .exhibitorlist-controls .nice-select:hover, .exhibitorlist-controls .nice-select:active, .exhibitorlist-controls .nice-select:focus { border-color: #000000; } .exhibitorlist-controls .nice-select.open { border-color: #000000; } .exhibitorlist-controls .nice-select.open::after { transform: translateY(-50%); } .exhibitorlist-controls .nice-select .current { text-transform: uppercase; letter-spacing: 1px; } .exhibitorlist-controls .nice-select .list { width: 100%; margin: 5px 0px 0px 0px; background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; box-shadow: none; } .exhibitorlist-controls .nice-select .option { min-height: 40px; padding: 0px 20px 0px 20px; cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; text-align: left; } .exhibitorlist-controls .nice-select .option:hover, .exhibitorlist-controls .nice-select .option.focus, .exhibitorlist-controls .nice-select .option.selected.focus { background-color: #f6f6f6; } .exhibitorlist-controls .pagination { flex: 0 1 auto; display: flex; justify-content: flex-start; align-items: center; } .exhibitorlist-controls .pagination .info1 { flex: 0 1 auto; padding-right: 10px; color: #000000; } .exhibitorlist-controls .pagination .page-index { flex: 0 1 auto; width: 50px; padding: 10px 5px 10px 5px; border: 1px solid #d8d8d8; border-radius: 5px; color: #000000; text-align: center; } .exhibitorlist-controls .pagination .prev, .exhibitorlist-controls .pagination .next { flex: 0 1 auto; padding: 10px; display: block; font-size: 26px; color: #e77d3d; text-decoration: none; } .exhibitorlist-controls .pagination .prev:hover, .exhibitorlist-controls .pagination .next:hover { color: #e77d3d; text-decoration: none; } .exhibitorlist-controls .pagination .prev.disabled, .exhibitorlist-controls .pagination .next.disabled, .exhibitorlist-controls .pagination .prev.disabled:hover, .exhibitorlist-controls .pagination .next.disabled:hover { color: #d8d8d8; } .exhibitorlist-controls .pagination .info2 { flex: 0 1 auto; padding-left: 10px; color: #000000; } @media(max-width: 1024px) { .exhibitorlist-controls .filter-branche { flex: 0 1 80%; } .exhibitorlist-controls .filter-area { flex: 0 1 80%; } .exhibitorlist-controls .filter-text { flex: 0 1 100%; } } @media(max-width: 767px) { .exhibitorlist-controls { display: block; } .exhibitorlist-controls .controls1, .exhibitorlist-controls .controls1 .col1, .exhibitorlist-controls .controls1 .col2 { width: 100%; display: block; } .exhibitorlist-controls .controls2, .exhibitorlist-controls .controls2 .col1, .exhibitorlist-controls .controls2 .col2 { width: 100%; display: block; } .exhibitorlist-controls .filter-branche, .exhibitorlist-controls .filter-area, .exhibitorlist-controls .filter-reset { padding-right: 0px; } .exhibitorlist-controls .filter-reset { width: 70%; margin: 0px auto; } .exhibitorlist-controls .pagination { justify-content: center; } } /* exhibitor list navi */ .exhibitorlist-navi { padding: 8px 0px 8px 0px; background-color: #000000; z-index: 10; } .exhibitorlist-navi.exhibitorlist-navi-sticky { display: none; position: fixed; top: 0px; left: 0px; right: 0px; } .exhibitorlist-navi .inner { max-width: 1140px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; } .exhibitorlist-navi .navi-item { margin: 0px; padding: 8px; display: inline-block; line-height: 14px; font-size: 14px; color: #ffffff; text-decoration: none; } .exhibitorlist-navi .navi-item:hover { color: #ffffff; text-decoration: none; } .exhibitorlist-navi .navi-item.active, .exhibitorlist-navi .navi-item.active:hover { text-decoration: underline; } .exhibitorlist-navi .navi-item.disabled, .exhibitorlist-navi .navi-item.disabled:hover { color: #777777; text-decoration: none; } /* exhibitor list*/ .exhibitorlist { margin-top: -30px; z-index: 1; } .exhibitorlist .letter-heading { margin: 30px 0px 0px 0px; padding: 30px 0px 30px 0px; background-color: #00919e; font-size: 30px; font-weight: 700; color: #ffffff; } .exhibitorlist .letter-heading .inner { max-width: 1140px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; } .exhibitorlist .no-result { display: none; margin: 30px 0px 0px 0px; padding: 50px 0px 50px 30px; background-color: #eaeaea; } .exhibitorlist .no-result .inner { max-width: 1140px; margin: 0px auto 0px auto; } .exhibitorlist .item { max-width: 1140px; margin: 30px auto 0px auto; padding: 30px 20px 0px 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: no-wrap; border-top: 1px solid #979797; } .exhibitorlist .item.noborder { margin-top: 0px; border-top: none; } .exhibitorlist .item .image { flex: 0 0 14%; position: relative; } .exhibitorlist .item .image .inner { width: 100%; height: 100px; display: block; text-align: center; font-size: 10px; } .exhibitorlist .item .image img { width: 100%; height: 100%; max-width: none; object-fit: contain; display: inline-block; transition: all .5s; } .exhibitorlist .item .image img:hover { } .exhibitorlist .item .content { flex: 0 0 26%; padding: 0px 0px 0px 30px; } .exhibitorlist .item .content h5 { margin: 0px 0px 10px 0px; } .exhibitorlist .item .content .address { padding: 0px 0px 10px 0px; } .exhibitorlist .item .content .stand { color: #878786; } .exhibitorlist .item .content p { margin: 0px; } .exhibitorlist .item .terms1 { flex: 0 0 23%; padding: 0px 0px 0px 30px; } .exhibitorlist .item .terms1 img { max-width: 35px; margin: 0px 5px 5px 0px; display: inline-block; } .exhibitorlist .item .terms2 { flex: 0 0 23%; padding: 0px 0px 0px 30px; } .exhibitorlist .item .terms2 span { margin: 0px 5px 5px 0px; padding: 1px 6px 1px 6px; display: inline-block; border: 1px solid #979797; font-size: 13px; color: #000000; text-decoration: none; cursor: default; } .exhibitorlist .item .link { flex: 0 0 14%; text-align: right; } @media(max-width: 767px) { .exhibitorlist .item { display: block; } .exhibitorlist .item .image { padding: 0px 0px 0px 0px; } .exhibitorlist .item .content { padding: 20px 0px 0px 0px; } .exhibitorlist .item .terms1 { padding: 20px 0px 0px 0px; } .exhibitorlist .item .terms2 { padding: 20px 0px 0px 0px; } .exhibitorlist .item .link { padding: 20px 0px 0px 0px; text-align: center; } } /* speaker list controls */ .speakerlist-controls { max-width: 1140px; margin: 0px auto 30px auto; padding: 0px 20px 0px 20px; z-index: 11; } .speakerlist-controls .controls1 { width: 100%; padding: 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .speakerlist-controls .controls1 .col1 { flex: 0 1 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .speakerlist-controls .controls2 { width: 100%; padding: 0px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .speakerlist-controls .controls2 .col1 { flex: 0 1 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .speakerlist-controls.bottom { margin: 20px auto 0px auto; justify-content: flex-end; } .speakerlist-controls .filter-branche { flex: 0 1 25%; padding: 0px 20px 20px 0px; } .speakerlist-controls .filter-text { flex: 0 1 25%; padding: 0px 20px 20px 0px; position: relative; } .speakerlist-controls .filter-text input[type="text"] { width: 100%; margin: 0px; padding: 0px 20px 0px 10px; position: relative; border: 1px solid #d8d8d8; border-radius: 5px; background-color: #ffffff; font-size: 15px; line-height: 40px; outline: none; z-index: 1;} .speakerlist-controls .filter-text button { width: 40px; height: 42px; padding: 0px; position: absolute; top: 0px; right: 20px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; color: #ffffff; background-color: #e77d3d; font-size: 16px; line-height: 40px; z-index: 2; } .speakerlist-controls .filter-reset { flex: 0 1 18%; padding: 0px 20px 20px 0px; position: relative; } .speakerlist-controls .filter-reset button { width: 100%; } .speakerlist-controls .filter-reset button span:first-child { position: relative; display: inline-block; transform: translateX(-10px) translateY(-1px); } .speakerlist-controls .filter-reset button .icon { position: absolute; top: 12px; right: 18px; font-size: 16px; } .speakerlist-controls .nice-select { width: 100%; height: 42px; padding: 0px 30px 0px 18px; background-color: #ffffff; border-radius: 21px; border: 2px solid #000000; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; float: none; font-size: 15px; font-weight: 700; line-height: 38px; outline: none; text-align: center !important; } .speakerlist-controls .nice-select::after { width: auto; height: auto; margin: 0px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; border: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; font-size: 24px; color: #e77d3d; transform-origin: 50% 50% 0; transition: none; } .speakerlist-controls .nice-select:hover, .speakerlist-controls .nice-select:active, .speakerlist-controls .nice-select:focus { border-color: #000000; } .speakerlist-controls .nice-select.open { border-color: #000000; } .speakerlist-controls .nice-select.open::after { transform: translateY(-50%); } .speakerlist-controls .nice-select .current { text-transform: uppercase; letter-spacing: 1px; } .speakerlist-controls .nice-select .list { width: 100%; margin: 5px 0px 0px 0px; background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; box-shadow: none; } .speakerlist-controls .nice-select .option { min-height: 40px; padding: 0px 20px 0px 20px; cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; text-align: left; } .speakerlist-controls .nice-select .option:hover, .speakerlist-controls .nice-select .option.focus, .speakerlist-controls .nice-select .option.selected.focus { background-color: #f6f6f6; } .speakerlist-controls .pagination { flex: 0 1 auto; display: flex; justify-content: flex-start; align-items: center; } .speakerlist-controls .pagination .info1 { flex: 0 1 auto; padding-right: 10px; color: #000000; } .speakerlist-controls .pagination .page-index { flex: 0 1 auto; width: 50px; padding: 10px 5px 10px 5px; border: 1px solid #d8d8d8; border-radius: 5px; color: #000000; text-align: center; } .speakerlist-controls .pagination .prev, .speakerlist-controls .pagination .next { flex: 0 1 auto; padding: 10px; display: block; font-size: 26px; color: #e77d3d; text-decoration: none; } .speakerlist-controls .pagination .prev:hover, .speakerlist-controls .pagination .next:hover { color: #e77d3d; text-decoration: none; } .speakerlist-controls .pagination .prev.disabled, .speakerlist-controls .pagination .next.disabled, .speakerlist-controls .pagination .prev.disabled:hover, .speakerlist-controls .pagination .next.disabled:hover { color: #d8d8d8; } .speakerlist-controls .pagination .info2 { flex: 0 1 auto; padding-left: 10px; color: #000000; } @media(max-width: 1024px) { .speakerlist-controls .filter-branche { flex: 0 1 30%; } .speakerlist-controls .filter-text { flex: 0 1 30%; } } @media(max-width: 767px) { .speakerlist-controls { display: block; } .speakerlist-controls .controls1, .speakerlist-controls .controls1 .col1 { width: 100%; display: block; } .speakerlist-controls .controls2, .speakerlist-controls .controls2 .col1 { width: 100%; display: block; } .speakerlist-controls .filter-branche, .speakerlist-controls .filter-text, .speakerlist-controls .filter-reset { width: 100%; margin: 0px auto; padding: 0px 0px 20px 0px; } .speakerlist-controls .filter-reset { width: 70%; } .speakerlist-controls .filter-text button { right: 0px; } .speakerlist-controls .pagination { justify-content: center; } } /* speaker list navi */ .speakerlist-navi { padding: 8px 0px 8px 0px; background-color: #000000; z-index: 10; } .speakerlist-navi.speakerlist-navi-sticky { display: none; position: fixed; top: 0px; left: 0px; right: 0px; } .speakerlist-navi .inner { max-width: 1140px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; } .speakerlist-navi .navi-item { margin: 0px; padding: 8px; display: inline-block; line-height: 14px; font-size: 14px; color: #ffffff; text-decoration: none; } .speakerlist-navi .navi-item:hover { color: #ffffff; text-decoration: none; } .speakerlist-navi .navi-item.active, .speakerlist-navi .navi-item.active:hover { text-decoration: underline; } .speakerlist-navi .navi-item.disabled, .speakerlist-navi .navi-item.disabled:hover { color: #777777; text-decoration: none; } /* speaker list*/ .speakerlist { margin-top: -30px; z-index: 1; } .speakerlist .letter-heading { margin: 30px 0px 0px 0px; padding: 30px 0px 30px 0px; background-color: #00919e; font-size: 30px; font-weight: 700; color: #ffffff; } .speakerlist .letter-heading .inner { max-width: 1140px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; } .speakerlist .no-result { display: none; margin: 30px 0px 0px 0px; padding: 50px 0px 50px 30px; background-color: #eaeaea; } .speakerlist .no-result .inner { max-width: 1140px; margin: 0px auto 0px auto; } .speakerlist .item { max-width: 1140px; margin: 30px auto 0px auto; padding: 30px 20px 0px 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: no-wrap; border-top: 1px solid #979797; } .speakerlist .item.noborder { margin-top: 0px; border-top: none; } .speakerlist .item .image { flex: 0 0 200px; position: relative; } .speakerlist .item .image .speaker { width: 200px; height: 200px; margin: 0px auto 20px auto; } .speakerlist .item .image .speaker img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; border-radius: 100px; transition: all .5s; } .speakerlist .item .image .company-logo { width: 140px; height: 60px; margin: 0px auto; text-align: center; } .speakerlist .item .image .company-logo img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; display: inline-block; } .speakerlist .item .content { flex: 0 1 auto; padding: 0px 0px 0px 30px; } .speakerlist .item .content h3.name { margin: 0px; font-size: 18px; font-weight: 700; } .speakerlist .item .content .company { padding: 0px 0px 10px 0px; font-size: 16px; font-weight: 500; } .speakerlist .item .content .company .jobtitle { font-weight: normal; } .speakerlist .item .content .presentations { } .speakerlist .item .content .presentations .presentation { margin: 0px 0px 20px 0px; } .speakerlist .item .content .presentations .presentation h5 { margin: 0px; font-size: 16px; font-weight: 500; } .speakerlist .item .content .presentations .presentation .title { font-size: 16px; } .speakerlist .item .content .presentations .presentation .subtitle { font-size: 16px; color: #757575; } .speakerlist .item .content .presentations .presentation .terms { margin: 5px 0px 0px 0px; } .speakerlist .item .content .presentations .presentation .terms span { margin: 0px 5px 5px 0px; padding: 1px 6px 1px 6px; display: inline-block; border: 1px solid #979797; font-size: 13px; color: #000000; text-decoration: none; cursor: default; } .speakerlist .item .content p { margin: 0px; } @media(max-width: 767px) { .speakerlist .item { display: block; } .speakerlist .item .image { padding: 0px 0px 0px 0px; } .speakerlist .item .content { padding: 20px 0px 0px 0px; } } /* Styles Language-switch WPML */ .elementor-location-header .elementor-column .wpml-ls, .elementor-location-header .elementor-column .wpml-ls a { background: none !important; color: #ffffff; text-decoration: none; border: none; padding-left: 5px; font-size: 16px; } .elementor-location-header .elementor-column .wpml-ls { width: 60px; } .elementor-location-header .elementor-column .wpml-ls a { padding-top: 2px; padding-right: 20px; } .elementor-location-header .elementor-column .wpml-ls li:hover { background: rgba(255,255,255,0.1); } .elementor-location-header .elementor-column .wpml-ls ul { border:none !important; } .elementor-location-header .elementor-column .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { color: #e77d3d; display: inline-block; border: none; position: absolute; right: 10px; top: calc(50% - 8px); font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; line-height: 1; font-variant: normal; text-rendering: auto; content: "\f0d7"; } #ast-scroll-top { background-color: #E77D3D !important; } html[lang="en-US"] .hide-on-en { display: none !important; } html[lang="de-DE"] .hide-on-de { display: none !important; }