/* Markentrainer Werbeagentur GmbH Redesign Theobald Software Dezember 2019 '########:'##::::'##:'########:::::'######:::::'###::::'##:::'##:'########::::'####::'######::::::::'###:::::::'##:::::::'####:'########: ... ##..:: ##:::: ##: ##.....:::::'##... ##:::'## ##::: ##::'##:: ##.....:::::. ##::'##... ##::::::'## ##:::::: ##:::::::. ##:: ##.....:: ::: ##:::: ##:::: ##: ##:::::::::: ##:::..:::'##:. ##:: ##:'##::: ##::::::::::: ##:: ##:::..::::::'##:. ##::::: ##:::::::: ##:: ##::::::: ::: ##:::: #########: ######:::::: ##:::::::'##:::. ##: #####:::: ######::::::: ##::. ######:::::'##:::. ##:::: ##:::::::: ##:: ######::: ::: ##:::: ##.... ##: ##...::::::: ##::::::: #########: ##. ##::: ##...:::::::: ##:::..... ##:::: #########:::: ##:::::::: ##:: ##...:::: ::: ##:::: ##:::: ##: ##:::::::::: ##::: ##: ##.... ##: ##:. ##:: ##::::::::::: ##::'##::: ##:::: ##.... ##:::: ##:::::::: ##:: ##::::::: ::: ##:::: ##:::: ##: ########::::. ######:: ##:::: ##: ##::. ##: ########::::'####:. ######::::: ##:::: ##:::: ########:'####: ########: :::..:::::..:::::..::........::::::......:::..:::::..::..::::..::........:::::....:::......::::::..:::::..:::::........::....::........:: */ :root { --theomary: #ED1A33;/*#FF003C;*/ --theodary: #3B3B3C; --theothird: #efefef; --einTheo: 3.125vw; /*bei 1920px -> 60px */ } .smooth-scrolling { scroll-behavior: smooth; } /* source-code-pro-regular - latin */ @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: url('../fonts/source-code-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'), url('../fonts/source-code-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-code-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-code-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-code-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-code-pro-v11-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */ } /*Pfeil Icons für Dropdowns etc */ @font-face { font-family: 'theo-icons'; src: url('../fonts/theo-icons.ttf?x072ff') format('truetype'), url('../fonts/theo-icons.woff?x072ff') format('woff'), url('../fonts/theo-icons.svg?x072ff#theo-icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'theobald-icons'; src: url('../fonts/theobald-icons.ttf?p1rlpr') format('truetype'), url('../fonts/theobald-icons.woff?p1rlpr') format('woff'), url('../fonts/theobald-icons.svg?p1rlpr#theobald-icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @import url("https://p.typekit.net/p.css?s=1&k=qsu4vdu&ht=tk&f=34402.34403.34404.34405.34406.34407.34408.34409.34410.34411.34412.34431.34432.34433.34434.34435&a=83669093&app=typekit&e=css"); /*Pseudoelemente before, after*/ /* Headline Klammern */ h2:before, h5:before, .fusion-button-text:before { content: '<'; color: var(--theomary); } h2:after, h5:after, .fusion-button-text:after { content: '>'; color: var(--theomary); } /* Code Block Code Auzug*/ .codeblock { overflow:visible !important; } .codeblock:before, .feature .fusion-imageframe:before { content: ''; background-image: url(/wp-content/uploads/2019/redesign/codeblock-en.svg); background-size: contain; background-repeat: no-repeat; position: absolute; opacity: .1; left: 0; top: 0; /*left: -20%; top: -25%;*/ width: 100%; height: 100%; max-width: 400px; max-height: 300px; z-index: -1; pointer-events: none; transform: translate(-25%,-50%); } html[lang = "de-DE"] .codeblock:before, html[lang = "de-DE"] .feature .fusion-imageframe:before { background-image: url(/wp-content/uploads/2019/redesign/codeblock.svg); } .codeblock.home-video-container:before { left: 10%; top:25%; z-index: 1; } .codeblock.leichtrechts:before { left: 50%; top: 0; transform: none; } .codeblock.leichtlinks:before, .feature.leichtlinks .fusion-imageframe:before{ left: inherit; right:50%; /*top: 10%; transform: none;*/ } /*Social Icons*/ #custom_html-4 { margin-bottom: 0; } .theobald-icon { font-family: 'theobald-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #bababa; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .theobald-icon-instagram:before { content: "\e902"; } .theobald-icon-linkedin:before { content: "\e903"; } .theobald-icon-twitter:before { content: "\e904"; } .theobald-icon-xing:before { content: "\e905"; } .theobald-icon-youtube:before { content: "\e906"; } .theobald-icon-blog:before { content: "\e907"; } .theobald-icon-facebook:before { content: "\e908"; } .social-menu { list-style: none; padding: 0; margin:0; } .social-menu .social-menu-item { display: inline-block; } .social-menu .social-menu-item:not(:last-child) { padding-right: 20px; } .social-menu a:hover .theobald-icon { color: #3b3b3c; } .fusion-widget-area .widget_nav_menu .menu li:last-child { padding-right: 0; } /*Graph Trenner */ .graph-trenner:after, /*#intro:after,*/ #success-stories:after { content: ''; background-image: url(/wp-content/uploads/2019/redesign/geometrix3-white.svg); background-repeat: no-repeat; background-size: 100%; background-position-y: 100%; position: absolute; bottom: 0; left: 0; width: 100vw; height: 200px; z-index: 98; transform: translateY(30%); } .graph-trenner.gray:after, #success-stories.gray:after { background-image: url(/wp-content/uploads/2019/redesign/geometrix3-gray.svg); } /*img volle Breite Trenner */ .img-trenner img { width: 100vw; } /* Trial Download Formular abdunkeln overlay */ #trial-footer:before, .overlay-dark:before { content: ''; position: absolute; height:100%; width: 100%; top:0; left: 0; background-color: rgba(0,0,0,.6); } /*Intro "Sprechblase" */ #intro .fusion_builder_column_1_4 /*#intro .home-blase*/ { position: absolute; z-index: 2; padding: 60px; left: calc(25% - 250px); top: 50%; border-radius: 60px 0 60px 60px; background-color: rgba(255,255,255, .7); transform: translateY(-50%); min-width: 535px; box-shadow: 0 0 30px rgba(0,0,0, .16); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); } #intro .home-blase { position: relative; background-color: transparent; box-shadow: none; top:inherit; /*padding: 0;*/ transform: translateY(0); left: inherit; /*width: auto !important;*/ margin: 0 0 50px 0 !important; } #intro.home > div { display: flex; justify-content: center; min-height: 66vh; height: 80vh; max-height: 90vh; } #intro.home h2{ font-size: clamp(36px, 5vw,100px) !important; /*100px*/ } #intro.home > div > div > .fusion-column-wrapper { padding-top: 6vw !important; } #intro.home h1 { color: var(--theodary); } #intro .fusion_builder_column_1_4.home-blase { min-width: 650px; top: 40%; } #intro .fusion_builder_column_1_4 p:last-child, #intro .fusion_builder_column_1_4 .fusion-title, #intro .fusion_builder_column_1_4 .typewrite_headline { margin-bottom: 0!important; } #intro .fusion_builder_column_1_4 h1, #intro .fusion_builder_column_1_4 h3{ color: var(--theomary) !important; } #intro .typewrite_headline, #intro .fusion_builder_column_1_4 h1, #intro .fusion_builder_column_1_4 h3, #intro .fusion_builder_column_1_4 p, #intro + div .typewrite_headline{ text-align: center; } .fusion-imageframe img { pointer-events: none; } .fusion-imageframe .fusion-lightbox img { pointer-events: inherit; } #intro .fusion-imageframe img { max-height:65vh; object-fit: cover; } #intro .product-header .fusion-imageframe img { max-height:inherit; } /* Home Video Header */ .home-header-video { width: 100%; } @media screen and (min-width: 1024px) { .home-header-video.mobil { display: none; } } @media screen and (max-width: 1023px) { .home-header-video.desktop { display: none; } } /*Länderspezifische Ausblendungen */ .usd-hidden { display: none !important; } body.de .usd-hidden, body.at .usd-hidden, body.ch .usd-hidden, body.be .usd-hidden, body.bg .usd-hidden, body.dk .usd-hidden, body.ee .usd-hidden, body.fi .usd-hidden, body.fr .usd-hidden, body.gr .usd-hidden, body.ie .usd-hidden, body.it .usd-hidden, body.hr .usd-hidden, body.lv .usd-hidden, body.lt .usd-hidden, body.lu .usd-hidden, body.mt .usd-hidden, body.nl .usd-hidden, body.at .usd-hidden, body.pl .usd-hidden, body.pt .usd-hidden, body.ro .usd-hidden, body.sm .usd-hidden, body.se .usd-hidden, body.sk .usd-hidden, body.si .usd-hidden, body.es .usd-hidden, body.cz .usd-hidden, body.hu .usd-hidden, body.gb .usd-hidden, body.va .usd-hidden, body.fo .usd-hidden, body.cy .usd-hidden, body.li .usd-hidden, body.no .usd-hidden,body.is .usd-hidden{ display: inline-block !important; } /*Allgemein */ /*Typo stylesheet: */ body { overflow-x: hidden; } body, p { font-family: gineso-extended, sans-serif !important; font-weight: 500; } p, .fusion-checklist .fusion-li-item-content, .tfs-slider .slide-content-container .slide-content h6, #wrapper .fusion-accordian .panel-title .fusion-toggle-heading, .panel-body.toggle-content { font-size: calc(18px + (24 - 18) * ((100vw - 1023px) / (1920 - 1023))) !important; } body p span.p-caption, .p-caption{ font-size: 14px !important; color: #bababa !important; } .fusion-text.white { color: white !important; margin-bottom: 0 !important; } .no-border-radius img { border-radius: 0; } #geo-ip-form-lead, #geo-ip-iso-code, #form-page-id, .hidden-field, #webinar-list, /*#webinar,*/ #webinar-stoererbox.ausblenden { display: none; } .flex > .fusion-builder-row { display:flex; } .flex-wrap > .fusion-builder-row { flex-wrap: wrap; } .flex .flex-end { align-self: flex-end; } .flex .flex-start { align-self: flex-start; } /*Webinar Störerbox*/ #webinar-stoererbox { position: fixed; bottom: 5%; right: 3%; width: 33vw; border: 2px solid var(--theodary)!important; border-radius: 0 30px 30px 30px!important; max-width: 500px; overflow: hidden; z-index: 9999999; opacity: 0; animation: show-up .5s 7s forwards; } #webinar-stoererbox .fusion-title h5 { font-size: 30px !important; } #webinar-stoererbox .fusion-portfolio-content h2, #webinar-stoererbox .fusion-portfolio-content h2 a, #webinar-stoererbox .fusion-portfolio-content p { font-size: 20px !important; } #webinar-stoererbox .fusion-portfolio-wrapper { max-height: 350px; display: flex !important; flex-direction: column; } .close-webinar { cursor: pointer; font-family: 'Poppins Bold 700'; position: absolute; right: 20px; top: 15px; z-index: 2; } .close-webinar:hover { color: var(--theomary); } #webinar-stoererbox .fusion-portfolio-post .fusion-portfolio-content-wrapper { box-shadow: none!important; } /*Webinar*/ #today{ display: none; } /*Webinar Seite Filter */ .dropdown{ text-align: center; margin: 20px 0 60px 0; } .dropdown-box{ font-family: 'Poppins Bold 700'; position: relative; display: inline-block; padding: 5px 20px; width: 300px; border: 2px solid var(--theodary); border-radius: 99px; margin: 0 15px; cursor: pointer; text-align: left; } .dropdown-content{ display: none; position: absolute; background-color: #FFFFFF; z-index: 15; list-style: none; margin: 0; text-align: left; left: 0; margin-top: 5px; width: 165px; border: 1px solid #969595; margin-left: -1px; } .dropdown-content span{ margin: 0 !important; width: 100%; } .dropdown-content span a{ width: 100%; padding: 5px 16px; border: none; text-align: left; color: var(--theodary) !important; } .dropdown-content span.fusion-active a, .dropdown-content span:hover a{ color: var(--theomary) !important; } .dropdown-box:hover .dropdown-content { display: block; width: calc(100% + 4px); top: -1px; left: -1px; margin-top: 0; border: 3px solid var(--theodary); border-radius: 25px; } #main-dropdown .dropdown-content .fusion-filters { margin-bottom: 0 !important; border:none !important; } .fusion-open-submenu { top: 0; height: 100% !important; max-height: 60px; } #main-dropdown .select-arrow:before, .fusion-open-submenu:before { content: '\e900'; font-family: 'theo-icons'; position:absolute; width: 49px; right: 0; top:50%; font-size: 15px; color: var(--theodary); line-height: 1; transform: translateY(-50%); } .fusion-open-submenu:before { position: relative; color:#bababa; top: 0; transform:none; } .fusion-text ul li, .panel-body ul li{ list-style: none; position: relative; } .fusion-text ul li:before, .panel-body ul li:before, ul.sub-menu.fusion-sub-menu-open li a:before { content: '>'; font-family: 'Poppins bold 700'; color: var(--theomary); position: absolute; left: -30px; transform: scale(1.25); } li.fusion-mobile-nav-item li li a:before { content: '>>' !important; } ul.sub-menu.fusion-sub-menu-open li a:before { color: #bababa; padding-right:5px; left:inherit; position: relative; } #partner .fusion-portfolio, #team .fusion-portfolio { overflow: visible; } #partner .fusion-filters/*, #team .fusion-filters*/ { display: none !important; } #partner .fusion-portfolio-wrapper { height: auto !important; } #kein-partner, #kein-download { display: none; opacity: 0; transition: opacity ease .3s .3s; } #kein-partner.anzeigen, #kein-download.anzeigen { display: block; opacity: 1; } .img-border-radius { border-radius: 0 30px 30px; box-shadow: 0 3px 30px rgba(0,0,0, .16); } /*Team Filter */ #team { overflow: hidden; } #team .fusion-filters { font-family: 'Poppins Bold 700'; border: none; display: flex; flex-wrap: wrap; justify-content: center; } #team .fusion-filters li { padding: 0 20px; } #team .fusion-filters li a { color: var(--theodary); } #team .fusion-filters li:hover a, #team .fusion-filters li.fusion-active a { color: var(--theomary); } #team .fusion-filters li.fusion-active a { border: none; } #partner .fusion-portfolio-content-wrapper .fusion-image-wrapper, #team .fusion-portfolio-content-wrapper .fusion-image-wrapper { border-radius: 0 30px 30px 30px; } #partner .fusion-portfolio-content-wrapper .fusion-image-wrapper { padding-top: calc((100% + 30px) * 0.4 - 15px)!important; } #partner .fusion-portfolio-post{ position: static !important; transform: none !important; } #filter-container > div > .no-select .fusion-column-wrapper:after, #filter-select > div > .no-select .fusion-column-wrapper:after, #filter-select > div > .no-select .fusion-column-wrapper:after { display: none !important; } #events { scroll-padding-top: 100px; } #events .fusion-element-grid .fusion-masonry-element-container{ background-size: 100% !important; background-position: 0 0; } #events .fusion-filter.fusion-active a{ border-top: none; line-height: 34px; } #events .fusion-portfolio{ overflow: visible !important; } #events .fusion-portfolio-content { min-height: 138px; } #events .portfolio-content div ul, .filler{ visibility: hidden; height: 0; } #events ul.fusion-filters { border: none; text-align: center; } #events ul.fusion-filters .fusion-filter { font-family: 'Poppins Bold 700'; display: inline-block; float: inherit; margin: 0 15px; } #events ul.fusion-filters .fusion-filter a { color: var(--theodary) !important; } #events ul.fusion-filters .fusion-filter.fusion-active a, #events ul.fusion-filters .fusion-filter:hover a { color:var(--theomary) !important; } #events .fusion-portfolio-wrapper { display: flex !important; flex-wrap: wrap; } #events .fusion-portfolio-wrapper .fusion-portfolio-post.fusion-element-grid { position: relative !important; left: inherit !important; top: inherit !important; } #events .altes-ew, #webinar-teaser .altes-ew { display:none; } #wrapper .fusion-portfolio-wrapper .fusion-rollover h4{ visibility: hidden; } #wrapper .fusion-portfolio-wrapper .fusion-portfolio-post:hover .fusion-rollover{ opacity: 0; } #wrapper .fusion-portfolio-text.fusion-portfolio-layout-masonry.fusion-portfolio-rollover .fusion-portfolio-post .fusion-portfolio-content-wrapper:hover .fusion-portfolio-content, #wrapper .fusion-portfolio-text.fusion-portfolio-masonry.fusion-portfolio-rollover .fusion-portfolio-post .fusion-portfolio-content-wrapper:hover .fusion-portfolio-content { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .fusion-portfolio-post .fusion-portfolio-content-wrapper { border-radius: 0 30px 30px 30px; box-shadow: 0 3px 30px rgba(0,0,0 , .16); } .fusion-portfolio-content { padding-left:30px !important; padding-right:30px !important; } .fusion-portfolio-content h2, .fusion-portfolio-content h2 a { font-size: 25px!important; line-height: 1.2; color: var(--theodary) !important; } .video iframe{ width: 100%; margin: 18px auto 0 auto; display: block; } .visibility-hidden { visibility: hidden !important; } #success-squares .square { padding: 40px; border-radius: 0 30px 30px 30px; box-shadow: 0 3px 30px rgba(0 ,0, 0, .16); } #success-squares .square .fusion-column-wrapper { background-color: rgba(255,255,255, .7) !important; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); } #success-squares .square h5, #success-container .square h5{ font-size: 30px !important; text-align: center; margin-bottom: 0; min-height: 2.82em; } #success-squares .square h6 { font-size: 18px !important; } #success-squares .fusion-imageframe { margin-right: 0 !important; } #success-squares .fusion-button-wrapper { margin-top: auto !important; } #success-squares .fusion-imageframe img, #success-container .square img{ width: 100vw; max-width: 275px; } #success-container .square { padding: 40px; height:100%; border:3px solid transparent; transition: all ease .3s; } #success-container .square:hover { border-color:var(--theomary); } .success-story-excerpt { margon-bottom: 0; } @media screen and (min-width: 1024px) { #filter-container.success-filters > .fusion-row { display: flex; justify-content: center; } } /*Rows Breite Zeilen Contentbereiche */ .feature { padding: 120px 0 !important; } .editorial > .fusion-column-wrapper, #success-stories .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .max-890, .fusion-layout-column.max-890 { max-width: 890px; margin-right:auto!important; margin-left:auto!important; } .max-1040, .editorial { max-width: 1040px; margin-right:auto !important; margin-left:auto !important; } .max-1495{ max-width: 1495px; margin-right:auto!important; margin-left:auto!important; } .overflow-visible .fusion-title { overflow: visible; } /*für Bilder, die bis an den Seitenrand verlaufen*/ .d-flex > .fusion-row { display:flex; } .d-flex > .fusion-row > div:first-child { margin-left: auto !important; } .d-flex > .fusion-row > div:last-child { margin-left: 0 !important; } /*Headlines H1-H6*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Poppins Bold 700', sans-serif; } /*H6 als Titelüberschrift */ h1, .h1, h3, .h3 { font-size: calc(12px + 4 * ((100vw - 1023px) / (1920 - 1023))) !important; color: var(--theodary); opacity: 0.9; } h2, .h2, h4, .h4 { font-size: calc(36px + (78 - 36) * ((100vw - 1023px) / (1920 - 1023))) !important; } h5, .h5, h6.title-heading-center { font-size: calc(36px + (64 - 36) * ((100vw - 1023px) / (1920 - 1023))) !important; } sup { font-size: 0.5em !important; } .p-caption sup, h3 sup { font-size: 0.7em !important; } .p-caption sup{ font-size: smaller !important; } sup a { color: inherit !important; } @media screen and (min-width: 1920px) { p, .fusion-checklist .fusion-li-item-content, .tfs-slider .slide-content-container .slide-content h6, #wrapper .fusion-accordian .panel-title .fusion-toggle-heading, .panel-body.toggle-content{ font-size: 24px !important; } h1,.h1, h3,.h3 { font-size: 16px !important; } h2,.h2, h4,.h4 { font-size: 78px !important; } h5,.h5, h6.title-heading-center { font-size: 64px !important; } } .fusion-checklist .fusion-li-item-content { line-height: 1.556 !important; } h1:before, .h1:before, h3:before, .h3:before { content: '< '; } h1:after, .h1:after, h3:after, .h3:after { content: '; >'; } /*Header Navi */ #wrapper .fusion-logo{ width: 200px; } #wrapper .fusion-header .fusion-logo .fusion-logo-link{ line-height: 0; } header .header-partner-container img { max-height: 30px; } header .fusion-header { padding: 0 !important; } header .fusion-header .fusion-row { display: flex !important; justify-content: center !important; align-items: center !important; } header .fusion-header .fusion-row .fusion-logo, header .fusion-header .fusion-row .fusion-main-menu { margin-right: auto; } .fusion-main-menu > ul > li { padding-right: calc(20px + 40 * ((100vw - 1024px) / 896)); } .fusion-is-sticky .fusion-main-menu>ul>li:last-child { padding-right: 0; } .fusion-main-menu > ul > li.wpml-ls-current-language { padding-right:30px !important; } .fusion-megamenu-bullet{ display: none; } .fusion-menu > .menu-item li a, .fusion-menu > .menu-item .fusion-megamenu-title { font-family: gineso-extended, sans-serif !important; font-weight: 400; } @media screen and (min-width: 1350px) and (max-width: 1550px) { #menu-hauptmenu > li:nth-child(2) > .fusion-megamenu-wrapper { transform: scale(0.8); transform-origin: 0 0; } } /* Filter Startseite */ #selection .technologies-1, #selection .technologies-2, #selection .technologies-3, #selection .technologies-4{ display: none; } #selection.solution-1 .technologies-1, #selection.solution-2 .technologies-2, #selection.solution-3 .technologies-3, #selection.solution-4 .technologies-4{ display: block; } #filter .solution .fusion-column-wrapper { cursor: pointer; } #filter .solution .fusion-column-wrapper, #selection .fusion-column-wrapper { border-radius: 0 30px 30px 30px !important; box-shadow: 0 3px 30px rgba(0,0,0, .16) !important; } #filter .solution .fusion-column-wrapper:hover, #filter .solution.active-solution .fusion-column-wrapper, #selection .fusion-column-wrapper:hover { border-color: var(--theomary) !important; } #selection .fusion-column-wrapper img { border-radius: 0 30px 30px 30px !important; } #selection .fusion-builder-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 30px 30px; } #selection .fusion-builder-row:before, #selection .fusion-builder-row:after { display: none; } #selection .fusion-imageframe img { pointer-events: inherit; } #filter-container select, #filter-select select { font-family: 'Poppins Bold 700' !important; color: var(--theodary) !important; border: 2px solid var(--theodary) !important; border-radius: 30px !important; -webkit-appearance: none !important; padding: 0 20px !important; } #filter-select .fusion-column-wrapper:after, #filter-container .fusion-column-wrapper:after{ content:'\e900'; font-family: 'theo-icons' !important; font-size: 15px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; } #flyer-squares .fusion-builder-row { display: flex; flex-wrap: wrap; justify-content: center; } #flyer-squares .fusion-builder-row .fusion-layout-column { flex-basis: 350px; flex-grow: 1; margin: 20px !important; } #flyer-squares .fusion-builder-row .fusion-layout-column .fusion-column-wrapper { min-height: inherit !important; max-height: 400px !important; padding: 40px !important; border-radius: 0 30px 30px 30px !important; background-color: transparent !important; border-color: transparent !important; box-shadow: 0 3px 30px rgba(0,0,0, .16) !important; } #flyer-squares .fusion-builder-row .fusion-layout-column .fusion-column-wrapper h5 { font-size: 18px !important; } .offer h5 { font-size: 26px !important; } .offer .pricing-table { text-align: center; font-weight: 700; margin-bottom: 20px; margin-top:auto; font-size: 30px !important; color: var(--theomary) !important; } .offer .no-preis p { line-height: 47px !important; } .flexos .fusion-column-wrapper { display: flex; flex-direction: column; justify-content: flex-start; } .folge-margin-0 + div { margin-top: 0 !important; } .margin-top-auto { margin-top: auto; } /*Submenu Produkte */ #submenu { position: fixed; top: 105px; width: 100vw; z-index: 99; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); transition: top 0.2s ease-out; padding-top: 0!important; padding-bottom: 0 !important; min-height: 50px ; display: flex; align-items: center; } #submenu .fusion-column-wrapper { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } #submenu .fusion-button-wrapper { line-height: 1; } #submenu .fusion-widget-area { display:inline-flex; margin-right:auto; } #submenu .fusion-widget-area .widget { margin-bottom: 0; } #submenu .fusion-widget-area .menu > li > a { white-space: nowrap; padding: 15px 0 15px 40px !important; line-height: 20px; border: none !important; } #submenu .fusion-widget-area .menu > li > a { color: white !important; } #submenu .fusion-widget-area .menu > li > a:hover { color: var(--theodary) !important; } #submenu .fusion-widget-area .menu > li > a ~ ul { visibility: hidden !important; opacity: 0 !important; transistion: all ease .6s; pointer-events: none; } #submenu .fusion-widget-area .menu > li > a:hover ~ ul, #submenu .fusion-widget-area .menu > li > ul:hover { visibility: visible !important; opacity: 1 !important; pointer-events: inherit; } #submenu .fusion-widget-area .menu > li > a:before { content: ''; position: absolute; width: 30px; height: 30px; left: 0; top:50%; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } #submenu .fusion-widget-area #menu-board-connector-subnavi > li > a:before, #submenu .fusion-widget-area #menu-board-connector-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-board-connector-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-board-connector-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-board-connector-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2020/05/logo-board-connector.png); } #submenu .fusion-widget-area #menu-erp-connect-service-subnavi > li > a:before, #submenu .fusion-widget-area #menu-erp-connect-service-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-erp-connect-service-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-erp-connect-service-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-erp-connect-service-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/06/logo-erpconnect-services.png); } #submenu .fusion-widget-area #menu-erpconnect-subnavi > li > a:before, #submenu .fusion-widget-area #menu-erpconnect-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-erpconnect-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-erpconnect-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-erpconnect-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/06/logo-erp-connect.png); } #submenu .fusion-widget-area #menu-ecs-core-subnavi > li > a:before, #submenu .fusion-widget-area #menu-ecs-core-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-ecs-core-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-ecs-core-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-ecs-core-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2020/03/ECSCoreDownload.png); } #submenu .fusion-widget-area #menu-xtract-is-subnavi > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/06/logo-xtract-is.png); } #submenu .fusion-widget-area #menu-xtract-is-for-azure-subnavi > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-for-azure-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-for-azure-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-for-azure-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-xtract-is-for-azure-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/11/Xtract-IS-for-Azure.png); } #submenu .fusion-widget-area #menu-xtract-rs-subnavi > li > a:before, #submenu .fusion-widget-area #menu-xtract-rs-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-xtract-rs-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-xtract-rs-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-xtract-rs-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/06/logo-xtract-rs.png); } #submenu .fusion-widget-area #menu-xtract-for-alteryx-subnavi > li > a:before, #submenu .fusion-widget-area #menu-xtract-for-alteryx-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-xtract-for-alteryx-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-xtract-for-alteryx-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-xtract-for-alteryx-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/11/TS_Icon_2C_XtractAlteryx-e1541584533782.png); } #submenu .fusion-widget-area #menu-xtract-universal-subnavi > li > a:before, #submenu .fusion-widget-area #menu-xtract-universal-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-xtract-universal-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-xtract-universal-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-xtract-universal-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2018/06/logo-xtract-universal.png); } #submenu .fusion-widget-area #menu-yunio-subnavi > li > a:before, #submenu .fusion-widget-area #menu-yunio-subnavi-en > li > a:before, #submenu .fusion-widget-area #menu-yunio-subnavi-es > li > a:before, #submenu .fusion-widget-area #menu-yunio-subnavi-fr > li > a:before, #submenu .fusion-widget-area #menu-yunio-subnavi-cn > li > a:before{ background-image: url(/wp-content/uploads/2021/12/TS_Icon_1C_YunIO_300x300px.png); } #submenu .fusion-widget-area .menu > li > a .arrow { text-align: left !important; padding-left: 10px !important; } #submenu .fusion-widget-area .menu > li > a .arrow:before { content: '\e900'; font-size: .7em; font-family: "theo-icons" !important; } #submenu .sub-menu { margin-left: 0 !important; position: absolute; background: white; border-top: 3px solid #3b3b3c; box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); } #submenu .sub-menu li > a { font-family: gineso-extended, sans-serif !important; font-weight: 400; color: var(--theodary) !important; border-bottom: 1px solid #dcdadb !important; padding: 7px 20px !important; } #submenu .sub-menu li > a:hover { background-color: #f8f8f8; } #submenu .sub-menu li > a .link-text { white-space: nowrap; } #submenu .fusion-button.button-default { padding: 3.5px 16px !important; font-size: 16px !important; line-height: 1.5625; min-width: 0 !important; } #submenu .fusion-button.button-default:not(.white) { color: white !important; border: none !important; background-color: transparent !important; } #submenu .fusion-button.button-default.white { border-color: white !important; background-color: white !important; } #submenu .fusion-button.button-default.white .fusion-button-text { color: var(--theodary) !important; } #submenu .fusion-button.button-default.white:hover { border-color: var(--theomary) !important; } #submenu .fusion-button.button-default:not(.white):hover .fusion-button-text { color: var(--theodary) !important; } #submenu .fusion-button.button-default:not(.white) .fusion-button-text:before, #submenu .fusion-button.button-default:not(.white) .fusion-button-text:after { display: none !important; } /*Submenu mobile Dropdown */ #submenu .submenu_dropdown:after { content: '\e900'; font-family: "theo-icons" !important; display:none; color: var(--theomary); background-color: white; border-radius: 50%; height: 2.25rem; width: 2.25rem; line-height: 2.4rem; text-align: center; font-size: .7em; transition: transform ease .3s; } #submenu .submenu_dropdown:hover:after { transform: rotate(180deg); } /*img image bilder rund */ .img-container img { border-radius: 0 30px 30px 30px; } /*Standorte Tabs */ .standorte-tabs .fusion-tabs { margin-bottom: 0 !important; } .standorte-tabs > div, .standorte-tabs .fusion-tabs .nav .tab-link:after { border-radius: 0 30px 30px 30px; box-shadow: 0 3px 30px rgba( 0,0,0, .16); } .standorte-tabs .fusion-tabs .nav .nav-tabs { max-width: 650px; } .standorte-tabs .fusion-tabs .nav .nav-tabs li, .standorte-tabs .fusion-tabs .nav .nav-tabs a { position: inherit !important; } .standorte-tabs .fusion-tabs .nav .tab-link { background-color: transparent !important; border: none !important; padding-left: 0 !important; padding-right: 0 !important; min-width: 135px; } .history-slider:before, .history-slider:after, .standorte-tabs .fusion-tabs .nav .active .tab-link:after { content: ''; position: absolute; width: 100vw; max-width: 1490px; height: 50vh; max-height: 470px; left: 50%; bottom: 100%; background-size:cover; z-index: -1; pointer-events: none; transform: translate(-50%, 140px); } .standorte-tabs .fusion-tabs .nav .active #fusion-tab-stuttgart:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-stuttgart:after, .standorte-tabs .fusion-tabs .nav .active #fusion-tab-斯图加特:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-斯图加特:after { background-image: url(/wp-content/uploads/standorte/standorte-stuttgart.jpg); } .standorte-tabs .fusion-tabs .nav .active #fusion-tab-seattle:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-seattle:after, .standorte-tabs .fusion-tabs .nav .active #fusion-tab-西雅图:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-西雅图:after{ background-image: url(/wp-content/uploads/standorte/standorte-seattle.jpg); } .standorte-tabs .fusion-tabs .nav .active #fusion-tab-paris:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-paris:after, .standorte-tabs .fusion-tabs .nav .active #fusion-tab-巴黎:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-巴黎:after { background-image: url(/wp-content/uploads/standorte/standorte-paris.jpg); } .standorte-tabs .fusion-tabs .nav .active #fusion-tab-hongkong:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-hongkong:after, .standorte-tabs .fusion-tabs .nav .active #fusion-tab-香港:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-香港:after{ background-image: url(/wp-content/uploads/standorte/standorte-hongkong.jpg); } .standorte-tabs .fusion-tabs .nav .active #fusion-tab-dongguan:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-dongguan:after, .standorte-tabs .fusion-tabs .nav .active #fusion-tab-东莞:after, .standorte-tabs .fusion-tabs .nav .active #mobile-fusion-tab-东莞:after{ background-image: url(/wp-content/uploads/standorte/standorte-dongguan.jpg); } .history-slider:after, .history-slider:before { bottom: 70%; border-radius: 0 30px 30px 30px; } .history-slider:before { background-image: url(/wp-content/uploads/2020/03/theobald-unternehmen-historie.jpg); } .history-slider:after { background: rgba(0,0,0 , .3); } .standorte-tabs .fusion-tabs .nav h4 { font-size: 24px !important; } .standorte-tabs .fusion-tabs .nav .active h4, .standorte-tabs .fusion-tabs .nav a:hover h4{ color: var(--theomary) !important; } .standorte-tabs .fusion-tabs .tab-content { text-align: center; } .standorte-tabs .fusion-tabs .tab-content h4 { margin-bottom: 0 !important } /* Testimonials */ .fusion-testimonials .review { display: flex !important; flex-direction: column-reverse; } .fusion-testimonials blockquote { background-color: rgba(255,255,255 , .75) !important; border-radius: 0 30px 30px 30px; font-style: normal; } .fusion-testimonials blockquote q { background-color: transparent !important; text-align: left !important; padding: 60px !important; } .fusion-testimonials blockquote q p { font-weight: 400 !important; font-style: normal !important; letter-spacing: 1px; } .fusion-testimonials .testimonial-thumbnail { position: absolute; right: calc(100% - 40px); bottom: 100%; margin: 0 !important; transform: translateY(80%); } .fusion-testimonials .author { margin-left: 60px; margin-bottom: 20px; text-align: left !important; color: white !important; } /*Buttons*/ .button-default, .fusion-button { font-family: 'Poppins Bold 700' !important; } .button-default { min-width: 324px; font-size: 24px !important; padding-top: 10px!important; padding-bottom: 10px !important; line-height: 1.458334 !important; letter-spacing: -0.25px; border: 2px solid var(--theodary) !important; border-radius: 9999px !important; } .button-default.light { color: var(--theodary); background-color: transparent !important; } .button-default.dark { color: #ffffff; background-color: var(--theodary) !important; } .button-default.button_ghost { border-color: #bababa!important; padding-left: 0; padding-right: 0; background-color: transparent !important; } .button-default.button_ghost .fusion-button-text { color: var(--theodary) !important; } .button-default.button_ghost i { color: #bababa !important; font-size: 36px; position: absolute; left: 30px; top: 50%; transform: translate(-50%, -50%); } .button-default.button_ghost:hover i { color: var(--theomary) !important; } .button-default:hover { border-color: var(--theomary) !important; } /*Modal Video Button */ .video-modal-container button { display: block; } #videoModal { overflow-y:hidden; } #videoModal .modal-header { border: none; } #videoModal .modal-dialog.modal-xl { width: 80vw; max-width: 1650px; max-height: calc(100vh - 90px); } #videoModal video { width: 100%; } /*Newsletter Anmeldung */ #sticky-nl, #toTop { display:none !important; } /*Slider Success Stories */ #success-stories .fusion-slider-container, #success-stories .fusion-slider-container .tfs-slider, #success-stories .fusion-slider-container ul, #success-stories .fusion-slider-container ul li, #success-stories .fusion-slider-container ul li .background-image { min-height: 600px !important; } .tfs-slider > ul >li > .background-image:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.15); } .tfs-slider .slide-content-container .slide-content { max-width: 890px !important; padding: 60px; border-radius: 0 60px 60px 60px; background-color: rgba(255,255,255 , .7); } .tfs-slider .slide-content-container .slide-content .heading { height: 0 !important; margin: 0 !important; } .tfs-slider .slide-content-container .slide-content h5 { font-family: gineso-extended, sans-serif !important;; font-size:16px !important; letter-spacing: 1px; position: absolute; top: 0; line-height: inherit !important; color: white !important; transform:translateY(-150%); } .tfs-slider .slide-content-container .slide-content h5:before, .tfs-slider .slide-content-container .slide-content h5:after { display: none; } .tfs-slider .slide-content-container .slide-content h6 { font-family: gineso-extended, sans-serif !important; letter-spacing: 1px; font-weight: 500; color: var(--theodary) !important; } .tfs-slider .slide-content-container .slide-content h6:before, blockquote p:before { content: '>>'; } .tfs-slider .slide-content-container .slide-content h6:after, blockquote p:after { content: '<<'; } .tfs-slider .slide-content-container .slide-content h6:before, .tfs-slider .slide-content-container .slide-content h6:after, blockquote p:before, blockquote p:after { color: var(--theomary); font-family: 'Poppins Bold 700' !important; font-size: 24px !important; } .tfs-slider .flex-control-nav { bottom: 20% !important; } .tfs-slider .flex-control-nav li { position: relative; } .tfs-slider .flex-control-nav li a { background-color:transparent !important; border: none !important; box-shadow: none; text-indent: 0; color: transparent; width:30px; height:30px; } .tfs-slider .flex-control-nav li a:after { content:'\e900'; display: block; position: absolute; top:0; left:0; width:30px; height:30px; font-family: 'theo-icons'; font-size: 24px; color:white; transform: rotate(270deg); } .tfs-slider .flex-control-nav li a.flex-active:after { color: var(--theomary); } /*Success Stories Slider Autor */ html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-11:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-7:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-9:after { content: 'Leiter Ressort IT & Technik, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-17:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-13:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home .slides .fusion-title-15:after { content: 'Leiter Ressort IT & Technik, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } /*Success Stories Slider Autor First Set Products */ html[lang="de-DE"] .fusion-slider-sc-success-stories-home-2 .slides .fusion-title-6:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home-2 .slides .fusion-title-8:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="de-DE"] .fusion-slider-sc-success-stories-home-2 .slides .fusion-title-10:after { content: 'Leiter Ressort IT & Technik, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } /*Success Stories Slider EN Home*/ html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-7:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-11:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-9:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-13:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-17:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-15:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } /* Success Stories Slider EN Products */ html[lang="en-US"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-6:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-10:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="en-US"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-8:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } /* Success Stories Slider ES */ html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-7:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-9:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-11:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-13:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-15:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es .slides .fusion-title-17:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es-2 .slides .fusion-title-6:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es-2 .slides .fusion-title-8:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="es-ES"] .fusion-slider-sc-success-stories-home-es-2 .slides .fusion-title-10:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } /* Success Stories Slider FR */ html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-11:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-9:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-7:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr-2 .slides .fusion-title-10:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr-2 .slides .fusion-title-8:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr-2 .slides .fusion-title-6:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-17:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-15:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="fr-FR"] .fusion-slider-sc-success-stories-home-fr .slides .fusion-title-13:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } /* China */ html[lang="zh-CN"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-7:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="zh-CN"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-11:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="zh-CN"] .fusion-slider-sc-success-stories-home-en .slides .fusion-title-9:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } html[lang="zh-CN"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-6:after { content: 'Senior Developer IT Business Intelligence Solutions, PUMA SE'; font-size: 0.8em; font-weight: 700; } html[lang="zh-CN"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-8:after { content: 'Head Collaboration & Web Solutions, Avectris AG'; font-size: 0.8em; font-weight: 700; } html[lang="zh-CN"] .fusion-slider-sc-success-stories-products-en .slides .fusion-title-10:after { content: 'Head of IT & Technology, Würth Industrie Service GmbH'; font-size: 0.8em; font-weight: 700; } /* Contact Form 7 Response */ .wpcf7 form.sent .wpcf7-response-output { border-color: #fff; color: #fff; } /* Akkordions Toggles Checklist*/ .fusion-checklist, .fusion-accordian .panel-group { display: grid; grid-template-columns: 1fr; grid-column-gap: 30px; } .fusion-toggle-heading { margin-left: 27px !important; } .fusion-li-item-content { margin-left: 70px !important; } .fusion-checklist { grid-row-gap: 30px; } .fusion-checklist.usps, ul.fusion-checklist.usps { margin-top: 0 !important; } @media screen and (min-width: 1017px) { .fusion-checklist:not(.checklist-one-column), .fusion-accordian .panel-group { grid-template-columns: repeat(2, 1fr); } .fusion-accordian .panel-collapse { width: 200%; } .fusion-accordian .panel-group .fusion-panel:nth-child(even) .panel-collapse { transform:translateX(calc(-50% - 30px)); } } .fusion-accordian .panel-heading a:hover { color: var(--theomary) !important; } .fusion-accordian .fusion-toggle-icon-wrapper { line-height: 1; } .fusion-accordian .fusion-toggle-icon-wrapper .fa-fusion-box { color: var(--theodary) !important; border-radius: 50%; padding: 1.5px !important; background-color: transparent!important; } .fusion-accordian a .fusion-toggle-icon-wrapper { border: 3px solid var(--theodary); border-radius: 50%; background-color: transparent !important; transition-property: color,background-color,border-color; transition-duration: .2s; transition-timing-function: linear; } .fusion-accordian a:hover .fusion-toggle-icon-wrapper { border-color: var(--theomary); border-radius: 50%; background-color: transparent !important; } .fusion-accordian a:hover .fusion-toggle-icon-wrapper .fa-fusion-box, .fusion-accordian .panel-heading a.active, .fusion-accordian .panel-heading a.active .fusion-toggle-icon-wrapper .fa-fusion-box { color: var(--theomary) !important; } .fusion-accordian .panel-heading a.active .fusion-toggle-icon-wrapper { border-color: var(--theomary) !important; } .fusion-accordian .panel-heading { margin-top: 15px; margin-bottom: 15px; } .fusion-accordian .panel-heading a { font-family: gineso-extended, sans-serif !important; font-weight: 400 !important; } .fusion-accordian .panel-heading a.active { font-weight: 700 !important; } .fusion-accordian .panel-collapse { background: white; box-shadow: 0 0 10px 3px rgba(175,175,175,.1); border-radius: 0 60px 60px; } .fusion-accordian .panel-body { font-weight: 400; letter-spacing: 1px; padding: 50px 60px !important; } .fusion-accordian .panel-body p:last-child { margin-bottom: 0 !important; } .feature .fusion-imageframe { overflow: visible; } .feature .fusion-text p:last-child, .feature .difficeasy > div p:last-child { margin-bottom: 60px !important; } /*Bilder*/ .drop-shadow-img img { filter: drop-shadow(0 0 1px rgba(0,0,0,.3)); } /*Checkliste */ #checks .fusion-title-size-five ~ .fusion-title-size-six { margin-bottom: 0 !important; } .fusion-checklist, ul.fusion-checklist { margin-top: 40px !important; } .fusion-checklist .fusion-li-item .icon-wrapper .fusion-li-icon { font-size: 43px !important; } .fusion-checklist .fusion-li-item .icon-wrapper .fusion-li-icon:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/redesign/checker.svg); background-size:contain; background-repeat: no-repeat; } #BorlabsCookieBox ._brlbs-block-content { z-index: 9999999 !important; } #CookieBoxSaveButton { font-size: 1em !important; display: none; } #land-vorwahl { width:125px !important; border:none !important; border-radius:0 !important; padding-right: 10px !important; border-right: 3px solid rgba(255,255,255,.2) !important; } .wpcf7-form-control-wrap.land-vorwahl > div { position: absolute; overflow: visible; width:135px; } .wpcf7-form-control-wrap.contact-phone > input { padding-left: 135px; } /*Webinar Teaserbox */ #webinar-teaser { margin-bottom: 0 !important; } #webinar-teaser article.webinare, #webinar-teaser article.webinars-en { top: 0!important; left: 0!important; overflow:visible; position: relative !important; } #webinar-teaser img { display:none; } #webinar-teaser * { background-image: none !important; } #webinar-teaser .fusion-portfolio-wrapper { max-height: 170px !important; } #webinar-teaser .fusion-masonry-element-container { padding-top: 0 !important; margin-bottom: 0 !important; } #webinar-teaser .fusion-post-title, #webinar-teaser .fusion-post-content { text-align: center; } #webinar-teaser .fusion-portfolio-content { position: relative !important; padding-bottom: 75px!important; } #webinar-teaser .fusion-portfolio-post .fusion-portfolio-content-wrapper { border-radius: 0 !important; } /*Formulare */ select option { font-family: gineso-extended, sans-serif !important; } #wrapper .wpcf7-form { margin-top: 60px; } #wrapper .wpcf7-form .hide-option { display: none; } .wpcf7-form .fusion-row > .fusion-layout-column:nth-child(odd) { padding-right:5px !important; } .wpcf7-form .fusion-row > .fusion-layout-column:nth-child(even) { padding-left:5px !important; } #wrapper select, #wrapper .wpcf7-form .wpcf7-select, #wrapper .wpcf7-form .wpcf7-textarea, #wrapper .wpcf7-form .wpcf7-text , #wrapper input[type="text"], #wrapper input[type="email"], #wrapper input[type="tel"] { font-family: 'gineso-extended'; font-weight: 400; font-size: 17px; color: #fff; height: 50px; line-height: 50px; width: 100%; border: 3px solid #fff; background-color: transparent; border-radius: 25px; } .hs-form-integration { margin-top: 5rem; } #hsForm_d6571c59-3914-4947-a086-42611e052787 input[type="text"], #hsForm_d6571c59-3914-4947-a086-42611e052787 input[type="email"], #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c input[type="text"], #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c input[type="email"], #hsForm_eb171392-e59c-4f3a-b600-081628a129dc input[type="text"], #hsForm_eb171392-e59c-4f3a-b600-081628a129dc input[type="email"], #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 input[type="text"], #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 input[type="email"], #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 input[type="text"], #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 input[type="email"], #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de input[type="text"], #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de input[type="email"], #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 input[type="text"], #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 input[type="email"], #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 input[type="text"], #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 input[type="email"], #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f input[type="text"], #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f input[type="email"], #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c input[type="text"], #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c input[type="email"], #hsForm_bd34d8ce-0f48-4da8-b06e-49a964cddbe8 input[type="text"], #hsForm_bd34d8ce-0f48-4da8-b06e-49a964cddbe8 input[type="email"], #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 input[type="text"], #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 input[type="email"], #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab input[type="text"], #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab input[type="email"], #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae input[type="text"], #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae input[type="email"], #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa input[type="text"], #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa input[type="email"], #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a input[type="text"], #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a input[type="email"], #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e input[type="text"], #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e input[type="email"], #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="text"], #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="email"], #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="tel"], #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="text"], #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="email"], #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="tel"] { color: #1d242d; border: 3px solid #1d242d; } #hsForm_d6571c59-3914-4947-a086-42611e052787 .hs_jobtitle, #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c .hs_jobtitle, #hsForm_eb171392-e59c-4f3a-b600-081628a129dc .hs_jobtitle, #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 .hs_jobtitle, #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 .hs_jobtitle, #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de .hs_jobtitle, #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 .hs_jobtitle, #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 .hs_jobtitle, #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e .hs_jobtitle, #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f .hs_jobtitle, #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c .hs_jobtitle, #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 .hs_jobtitle, #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab .hs_jobtitle, #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa .hs_jobtitle, #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec .hs_jobtitle, #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 .hs_jobtitle { margin-top: 0; } #hsForm_d6571c59-3914-4947-a086-42611e052787 input[type="checkbox"]:before, #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c input[type="checkbox"]:before, #hsForm_eb171392-e59c-4f3a-b600-081628a129dc input[type="checkbox"]:before, #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 input[type="checkbox"]:before, #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 input[type="checkbox"]:before, #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de input[type="checkbox"]:before, #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 input[type="checkbox"]:before, #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 input[type="checkbox"]:before, #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e input[type="checkbox"]:before, #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f input[type="checkbox"]:before, #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c input[type="checkbox"]:before, #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 input[type="checkbox"]:before, #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab input[type="checkbox"]:before, #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa input[type="checkbox"]:before, #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae input[type="checkbox"]:before, #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a input[type="checkbox"]:before, #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="checkbox"]:before, #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="checkbox"]:before { border: 3px solid #1d242d; } #hsForm_d6571c59-3914-4947-a086-42611e052787 .hs-input::placeholder, #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c .hs-input::placeholder, #hsForm_eb171392-e59c-4f3a-b600-081628a129dc .hs-input::placeholder, #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 .hs-input::placeholder, #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 .hs-input::placeholder, #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de .hs-input::placeholder, #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 .hs-input::placeholder, #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 .hs-input::placeholder, #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e .hs-input::placeholder, #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f .hs-input::placeholder, #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c .hs-input::placeholder, #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 .hs-input::placeholder, #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab .hs-input::placeholder, #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa .hs-input::placeholder, #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae .hs-input::placeholder, #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a .hs-input::placeholder, #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec .hs-input::placeholder, #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 .hs-input::placeholder { color: #d2d2d2; } #hsForm_d6571c59-3914-4947-a086-42611e052787 input[type="checkbox"]:hover:before, #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c input[type="checkbox"]:hover:before, #hsForm_25b97dcd-9d8c-4ec1-9ca0-d255016a202c input[type="checkbox"]:checked:before, #hsForm_eb171392-e59c-4f3a-b600-081628a129dc input[type="checkbox"]:hover:before, #hsForm_eb171392-e59c-4f3a-b600-081628a129dc input[type="checkbox"]:checked:before, #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 input[type="checkbox"]:hover:before, #hsForm_67ed6cb9-dbe5-4b62-b1d0-b6de2d7428e5 input[type="checkbox"]:checked:before, #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 input[type="checkbox"]:hover:before, #hsForm_4ce99f9d-f776-43e4-91f9-9c887624e693 input[type="checkbox"]:checked:before, #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de input[type="checkbox"]:hover:before, #hsForm_f4a30054-97a1-40ef-81f0-47dba40700de input[type="checkbox"]:checked:before, #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 input[type="checkbox"]:hover:before, #hsForm_f92bad09-22a8-4e69-b0bd-5c385ae63884 input[type="checkbox"]:checked:before, #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 input[type="checkbox"]:hover:before, #hsForm_5b1a6797-40b1-4eb5-a149-73edd590cde9 input[type="checkbox"]:checked:before, #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e input[type="checkbox"]:hover:before, #hsForm_fa15cde8-62dd-4285-9c37-34e4e16ec40e input[type="checkbox"]:checked:before, #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f input[type="checkbox"]:hover:before, #hsForm_f9c3ff0b-5f52-4566-a7d4-b0782e70516f input[type="checkbox"]:checked:before, #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c input[type="checkbox"]:hover:before, #hsForm_2f9bf48f-3c8f-4678-aecf-e71338cf150c input[type="checkbox"]:checked:before, #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 input[type="checkbox"]:hover:before, #hsForm_3cc3c9bd-2073-43a5-818b-29fb26488ef5 input[type="checkbox"]:checked:before, #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab input[type="checkbox"]:hover:before, #hsForm_fac623f1-2021-43b0-aefa-e5f27cb874ab input[type="checkbox"]:checked:before, #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa input[type="checkbox"]:hover:before, #hsForm_71e85c87-e984-4f73-ba34-dc326ed4e2fa input[type="checkbox"]:checked:before, #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae input[type="checkbox"]:hover:before, #hsForm_a060dfbc-dd80-46b2-8153-967a82f70bae input[type="checkbox"]:checked:before, #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a input[type="checkbox"]:hover:before, #hsForm_2729fe53-0c84-4c42-9208-ae210a33816a input[type="checkbox"]:checked:before, #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="checkbox"]:hover:before, #wrapper #hsForm_45c01d4b-244f-4049-ab28-3e859036a3ec input[type="checkbox"]:checked:before, #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="checkbox"]:hover:before, #wrapper #hsForm_9e78ec7f-93f9-4494-8f54-74e392246fa2 input[type="checkbox"]:checked:before { border-color: var(--theomary); } form fieldset.form-columns-2 { max-width: 100%; } form fieldset.form-columns-1 { max-width: 100%; } #wrapper .wpcf7-form .disabled-input .wpcf7-select { color: rgba(255, 255, 255, .4); } #wrapper .wpcf7-form .wpcf7-select option, .hs-input option { color: var(--theodary); } #wrapper .wpcf7-form .wpcf7-textarea { min-height: 150px; } #wrapper .wpcf7-form .fusion-row.privacy { margin-top: 30px; } #wrapper .wpcf7-form .wpcf7-list-item-label, #wrapper .wpcf7-form .fusion-row.privacy .fusion-column-wrapper { font-family: 'Poppins Medium 500'; color: white; font-size: 14px; letter-spacing: 1px; font-weight: 400; } #wrapper .wpcf7-form .fusion-row.privacy .wpcf7-list-item { margin-left: 0; } #wrapper .wpcf7-form .wpcf7-text::placeholder, #wrapper .wpcf7-form .wpcf7-textarea::placeholder, .hs-input::placeholder, #wrapper .hs-fieldtype-textarea::placeholder { color: white; } #wrapper .post-content .inputs-list span { line-height: 1 !important; } .post-content .inputs-list span { margin: 0 !important; } .legal-consent-container .inputs-list { list-style-type: none; margin: 0; padding: 0; } #wrapper .select-arrow, .wpcf7-select-parent .select-arrow { height: 50px !important; width: 50px !important; line-height: 50px !important; background-color: transparent !important; color: transparent; border: none; } #wrapper .select-arrow { height:inherit !important; top: 0; } .hs-fieldtype-booleancheckbox .input { position: relative; } form fieldset.form-columns-1 .hs-form-field { margin-top: 20px; width: 100%; } form .legal-consent-container .hs-form-field { padding-left: 67px; } form fieldset.form-columns-1 .hs-form-field.hs-fieldtype-textarea { padding-left: 0 !important; margin-top: 0; margin-bottom: 20px; } #wrapper .hs-form-booleancheckbox span { font-family: 'Poppins Medium 500'; color: white; font-size: 14px; letter-spacing: 1px; font-weight: 400; } #wrapper form .hs-fieldtype-booleancheckbox { margin-bottom: 30px; } .hs-form-field { width: 50%; position: relative; float: left; margin-bottom: 20px; } #wrapper .legal-consent-container .hs-richtext, #wrapper .legal-consent-container .hs-richtext p { font-family: 'Poppins Medium 500' !important; /* color: white; */ font-size: 14px !important; letter-spacing: 1px; font-weight: 400; } #trial-footer .legal-consent-container .hs-richtext p, #trial-footer .legal-consent-container .hs-richtext, #trial-footer .legal-consent-container .hs-form-booleancheckbox p { color: white; } #wrapper .hs-form-booleancheckbox .hs-form-booleancheckbox-display span { color: #3b3b3c; } .hs-fieldtype-select { overflow: hidden; position: relative; width: 15px ; box-sizing; } .wpcf7 { min-height: 488px; } .hs-newsletter-wrapper-hs-us { min-height: 559px; } .hs-newsletter-wrapper-hs-en { min-height: 559px; } .hs-newsletter-wrapper-hs-es { min-height: 651px; } .hs-newsletter-wrapper-hs-la { min-height: 651px; } .hs-newsletter-wrapper-hs-de { min-height: 607px; } .wpcf7 textarea.hs-fieldtype-textarea { font-family: 'gineso-extended'; font-weight: 400; font-size: 17px; color: #fff !important; /* height: 50px; */ padding: 0 15px !important; line-height: 50px; width: 100% !important; border: 3px solid #fff; background-color: transparent; border-radius: 25px; } .wpcf7 textarea.hs-fieldtype-textarea::active { border-color: #fff; } select.hs-input { appearance: none; padding: 0 15px; cursor: pointer; } input[type="tel"].hs-input { padding: 0 15px; } .hs-fieldtype-select .input:after { content : '\e900'; font-family: 'theo-icons'; position: absolute; left:87%; top: 25%; width:15px; height:15px; color:white; transform: scale(0.5); } .hs-error-msgs { list-style-type: none; margin: 0; color: var(--theomary); font-size: 16px; font-weight: bold; } .hs-main-font-element p { color: #fff; } .legal-consent-container .hs-form-booleancheckbox { color: #3b3b3c; } .legal-consent-container .hs-richtext { color: #3b3b3c; } .wpcf7-select-parent .select-arrow:after { content : '\e900'; font-family: 'theo-icons'; position: absolute; left:0; right:0; width:100%; height:100%; color:white; } .fusion-row.privacy { padding-left: 67px !important; } .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"], .hs-form-booleancheckbox input[type="checkbox"] { position: absolute; width: 36px; height: 36px; left: -67px; margin: 0; border:none; background:transparent; -webkit-appearance: none; } .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:before, .hs-form-booleancheckbox input[type="checkbox"]:before{ content: ''; position:absolute; opacity: 1; width:30px; height:30px; left:0; top:0; background: rgba(255,255,255 , .3); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); border: 3px solid white; border-radius: 50%; transition: all ease .3s; } .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:hover:before, .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked:before, .hs-form-booleancheckbox input[type="checkbox"]:hover:before, .hs-form-booleancheckbox input[type="checkbox"]:checked:before { border-color: var(--theomary); } .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked:after { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; left:50%; top:50%; background: var(--theomary); opacity: .8; transform:translate(-50%,-50%); } .hs-form-booleancheckbox input[type="checkbox"]:checked:after { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; left:50%; top:50%; background: var(--theomary); opacity: .8; transform:translate(70%,-50%); } #wrapper .wpcf7-submit, #wrapper form input[type="submit"].hs-button { width: 100% !important; font-size: 24px !important; font-family: "Poppins Bold 700" !important; margin-top: 30px; padding: 15px auto !important; height: 59px; border: 2px solid transparent; border-radius: 30px; border-radius: 50px; color: white; background-color: #333; } #wrapper form input[type="submit"].hs-button:hover { border-color: var(--theomary) !important; } #wrapper form input[type="submit"].hs-button:before { position: absolute; top: 50%; right: 90%; width: 15px; height: 15px; content: '<'; color: var(--theomary); z-index: 3; display: block; } #wrapper form input[type="submit"].hs-button:after { position: absolute; top: 50%; left: 90%; width: 15px; height: 15px; content: '>'; color: var(--theomary); z-index: 3; display: block; } /* Timeline Slider*/ .history-slider *:focus { outline: none !important; } .wpostahs-slider-wrp { background-color: #FAFAFA; padding-top: 40px; border-radius: 30px; border-top-left-radius: 0; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); } @media screen and (min-width: 485px) { wpostahs-slider-wrp { margin-top: 60px; } } .wpostahs-slider-wrp .wpostahs-slick-slider .wpostahs-slider-nav-title { padding-bottom: 0; } .wpostahs-slider-wrp .wpostahs-slider-nav { font-family: "Poppins Bold 700"; font-weight: 700; color: var(--theodary) !important; } .history-slider .wpostahs-slider-design-2 .wpostahs-slider-nav { max-width: 700px !important; } .history-slider .wpostahs-slider-design-2 .wpostahs-centent { max-width: 768px !important; padding-top: 0 !important; } .history-slider .wpostahs-slider-nav-content { padding-top: 50px; } .history-slider .wpostahs-slider-nav-content h2:before, .history-slider .wpostahs-slider-nav-content h2:after { display: none; } .wpostahs-slider-wrp .wpostahs-slider-nav .slick-current { color: var(--theomary) !important; } .history-slider .wpostahs-slider-nav .slick-list { margin-left: 100px; margin-right: 100px; } .history-slider .wpostahs-centent-title { margin-bottom: 0 !important; } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-dots, .wpostahs-slider-wrp .wpostahs-slick-slider .wpostahs-main-title, .wpostahs-slider-wrp .wpostahs-slick-slider .slick-list:before { display: none !important; } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow { margin-top: 0 !important; border: none !important; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow.slick-prev { transform: translate(-100%,-50%); } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow.slick-next { transform: translate(100%,-50%); } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow:hover { border: none !important; } .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-next, .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-prev { cursor: pointer; color:transparent; text-indent: 0 !important; background-image: none !important; } .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-next:before { content: '>'; font-family: "Poppins Bold 700"; font-weight: 700; position: absolute; left: 0; top: 0; width: 35px; height: 35px; color: var(--theodary); line-height: 35px; font-size: 25px; } .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-prev:before { content: '<'; font-family: "Poppins Bold 700"; font-weight: 700; position: absolute; left: 0; top: 0; width: 35px; height: 35px; color: var(--theodary); line-height: 35px; font-size: 25px; } .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-prev:hover:before, .wpostahs-slider-wrp .wpostahs-slick-slider button.slick-next:hover:before { color: var(--theomary); } /* Difficeasy Element Textblock */ #difficeasy-textblock { position: relative; } .difficeasy > div { overflow: hidden; opacity: 0; transition: all ease .5s; } .difficeasy div.komplex { max-height: auto; } .difficeasy div.easy { position: absolute; top:0; } .difficeasy > .sichtbar { opacity: 1; } .difficeasy-button { color: white; display: block; font-family: "Poppins Bold 700"; font-weight: 700; font-size: 24px; padding-top: 10px; padding-bottom: 10px; line-height: 1.458334; letter-spacing: -0.25px; width: 100%; text-align:center; background: var(--theodary); border-radius: 9999px; border: 2px solid var(--theodary); transition: all ease .5s; } .difficeasy-button:hover { color: white; border-color: var(--theomary); } .difficeasy-button:before { content: '<'; color: var(--theomary); } .difficeasy-button:after { content: '>'; color: var(--theomary); } /*Typewriter Headline */ .typewrite_headline .wrap:after { content: '|'; animation: cursor-blink 1s steps(1) infinite; } /*Mulitline Typewriter */ .typewrite { margin-bottom: 20px; } .typewrite.left { text-align: left; } .typewrite.center { text-align: center; } .typewrite.right { text-align: right; } .reveal, .reveal + .fusion-button-wrapper{ opacity: 0; transition: opacity ease 1s 1s; } .reveal.revealed, .reveal.revealed + .fusion-button-wrapper{ opacity: 1; } .blinking-cursor.blink { animation: cursor-blink 1s steps(1) infinite; } .fusion-title-center .typewriter_headline { text-align: center; } /*Mobile Header Navi Burger Menu */ header .fusion-mobile-menu-icons { position: absolute; right: 20px; margin: 0; top: 50%; transform: translateY(-50%); } header .fusion-mobile-menu-icons .fusion-icon.fusion-icon-bars:before { font-size: 25px; color: rgba(186,186,186, .38); } @media screen and (max-width: 1349px) { .button-default { font-size: 20px !important; } #submenu { display: flex; align-items: center; } .fusion-is-sticky .fusion-mobile-menu-design-modern .fusion-mobile-nav-holder>ul { max-height: inherit; overflow-y: inherit; } header .fusion-header .fusion-row { height: 100%; min-height: 65px; } header .fusion-logo { max-width: 31vw; } .header-partner-container { display: none; } header #mobile-menu-hauptmenu { border-top: none; } header .fusion-mobile-nav-holder { position: absolute; width: 100vw; background-color: #fff; right: 0; top: 100%; padding-top: 0 !important; margin: 0 !important; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); background-color: rgba(255, 255, 255, 0.85); } header .fusion-mobile-nav-holder ul li { padding: 10px 0; background: white; } header .fusion-mobile-nav-holder ul li a { font-family: "Poppins Bold 700", sans-serif; font-weight: 700; background: transparent; color: #bababa; padding-left: 12vw; padding-right: 12vw; text-align: left !important; border: none; } header .fusion-mobile-nav-holder .fusion-open-submenu { right: 12vw !important; padding: 0; } header .fusion-mobile-nav-holder ul li.fusion-mobile-current-nav-item a { color: var(--theodary); background-color: inherit; } } /*Header Bottom Bar */ #header-bottom { padding: 5px 0; background-color: rgba(0, 0, 0, 0.3); } #menu-header-bottom-bar { list-style: none; padding: 0; margin: 0; } #menu-header-bottom-bar li { display: inline-block; } /* Boxen */ .box { border-radius: 30px; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); box-shadow: 0 0 15px 2px rgba(0,0,0,0.3); } .box.left { border-top-left-radius: 0; } .box.right { border-top-right-radius: 0; } /*Footer */ #footer { padding-top: 0 !important; padding-bottom: 0 !important; } #footer img { margin: 20px auto; width: 200px } .fusion-footer { position: relative; } .fusion-footer:before { content: ''; background-image: url(/wp-content/uploads/2019/redesign/geometrix3-gray.svg); background-size: 100%; background-position-y: 100%; background-repeat: no-repeat; position: absolute; width: 100vw; height: 200px; top: 0; left: 0; z-index: 10; pointer-events: none; transform:translateY(-99%); } .fusion-footer-widget-area { z-index:3; } .fusion-footer-widget-area .fusion-widget-area { display: flex; align-items: center; } .fusion-footer-widget-area .widget_nav_menu { text-align: right; } .fusion-footer-widget-area .widget_nav_menu li{ display: inline-block; padding-left: 0 !important; border: 0; } .fusion-footer-widget-area >div > div > .fusion-column-last { text-align: right; } #custom_html-3, #nav_menu-22 { display: inline-block; margin: 0; } /*.fusion-footer-widget-area .widget_nav_menu li:first-child:before { content: '© Theobald Software GmbH 2020 •'; font-size: 16px; font-family: 'Poppins Medium 500'; font-weight: 400; color: #bababa; display: inline-block; position: absolute; right: calc(100% + 10px); white-space: nowrap; }*/ .fusion-footer-widget-area .widget_nav_menu li:first-child a:after, .fusion-footer-widget-area .copyright:after { content: '•'; color: #bababa; float:right; margin-left: 10px; pointer-events: none; transform: translate(50%); } .fusion-footer-widget-area .widget_nav_menu li :before{ display: none; } .fusion-footer-widget-area .copyright { padding-right: 20px; } .fusion-footer-widget-area .widget_nav_menu li a, .fusion-footer-widget-area .copyright { font-size: 16px !important; font-family: 'Poppins Medium 500' !important; font-weight: 400; color: #bababa; } .fusion-footer-widget-area .widget_nav_menu li a:hover { color: var(--theodary); } /*Downloads Ressourcen Dokumente Management Filterbar */ /*#filter-container, #download-container*/ .ausblenden{ display: none !important; } .fusion-text.ressourcen { display: flex; gap: 45px; flex-wrap: wrap; } ul.dlm-downloads { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; /*gap: 45px;*/ row-gap: 45px; padding: 0; } /*.dlm-downloads li { flex: 1 0 300px; }*/ .dlm-downloads li:before { display: none !important; } .dlm-downloads li { /*width: 33vw; min-width: 300px; max-width: 466px;*/ } a.download-link { padding: 50px 30px; border-radius: 0 30px 30px 30px !important; box-shadow: 0 3px 30px rgba(0,0,0, .16) !important; background-color: white; /*width: 100%;*/ display: block; min-height: 200px; width: 33vw; min-width: 300px; max-width: 466px; margin-right:15px; margin-left:15px; } a.download-link h5 { font-size: 18px !important; } a.download-link p { color: #3b3b3c !important; text-align: center !important; } .download-link-inner { display: flex; flex-direction: column; align-items: center; } /*Responsive media queries */ @media screen and (min-width: 1200px) { header #menu-hauptmenu .fusion-megamenu-submenu { width: 33.33333333% !important; } } @media screen and (min-width: 1350px) and (max-width: 1650px) { .fusion-main-menu > ul > li { padding-right: 30px !important; } } @media screen and (max-width:1349px) { .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-menu-icons, .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder>ul { display: block; } .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu { display: none; } .ua-mobile #submenu { position: absolute; top: 65px; } } @media screen and (max-width: 1023px) { body, p, .fusion-checklist .fusion-li-item-content, .tfs-slider .slide-content-container .slide-content h6, #wrapper .fusion-accordian .panel-title .fusion-toggle-heading, .panel-body.toggle-content{ font-size: 18px !important; } h1, h3 { font-size: 12px !important; } h2, h4 { font-size: 36px !important; } h5, h6.title-heading-center { font-size: 36px !important; } #webinar-stoererbox { display: none; } /* Intro Box */ #intro .fusion_builder_column_1_4{ position: relative; padding: 30px; border-radius: 30px 0 30px 30px; min-width: inherit; top:inherit; transform: translateY(0); left: inherit; width: auto !important; margin: 45px 5% !important; } #intro .fusion_builder_column_1_4 .fusion-column-wrapper { padding: 0 !important; } #intro > div { display: flex; flex-direction: column-reverse; } .img-trenner img { min-height:30vh; object-fit: cover; } #intro .fusion-imageframe img { min-height:42vh; object-fit: cover; } .codeblock.home-video-container:before { display: none; } .d-flex > .fusion-row { flex-direction: column-reverse; } .d-flex > .fusion-row > div:first-child { margin-left: inherit; max-width: inherit; } .fusion-checklist .fusion-li-item .icon-wrapper .fusion-li-icon { font-size: 30px !important; } .fusion-checklist .fusion-li-item > span { margin-right: 0 !important; } .fusion-li-item-content { margin-left: 50px !important; } .ua-mobile #submenu { position: absolute; /* top: 90px; */ top: 0; } header .fusion-header .fusion-row { min-height: 90px; } /*Graph Trenner */ .graph-trenner:after, #success-stories:after { transform: translateY(5%); } /*Video Modal */ #videoModal .modal-dialog.modal-xl { width: auto; top: 50%; transform: translateY(-50%); margin-top: 0; } .modal-zIndex > .fusion-builder-row .fusion-builder-row > .fusion_builder_column { display: flex; justify-content: center; margin-top: 30px !important; } .modal-zIndex > .fusion-builder-row .fusion-builder-row > .fusion_builder_column .fusion-alignright { margin-left: 0; } .m-order-reverse > div { display: flex; flex-direction: column-reverse; } .m-order-reverse > div > div:first-child { padding-top: 60px !important; } .wpcf7-form .fusion-row > .fusion-layout-column:nth-child(odd) { padding-right: 0 !important; } .wpcf7-form .fusion-row > .fusion-layout-column:nth-child(even) { padding-left: 0 !important; } .mpt-60 { padding-top: 60px; } #filter .solution .fusion-column-wrapper { display: flex; justify-content: space-between; align-items: center; margin-left: 5%; margin-right: 5%; } #filter .solution:nth-child(3) .fusion-column-wrapper { margin-top: 30px; margin-bottom: 30px; } #filter .solution .fusion-column-wrapper .imageframe-align-center { width: 30%; } #filter .solution .fusion-column-wrapper .fusion-text p { margin-bottom: 0 !important; } .fusion_builder_column_2_5 { padding-top: 45px; } #bewerben .fusion_builder_column_2_5, #webinar .fusion_builder_column_2_5 { padding-top: 0; } #success-stories .slide-content .buttons { display: block; } .tfs-slider .flex-control-nav { bottom: 15% !important; } .fusion-separator { margin-top: 15px !important; margin-bottom: 15px !important; } } @media screen and (max-width: 1540px) { .fusion-fullwidth { padding: 0 !important; } .fusion-column-wrapper, #selection > div { padding-left: 10% !important; padding-right: 10% !important; } .portfolio_category-marketing-vertrieb .fusion-column-wrapper, .portfolio_category-marketing-sales .fusion-column-wrapper, .portfolio_category-buchhaltung-organisation .fusion-column-wrapper, .portfolio_category-accounts-organisation .fusion-column-wrapper, .portfolio_category-consulting .fusion-column-wrapper, .portfolio_category-consulting-en .fusion-column-wrapper, .portfolio_category-dhbw-student .fusion-column-wrapper, .portfolio_category-dhbw-student-en .fusion-column-wrapper, .portfolio_category-development-en .fusion-column-wrapper, .portfolio_category-entwicklung .fusion-column-wrapper, .portfolio_category-design .fusion-column-wrapper, .portfolio_category-design-en .fusion-column-wrapper, .portfolio_category-it-administration .fusion-column-wrapper, .portfolio_category-it-administration-en .fusion-column-wrapper, .portfolio_category-geschaeftsfuehrung .fusion-column-wrapper, .portfolio_category-management-en .fusion-column-wrapper { padding-right: 0 !important; } .portfolio_category-marketing-vertrieb .fusion-separator, .portfolio_category-marketing-sales .fusion-separator, .portfolio_category-buchhaltung-organisation .fusion-separator, .portfolio_category-accounts-organisation .fusion-separator, .portfolio_category-consulting .fusion-separator, .portfolio_category-consulting-en .fusion-separator, .portfolio_category-dhbw-student .fusion-separator, .portfolio_category-dhbw-student-en .fusion-separator, .portfolio_category-development-en .fusion-separator, .portfolio_category-entwicklung .fusion-separator, .portfolio_category-design .fusion-separator, .portfolio_category-design-en .fusion-separator, .portfolio_category-it-administration .fusion-separator, .portfolio_category-it-administration-en .fusion-separator, .portfolio_category-geschaeftsfuehrung .fusion-separator, .portfolio_category-management-en .fusion-separator { margin-top: 10px !important; margin-bottom: 10px !important; } #submenu .fusion-column-wrapper, #intro .fusion_builder_column_1_4 .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; } #submenu > div > div > .fusion-column-wrapper { padding-left: 20px !important; padding-right: 20px !important; } #intro .product-header img { margin-top: 50px; } .fusion-column-wrapper .fusion-column-wrapper, .tablet-p-0 .fusion-column-wrapper, #success-stories .fusion-column-wrapper, #selection .fusion-column-wrapper, #apps .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .mpr-0 .fusion-column-wrapper { padding-right: 0 !important; } .mpl-0 .fusion-column-wrapper { padding-left: 0 !important; } .fusion-testimonials .testimonial-thumbnail { right: inherit; left: 4%; } .post-content > div:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 90px !important; padding-bottom: 90px !important; } .post-content > #trial:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-bottom: 150px !important; } .post-content > div.folge-container:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 0 !important; } .post-content > .mpt-180:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 260px !important; } .post-content > #trial-footer:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox), .post-content > div:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox):last-child { padding-bottom: 150px !important; } .post-content > div.img-trenner:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 0 !important; padding-bottom: 0 !important; } .fusion-footer:before, .graph-trenner:after, #success-stories:after{ height: 120px; } .mptb-0, .mptb-0 .fusion-column-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } .mpt-0, .mpt-0 .fusion-column-wrapper { padding-top: 0 !important; } .post-content > #intro + div, .mbtn-pt-30 > div { padding-top: 30px !important; } .fusion-testimonials .author { margin-left: 180px; } .standorte-container, .standorte-container .standorte-tabs { margin-top: 0 !important; } .standorte-container > div { padding-left: 5% !important; padding-right: 5% !important; } .standorte-container .fusion-layout-column:first-child > div { padding-bottom: 100px !important; } .standorte-tabs .fusion-tabs .nav .active .tab-link:after { height: 40vh; width: calc(100vw - 10%); bottom: calc(100% + 30px); transform: translateX(-50%); } .history-slider:before, .history-slider:after { height: 40vh; width: calc(100vw - 10%); bottom: calc(100% - 120px); } .standorte-tabs > div { padding-top: 0 !important; margin-top: 30px !important; } .fusion-fullwidth > div > .fusion-one-half:last-child { padding-top: 60px; } .padding_last-child_remove .fusion-one-half:last-child { padding-top: 0!important; } .plus-list > div { padding-top: 60px !important } .fusion-testimonials .testimonial-thumbnail { bottom: 110%; left:0; } #bewerben:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox), #webinar:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } #bewerben > div > .fusion-layout-column:first-child .fusion-column-wrapper, #webinar > div > .fusion-layout-column:nth-child(2) .fusion-column-wrapper{ padding-top: 90px !important; padding-bottom: 0 !important; } .mplr > div { padding-left: 20px !important; padding-right: 20px !important; } #intro .fusion_builder_column_1_4 { min-width: 450px; } #intro .fusion_builder_column_1_4.home-blase { min-width: 550px; } .fusion-accordian .panel-title a .fa-fusion-box:before { font-size: 29px !important; width: 29px !important; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #wiralsarbeitgeber > div > .fusion-layout-column:first-child { margin-right: 2% !important; } #wiralsarbeitgeber > div > .fusion-layout-column:last-child { padding-top: 0; width: 50% !important; } } @media screen and (min-width: 1024px) { .max-590 { max-width: 660px; } } @media screen and (max-width: 1140px) { .button-default { min-width: 275px; padding-left: 15px !important; padding-left: 15px !important; } } @media screen and (max-width: 1040px) { .tablet-p-0 > .fusion-column-wrapper { padding-left: 5% !important; padding-right: 5% !important; } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow.slick-next { transform: translate(-100%, -50%); } .wpostahs-slider-wrp .wpostahs-slick-slider .slick-arrow.slick-prev { transform: translate(100%, -50%); } .history-slider:before, .history-slider:after { height: 30vh; bottom: 100%; } .history-slider .fusion-title-size-two { padding-bottom: 90px; } } @media screen and (max-width: 1023px) { #bewerben > div > .fusion-layout-column:first-child .fusion-column-wrapper, #webinar > div > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { padding-bottom: 45px !important; } .fusion-column-wrapper, #selection > div { padding-left: 5% !important; padding-right: 5% !important; } .standorte-tabs .fusion-tabs .nav .nav-tabs { max-width: inherit; } } @media screen and (max-width: 767px) { #bewerben > div > .fusion-layout-column:first-child .fusion-column-wrapper, #webinar > div > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { padding-top: 60px !important; text-align: center } .post-content > div:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 60px !important; padding-bottom: 60px !important; } .post-content > #trial-footer:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-bottom: 90px !important; } .post-content > div.folge-container:not(#intro):not(#submenu):not(#success-stories):not(#filter):not(#filter-select):not(#filter-container):not(#webinar-stoererbox) { padding-top: 0 !important; } .fusion-accordian .panel-body { padding: 30px !important; } .history-slider .fusion-title-size-two { padding-bottom: 70px; } /*Columns Content rows*/ .mptb-50 > div { padding-top: 50px !important; padding-bottom: 50px !important; } .mplr > div { padding-left: 10px !important; padding-right: 10px !important; } #intro + .fusion-fullwidth > div > .fusion-layout-column > .fusion-column-wrapper { padding-top: 45px !important } #intro + .fusion-fullwidth > div > .fusion-layout-column:first-child > .fusion-column-wrapper { padding-top: 0 !important } /*Intro Box */ #intro .fusion_builder_column_1_4, #intro .fusion_builder_column_1_4.home-blase { min-width: inherit; } /*Footer Copyright */ .graph-trenner:after, #success-stories:after, .fusion-footer:before { height: 100px; } .fusion-footer-widget-area >div > div > .fusion-column-last { text-align: center; } .fusion-footer-widget-area .fusion-widget-area { flex-direction: column; } .fusion-footer-widget-area .widget_nav_menu { text-align: center; } .fusion-footer-widget-area .fusion-column:first-child { max-width: 220px; padding: 0 !important; margin: 0 !important; } .fusion-footer-widget-area .fusion-column.fusion-column-last { margin: 15px 0 0 !important; } .fusion-footer-widget-area .widget_nav_menu li a, .fusion-footer-widget-area .copyright { font-size: 12px !important; letter-spacing: .5px; } /*Submenu mobile Dropdown */ #submenu > div > div > .fusion-column-wrapper > .fusion-builder-row { margin: 0; width: auto; } #submenu .submenu_dropdown { top: 50%; right: 0; } #submenu .submenu_dropdown:after { display:block; } #submenu .submenu_dropdown > .fusion-column-wrapper { display:none; padding: 20px 0 !important; position: absolute; top: 100%; right: 0; width: 90vw; justify-content: flex-start; } #submenu .submenu_dropdown:hover > .fusion-column-wrapper { display:flex; /*MF*/ margin-right: -120px; } #submenu .submenu_dropdown > .fusion-column-wrapper > .fusion-button-wrapper .fusion-button-text { text-shadow: 0 0 6px rgba( 0,0,0, .3); } #submenu .submenu_dropdown > .fusion-column-wrapper > .fusion-button-wrapper:first-child .fusion-button { padding-left: 0 !important; } #submenu .submenu_dropdown > .fusion-column-wrapper > .fusion-button-wrapper:last-child { display: none; } /*Success Story Slider */ .tfs-slider .slide-content-container { padding-left: 10px !important; padding-right: 10px !important; } .tfs-slider .slide-content-container .slide-content { padding: 20px 30px; } .tfs-slider .flex-control-nav { bottom: 7.5% !important; } #footer > .fusion-row { max-width: 31vw; } #footer > .fusion-row img { padding: 30px 0; } } @media only screen and (max-device-width: 640px) { #content { margin-bottom: 0 !important; } } /*Borlabs Cookie Banner Hinweis Popup */ #BorlabsCookieBox p { font-size: 1em !important; } #BorlabsCookieBox .bcac-item h4 { font-size: 1.25em !important; } /*Keyframe Animationen*/ @keyframes cursor-blink { 50% { color: transparent; } } @keyframes show-up { from { opacity: 0; } to { opacity: 1; } } /*Multiline Typewriter*/ .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /**/ #submenu.fusion-ie-mode::before { display:none !important; } #fusion-tab-paris { margin-left: -19.98px!important; } .price-height { margin-top:auto; } .es-webinar-font { font-size: 20px!important; } .es-webinar-content p { font-size: 20px !important; text-align: center!important; padding-bottom: 50px; } .es-webinar-font a { color: #000 !important; text-align: center!important; font-size: 20px!important; } .es-webinar-wrapper { position: fixed; top: 70%; z-index: 999; background-color: rgba(255,255,255,0); } .es-webinar-headline { text-align: center!important; } .es-webinar-2 { border: 2px solid black; background: #fff!important; position: fixed; bottom: 5%; right: 3%; width: 33vw; border: 2px solid var(--theodary); border-radius: 0 30px 30px 30px; max-width: 500px; overflow: hidden; z-index: 9999999; opacity: 0; animation: show-up .5s 7s forwards; } .es-webinar-main-title { font-size: 30px!important; text-align: center!important; background-color: #FAFAFA!important; } .es-webinar-main-title-2 { font-size: 16px!important; text-align: center!important; background-color: #FAFAFA!important; color: #bababa; padding-top: 20px!important; } .fusion-gallery .fusion-gallery-column .fusion-gallery-image { overflow: hidden; opacity: 1; border-radius: 0 30px 30px 30px; box-shadow: 0 3px 30px rgb(0 0 0 / 16%); } #blocknone { display: none; } .fusion-post-content p, .post-content p { font-size: 23px!important; } @media only screen and (min-width: 320px) and (max-width: 768px) { h2 { font-size: 36px!important; } h4 { font-size: 36px!important; } #solution-4 { margin-top: 8%!important; } .fusion-title.fusion-title-16 { text-align: center; } .ref-button-center { margin-left: 10%!important; margin-bottom: 20%!important; } .tfs-slider .slide-content-container .slide-content h6 { line-height: 22px!important; } #filter-select select { margin-bottom: 7px!important; } } .new-box-font-size h5 { font-size: 32px!important; } .new-box-width { width: 38%!important; } .new-image-pos { margin-left: 27%!important; } @media only screen and (min-device-width : 1024px) and (max-device-width : 1920px) { .new-box-width { width: 49%!important; margin-left: -7%; padding-right: 20px!important; padding-left: 20px!important; } .new-image-pos { margin-left: 32%!important; } .tfs-slider .slide-content-container .tfs-button-1 { margin-top: 6.25%; padding: 0 7.5px; display: inline-block; left: 41%; position: absolute; } } .toggle-center { margin-left: 76%; margin-right: -76%; } .toggle-center > h4 > a > span { color: #3b3b3c!important; } .success-textblock { padding-right: 13%; padding-left: 13%; } .success-toggle { margin-left: -10%; } .img-free { position: absolute!important; left: 53%; margin-top: -16%!important; } .heading-free { position: absolute!important; left: 0%; left: 1%; margin-left: 3%; margin-top: -16%!important; } .success-image { padding-bottom: 2%!important; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .img-free { position: inherit!important; left: 0%; } .heading-free { position: inherit!important; } .new-image-pos { margin-left: 0%!important; } .toggle-center { margin-left: 0%; margin-right: 0%; } .success-toggle { margin-left: 0%; } .loesung-toggle { margin-top: -17%; } .tfs-slider .slide-content-container .tfs-button-1 { margin-top: 10.25%!important; padding: 0 7.5px; display: inline-block; left: 11%!important; position: absolute; } } /* iPad (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .img-free { position: inherit!important; left: 0%; } .new-image-pos { margin-left: 0%!important; } .heading-free { position: inherit!important; margin-bottom: 13%!important; } .toggle-center { margin-left: 0%; margin-right: 0%; } .success-toggle { margin-left: 0%; } .loesung-toggle { margin-top: -9%; } .tfs-slider .slide-content-container .tfs-button-1 { margin-top: 11.25%!important; padding: 0 7.5px; display: inline-block; left: 31%!important; position: absolute!important; } } .profil-img { margin-top: 17%!important; } .tfs-slider .slide-content-container .tfs-button-1 { margin-top: 6.25%; padding: 0 7.5px; display: inline-block; left: 43%; position: absolute; } .trial-action .fusion-row > .fusion-layout-column:nth-child(1) { padding-right: 5px !important; } .trial-action .fusion-row > .fusion-layout-column:nth-child(2) { padding-right: 10px !important; } } #team .fusion-filters li a[data-filter*="gruender"] { display:none !important; } #team .fusion-filters li a[data-filter*="founder"] { display:none !important; } .mf-u-display-none { display:none !important; } form.sib_signup_form input[type=checkbox] { position: relative!important; width: 36px!important; height: 36px!important; left:0!important; margin-right: 15px!important; border: none; background: transparent; -webkit-appearance: none; } form .sib-multi-lists input[type=checkbox] { width:30px!important; height:30px!important; } form .sib-multi-lists input[type=checkbox]:before { border-radius:0!important; width: 24px!important; height: 24px!important; } form .sib-multi-lists input[type=checkbox]:checked:after { border-radius:0!important; } .sib-multi-lists { margin-bottom: 35px; } p.sib-multi-lists-area { text-align: left!important; margin: 35px 0 5px!important; font-size: 1.2rem!important; } form.sib_signup_form p.sib-OPT_IN-area, form.sib_signup_form p.sib-OPT_IN-area ~ p, form.sib_signup_form span { text-align: center; font-family: 'Poppins Medium 500'!important; font-size: 14px!important; letter-spacing: 1px; font-weight: 400; } form.sib_signup_form span { display:block; } /*Formular Selector