/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*.stoerung {
    font-size: 10px;
    margin-top: -15px;
    color: red;
}

.fusion-secondary-main-menu     .stoerung {
    margin-top: 0;
    color: white;
}*/

/*############################################################################*/
/* Schriftarten Einbindung*/
/*############################################################################*/
/*

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: auto;
    font-weight: 400;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: auto;
    font-weight: 700;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: auto;
    font-weight: 800;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 300;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-300italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 400;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 500;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-500italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 600;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-600italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 700;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-700italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-display: auto;
    font-weight: 800;
    src: url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/OpenSansWeb/open-sans-v34-latin-800italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* @font-face {
  font-family: 'Iconfont-Teamdrive';
  font-display: auto;  
  src:  url('fonts/Icomoon/icomoon.eot?31svmk#iefix') format('embedded-opentype'),
    url('fonts/Icomoon/icomoon.woff?31svmk') format('woff'),
    url('fonts/Icomoon/icomoon.svg?31svmk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
} */








/*
#####################################################################
display: none;
#####################################################################
*/
.ghost-tab,
.fusion-section-separator,
.fusion-blog-shortcode .fusion-content-sep,
.newsletter-form form>div>div:nth-child(1) label,
.newsletter-form form>div>div:nth-child(2) label,
.newsletter-form form>div>div:nth-child(3) label,
#main .fusion-meta-info .fusion-button:after,
.fusion-sharing-box a:after,
.pagination-prev:before,
.pagination a.inactive::after,
/* #custom_html-2 .hotline, */
#content .news2 .flex-direction-nav a:after,
/* #sticky-sidebar a[title=homeoffice]:before, */
body.search-no-results .search-page-search-form .fusion-title,
.fusion-main-menu-search-overlay .fusion-main-menu>.fusion-overlay-search,
html[lang="de-DE"] .login-link.en,
html[lang="en-US"] .login-link.de,
.fusion-sharing-box h4,
.ginput_complex label,
.gform_heading,
.blog .fusion-meta-info span,
.fusion-page-title-bar,
.fusion-title .title-sep-container,
aside#sidebar,
body #main .post h2 a:after,
.related-posts .fusion-date,
/* .related-posts a:after, */
body.single-post article>.fusion-flexslider a:after,
.fusion-image-wrapper a:after,
ul.fusion-menu .fusion-vertical-menu-widget .menu li>a>span.arrow,
body.home #main:before,
.fusion-section-separator>div,
#content .panel-title a:after,
.feature-section .fusion-toggle-heading,
.fusion-header-sticky-height {
    display: none !important;
}



.fusion-secondary-main-menu .hotline,
#card-1 .platform-item-collections .product-item,
.allfeat .hint,
.comp-tab .th .hint,
#content .card .footer .col-r a[iid]:after,
button.more-products.hide,
/* .hidden-product-items, */
.platform-item-collections>.platform,
.tabs.smallscreen,
.tabcontents>div:not([class*="active"]),
body:not([class*="home"]) .claim .for,
.infobubble .read-more,
.claim:before {
    display: none;
}





body .gform_wrapper .gform_button,
body.page-template-page-contact label,
body * {
    font-family: 'Open Sans', "Helvetica", "Arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body #main {
    padding: 0 !important;
    font-size: 20px;
    margin-top: 93px;
    min-height: 100vh !important;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

body #main,
body p,
body #main ul li,
body #main ol li {
    color: #000;
}

strong,
p strong {
    font-weight: 600;
}

#content .fusion-sharing-box a {
    font-weight: 300;

}

/* body #main .fusion-column-wrapper {
    margin-left: 0;
    margin-right: 0;
} */
/* .users ul li a{
    font-size: 18px;
    font-weight: 300;
} */

/* .users ul li a.cloud-for
{
    font-weight: 700;
} */
.users>div>div {
    /* background: #e4e7ea; */
    background: #f7f9fb;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px;
    width: 100%;
}

.users img {
    height: 100%;
    object-fit: cover;
}

.users .img {
    max-width: 260px;
}

/* .users > div:nth-child(1) > div:last-child > div{
    transform: translateY(-50%);
    top: 50%;
    position: relative;
} */
.users ul {
    /* list-style: none; */
    margin: 0;
    padding: 20px;
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.users ul li {
    /* font-size: 20px; */
    margin-bottom: 5px;
    font-weight: 600;
}



.users .u3>div:first-child {
    width: 130%;
}

.users .u8>div:first-child,
.users .u4>div:first-child {
    width: 150%;
}


.users {
    margin-top: 30px;
}


.Section_sitemap>div,
.its,
.msf,
.td_pro,
.ref,
.users-intro,
.comparison,
.users>div {
    display: flex;
    /* overflow-y: scroll; */
}

.users>div>div:first-child,
.users>div>div:last-child {
    padding: 45px;
}


.users>div>div:last-child {
    min-width: 370px;
}


#main .td_pro h3 {
    line-height: 1.1 !important;
    /* margin-top: 0 !important; */
}

/* .users > div:nth-child(3) > div:first-child {
    width: 60%;
}

.users > div:nth-child(4) > div:first-child {
    width: 55%;
}

.users > div:nth-child(6) > div:last-child,
.users > div:nth-child(1) > div:last-child {
    width: 44%;
}


.users > div:nth-child(3) > div:last-child,
.users > div:nth-child(5) > div:last-child,
.users > div:nth-child(2) > div:last-child {
    width: 42%;
}

.users > div:nth-child(4) > div:last-child {
    width: 36%;
} */



#main .users h3 {
    font-size: 30px;
    margin: 0 0 20px 0 !important;
}

.ref,
.users-intro,
.comparison {
    padding: 100px 20% 0 20%;
}


.ref>div,
.users-intro>div,
.comparison>div {
    width: 50%;
}

.ref>div {
    text-align: center;
}

.ref p {
    font-size: 30px;
    line-height: 60px;
}

.ref p:nth-child(2) {
    font-size: 100px;
    font-weight: 700;
    color: #63666b;
}


.ref-wall {
    background: #f7f9fb;
    padding: 50px;
    margin: 70px 5px 0 5px;
    /* border-radius: 10px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ref-wall>div {
    display: flex;
}

.ref-wall>div>span>div {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

.ref-wall>div>span:last-child>div:last-child {
    margin-right: 0;
}



.ref-wall>div>span {
    display: flex;
}


/* .ref-wall > div > div > div{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
} */

/* .ref-wall img:last-child {
    margin-right: 0;
} */


/* .ref-wall > div > div{ */
/* display: inline; */
/* display: flex;
    justify-content: center; */
/* } */

.msf {
    /* display: flex; */
    padding: 100px 100px 0 100px;
}

.msf .l {
    width: 45%;
    position: relative;
    padding-right: 100px;
}

.msf .r {
    width: 40%;
}

body .fusion-header-v5 .fusion-main-menu .fusion-menu {
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    width: calc(100vw - 630px);
    /* width: 1650px; */
}

ul[id^="menu-hauptmenue"].hover:before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1;
}

body.home.page #main .Section_sitemap h2 {
    margin-top: 30px !important;
}

body.page #main .blog h1,
body.page #main .headline-last-blogposts>h2 {
    font-size: 33px !important;
}

body.page #main .blog h1 {
    margin-bottom: 20px !important;

}

body.page #main .blog.Section_Directlinks h2 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 28px !important;
}

body.page #main .headline-last-blogposts>h2 {
    margin-bottom: 50px !important;
    margin-top: 100px !important;
}

#main .blog .fusion-title {
    margin-bottom: 0 !important;
}

.Section_sitemap,
.its {
    padding: 100px 50px 0 50px;
}


.Section_sitemap>div>div,
.its>div {
    padding: 0 50px;
    width: 100%;
}

.its>div h3 {
    margin: 0 0 20px !important;
    text-align: left !important;
    font-size: 40px;
}



/* .its > div:first-child h3 {
    font-weight: 300 !important;
} */

.its>div:last-child h3 {
    /* font-weight: 600 !important; */
    color: #f79222 !important;
}





body.home #main .msf h2 {
    text-align: left;
    margin: 80px 0 30px 0px !important;
}

.comparison>div:first-child {
    padding-right: 60px;
}

body.home h2 {
    font-size: 50px !important;
    margin-top: 125px !important;
    text-align: center;
    line-height: 1.2 !important;
}



/* body.page:not([class*="home"]) #content, */

/* .faq-toggle, */

.w1300 {
    max-width: 1300px !important;
}

.w1000 {
    max-width: 1000px !important;
}


.w800 {
    max-width: 800px;
}

.w600 {
    max-width: 600px;
}


/* body .fusion-fullwidth.w1000,
body .fusion-flex-container .fusion-row .w1000.fusion-flex-column .fusion-column-wrapper {
    max-width: calc(1000px - 80px) !important;
    max-width: 1000px;
    padding: 0 40px;
} */

body .w1000.fusion-fullwidth,
body .w1000.fusion-flex-column > .fusion-column-wrapper {
    /* max-width: calc(1000px - 80px) !important; */
    max-width: 1000px;
    padding: 0 40px;
} 



body .fusion-fullwidth {
    /* padding: 0 !important; */
    /* margin: 0 !important; */
    background-color: transparent !important;
}

.w100p > .fusion-row {
    max-width: 100% !important;
}

body.single-post[fullwidth-content="false"] #content {
    max-width: 1000px;
}

.content-padding {
    padding: 0 40px !important;
}

/* body.page:not([class*="home"]) #content, */
body.single-post[fullwidth-content="false"] #content,
.faq-toggle,
.w1300,
.w1000,
.w800,
.w600 {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 40px;
    float: none;
}

/* .w50-center {
    width: 50%;
    margin: auto !important;
    padding: 0 50px;
} */

.topics .cbox {
    display: flex;
}


.topics .teaser {
    background: white;
    border-radius: 10px;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    padding: 30px 40px;
}

.topics .cbox .l {
    width: 45%;
    /* background: #5f8d9b; */
    margin-right: 20px;
    position: relative;
}

.topics .cbox .r {
    width: 55%;
    /* background: #dfe8eb; */
}

.topics>div>div {
    margin-bottom: 20px;
}





.topics .cbox .r {
    background: #eeeeef;
}


.topics .c1 .cbox .l {
    background-color: #5f7b9b;
}

body #main .topics .c1 .btns a.btn:after {
    color: #5f7b9b;
}

/* .topics .c1 .cbox .r {
    background: #dfe8eb;
} */

body #main .topics .c2 .btns a.btn:after {
    color: #5f709b;
}

.topics .c2 .cbox .l {
    background-color: #5f709b;
}

/* .topics .c2 .cbox .r {
    background: #dfe6eb;
} */

body #main .topics .c3 .btns a.btn:after {
    color: #5f629b;
}

.topics .c3 .cbox .l {
    background-color: #5f629b;
}

/* .topics .c3 .cbox .r {
    background: #dfe5eb;
} */

body #main .topics .c4 .btns a.btn:after {
    color: #6c5f9b;
}

.topics .c4 .cbox .l {
    background-color: #6c5f9b;
}

/* .topics .c4 .cbox .r {
    background: #dfe2eb;
} */

body #main .topics .c5 .btns a.btn:after {
    color: #775f9b;
}

.topics .c5 .cbox .l {
    background-color: #775f9b;
}

body #main .topics .c6 .btns a.btn:after {
    color: #855f9b;
}

.topics .c6 .cbox .l {
    background-color: #855f9b;
}

body #main .topics .c7 .btns a.btn:after {
    color: #955f9b;
}

.topics .c7 .cbox .l {
    background-color: #955f9b;
}

.td-vs,
.comp-tab {
    margin: 50px 100px;
}

.web-app {
    margin: 150px 100px 50px;
}

.card {
    margin: 100px 100px 0;
}

#card-1 {
    margin-top: 60px;
}

.topics>div {
    margin: 20px 100px;
}

/* .topics
{
    margin-top: 30px; 
} */


body #main .topics .tbox a.btn:after,
body #main .topics .tbox a.btn,
html[data-mobildevice="false"] body #main .topics .tbox a.btn:hover,
html[data-mobildevice="false"] body #main .topics .btns a.btn:hover,
body #main .topics .btns a.btn {
    color: #333 !important;
}

body #main .topics .btns a.btn {
    padding-right: 40px;
}





body #main .topics .btns a.btn {
    background: white;
    color: #333;
    border-radius: 5px 0px 0px 5px;
    margin-bottom: 1px;
    position: relative;
}

.topics .btns {
    height: 100%;
}

body #main .topics>div>div .btns a.btn:after {
    /* color: #5f8d9b; */
    float: right;
    top: 50%;
    position: absolute;
    right: 0;
}

.topics .tbox {
    position: relative;
    width: 60%;
    top: 0;
    background: white;
    left: 32%;
    margin: 30px 0;
    float: right;
    padding: 20px;
}

.topics .tbox,
.topics .cbox .r,
.topics .cbox .l {
    border-radius: 10px;
}



.topics .btns>div {
    display: flex;
    flex-direction: column;
    width: 60%;
    float: right;
    padding: 20px 0;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}

.topics .hl {
    color: white;
    font-size: 35px;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    left: 50px;
    position: absolute;
    line-height: 35px;
}


body #main .topics .tbox a.btn {
    background: transparent;
    color: #333;
    padding: 0 55px 0 0;
    font-weight: 400;
}



.topics div.l {
    /* background-image: url("images/icon-wolke.svg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



.topics .i1 .l {
    background-image: url("images/icon-versus.svg");
}

.topics .i2 .l {
    background-image: url("images/icon-faq2.svg");
}

.topics .i3 .l {
    background-image: url("images/icon-video-tutorial.svg");
}

.topics .i4 .l {
    background-image: url("images/icon-wolke.svg");
}

.topics .i5 .l {
    background-image: url("images/icon-schloss.svg");
}

.topics .i6 .l {
    background-image: url("images/icon-vcard.svg");
}

.topics .i7 .l {
    background-image: url("images/icon-karton.svg");
}

.topics .i8 .l {
    background-image: url("images/icon-backup.svg");
}

.topics .i9 .l {
    background-image: url("images/icon-ransomware.svg");
}

.topics .i10 .l {
    background-image: url("images/icon-schild.svg");
}

/* content: url("images/Check-1.svg"); */


/* .topics .i1 div.l:before {
    content: "\e903";
}
.topics .i2 div.l:before {
    content: "\e904";
    font-size: 70px;
    top: -85px;
}
.topics .i3 div.l:before {
    content: "\e905";
    font-size: 50px;
    top: -63px;
}

.topics .i4 div.l:before {
    content: "\e906";
} */

/* #avada-vertical-menu-widget-6 ul.menu li a {
    font-size: 16px !important;
    line-height: 25px;
    font-weight: 300;
    border-radius: 5px 0 0 5px;
    background: #4d4d4e;
} */

ol li,
ul li,
p {
    font-weight: 300;
}


body .fusion-main-menu .sub-menu .current-menu-item>a {
    background-color: #464A53;
}

body .fusion-main-menu .fusion-dropdown-menu .sub-menu li a {
    padding: 5px 20px !important;
    font-size: 15px;
    font-weight: 300;
}

body .fusion-main-menu .fusion-dropdown-menu .sub-menu li:last-child:after,
body .fusion-main-menu .fusion-dropdown-menu .sub-menu li:first-child:before,
body .fusion-main-menu #menu-item-18068 .sub-menu li:nth-child(3):after,
body .fusion-main-menu #menu-item-18068 .sub-menu li:nth-child(4):before,
body .fusion-main-menu #menu-item-18078 .sub-menu li:nth-child(3):after,
body .fusion-main-menu #menu-item-18078 .sub-menu li:nth-child(4):before,
body .fusion-main-menu #menu-item-16268 .sub-menu li:nth-child(3):after,
body .fusion-main-menu #menu-item-16268 .sub-menu li:nth-child(4):before,
body .fusion-main-menu #menu-item-16267 .sub-menu li:nth-child(3):after,
body .fusion-main-menu #menu-item-16267 .sub-menu li:nth-child(4):before {
    content: "";
    height: 10px;
    display: block;
}

body .fusion-layout-column.content-box>.fusion-column-wrapper,
.content-box {
    background: #e4e7ea;
    border-radius: 10px;
    padding: 0 30px 20px 30px;
    margin-bottom: 20px !important;

}

div.a {
    line-height: 0;
}

body .fusion-layout-column.content-box {
    background: none;
    padding: 0;
}

a.awb-lightbox {
    position: relative;
    display: inline-block;
}

a.awb-lightbox.border>img {
    border: 2px solid #e4e7ea;
}

a.awb-lightbox:before {
    content: "\e907";
    position: absolute;
    right: -2px;
    font-size: 25px;
    background: #4d4d4e;
    padding: 4px 10px;
    border-radius: 0 5px;
    margin-top: -20px;
    color: #fff;
    font-weight: 300;
    top: 16px;
    border: 12px solid #fff;
}

a.awb-lightbox:after {
    content: "" !important;
}

.td_pro>div.l {
    padding-right: 5%;
}

.td_pro>div.r .t1 .t2>div {
    width: 50%;
}

.td_pro>div.r .t1 .t2 div:last-child {
    padding-left: 60px;
}

.td_pro>div.r .t1 .t1 > div{
    /* display: flex; */
    position: relative;
    height: 190px;
}

.td_pro>div.r .t1 .t1 > div > ul {
    position: absolute;
}

.td_pro>div.r .t1 .t2 {
    display: flex;
    align-items: end;
}

  @keyframes slideshow__fade1 {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    45% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
        opacity: 0;
    }    
  }
  .slideshow ul.slide1 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 auto;
    animation-duration: 6s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: slideshow__fade1;
    animation-timing-function: ease-in;
    transition: opacity 2s ease-in;
  }

  @keyframes slideshow__fade2 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    55% {
        opacity: 1;
    }    
    95% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .slideshow ul.slide2 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 auto;
    animation-duration: 6s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: slideshow__fade2;
    animation-timing-function: ease-in;
    transition: opacity 2s ease-in;
  }

.td_pro>div.r>.t2 {
    margin-top: 70px;
}

.td_pro>div.r .t2 a {
    margin-right: 30px;
}

.td_pro>div.r h3 span {
    color: #f79222;
    font-weight: 700;
}


#main .td_pro>div.r h3 {
    font-size: 35px !important;
    font-weight: 600 !important;
}

.td_pro>div {
    width: 50%;
}

.td_pro>div.l img {
    margin: auto;
    display: block;
}

.td_pro>div.l>div:last-child {
    display: flex;
    justify-content: center;
}

.td_pro>div.l>div:last-child p:first-child {
    font-size: 61px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -2px;
    line-height: 9px;
    color: #fff;
    margin-top: 30px;
}

.td_pro>div.l>div:last-child p:nth-child(2) {
    font-size: 50px;
    font-weight: 300;
    font-style: italic;
    color: #48484d;
    letter-spacing: -2px;
    line-height: 1;
    margin-left: 15px;
}

.td_pro>div.l>div:last-child em:first-child {
    font-size: 22px;
    font-weight: 300;
}

.td_pro>div.l>div:last-child em:nth-child(3),
.td_pro>div.l>div:last-child em:nth-child(2) {
    font-size: 95px;
    font-weight: 700;
    letter-spacing: -5px !important;
    margin-left: 9px;
    color: #f79222;
}

.td_pro>div.l>div:last-child em:nth-child(3) {
    font-size: 70px;
}

.td_pro>div.l>div:last-child em:nth-child(4) {
    font-size: 23px;
    transform: translateY(-38px);
    display: inline-block;
    margin-left: 15px;
}

.td_pro>div.l>div:last-child p:nth-child(3) {
    margin-top: -80px;
    margin-left: 230px;
}

/* .td_pro > div.l > div:last-child p:nth-child(4) {
    margin-top: 130px;
} */

.td_pro>div.r>.t2 a.btn {
    margin-bottom: 10px;
}

.td_pro {
    background-position: left top;
    background-image: url("/wp-content/uploads/2023/05/bg_td_pro.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
    padding: 100px 5%;
}


.its_for_host {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/* .its_for_host > div  { */
/* margin-right: 5%; */
/* text-align: center; */
/* } */

.its_for_host>div>div {
    padding: 10px;
    background: #f2f2f2;
    border-radius: 20px;
    max-width: 244px;
    margin: auto;
}

#content .its_for_host img {
    display: block;
    border-radius: 10px;
    margin-bottom: 0;
}

.its_for_host>div:first-child p {
    font-size: 21px;
    font-weight: 300;
}

.its_for_host>div:last-child p {
    font-size: 25px;
    font-weight: 600;
}

.its_for_host>div:nth-child(2) p {
    font-size: 23px;
    font-weight: 400;
}

.its_for_host>div {
    text-align: center;
    /* min-height: 350px; */
    /* min-width: 380px; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 380px;
}

.its_for_host>div p {
    margin-top: 10px;
}

.its_teamdrive .btn {
    margin-top: 50px;
    margin-bottom: 80px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* .its_for_all .text { */
/* width: 600px; */
/* margin: auto; */
/* font-size: 21px; */
/* font-weight: 300; */
/* text-align: center; */
/* } */


.tc {
    text-align: center;
}

#main .fusion-button {
    font-size: 18px;
    line-height: 1.5;
    margin-right: 5px;
    margin-bottom: 20px;
}


body.page-template-page-newsletter button[type="submit"],
body.page-template-page-contact input[type="submit"].gform_button,
#main .fusion-button,
body .infolayer a.btn,
body #main a.btn {
    background: #48484d;
    border-radius: 5px;
    padding: 9px 55px 10px 25px;
    /* font-size: 21px; */
    font-weight: 300;
    color: white;
    display: inline-block;
    position: relative;
}

body.page-template-page-contact input[type="submit"].gform_button,
body.page-template-page-newsletter button[type="submit"] {
    font-size: 18px;
    background: #48484d !important;
}

body.page-template-page-contact input[type="submit"].gform_button {
    padding: 9px 20px 10px 20px;
}

.newsletter-form form button {
    background: #48484d !important;
    border-radius: 5px !important;
    padding: 9px 25px 10px 25px !important;
    font-weight: 300;
    color: white !important;
    display: inline-block;
    position: relative;
    font-size: 18px;
}


body #main a.btn[class*="size-2"] {
    padding: 14px 69px 15px 30px;
    font-size: 23px;
}

.its_for_host .more-btn-wrap {
    margin-top: 30px;
}


body #main a[class*="size-3"] {
    font-size: 15px;
    padding: 4px 30px 6px 15px;
}

body #main a.btn[class*="size-3"]:after {
    font-size: 12px;
    right: 2px;
}


body #main a.btn[class*="bg-2"] {
    background: #f79222;
    font-weight: 400;
}

body #main a.btn[class*="bg-3"] {
    background: transparent;
}



#main .fusion-button:after,
body .infolayer a.btn:after,
body #main a.btn:after {
    content: "\e901";
    transform: rotate(180deg) translateY(-50%);
    margin-left: 10px;
    font-size: 19px;
    color: white;
    line-height: 0;
    /* animation: buttonout .05s ease-out 1; */
    /* animation-fill-mode: forwards; */
    position: absolute;
    right: 13px;
    top: 50%;
}



/* .its_for_all .text, */
.its_for_all h2 {
    padding: 0 50px;
}

/* html[data-mobildevice="false"] body #main a.btn:hover { */
body #main a.btn:hover {
    color: white !important;
}



body .infolayer a,
body #main a {
    text-decoration: underline;
    font-weight: 600;
}

body #main .pagination a,
body #main .related-posts a,
body #main .fusion-social-networks a,
body #main a.fusion-read-more,
body #main h2 a,
body #main a.fusion-button,
body #main [iid] a,
body #main a.btn,
body #main .card a {
    text-decoration: none;
}

body .infolayer a {
    color: #fff;
}


#content a:hover {
    color: #333;
}

body .infolayer a:after,
#content a:after {
    content: "\e902";
    margin-right: 8px;
    margin-left: -1px;
    display: inline-block;
    color: #f79222;
    font-size: 10px;
    font-weight: 400;
    transform: rotate(-225deg) translate(-8px, 5px);
    -webkit-transform: rotate(-225deg) translate(-8px, 5px);
    width: auto;
    height: auto;
    position: relative;
    right: 0;
}

#content a.a:after {
    transform: rotate(-90deg) translate(3px, 5px);
    -webkit-transform: rotate(-90deg) translate(3px, 5px);
}

html[data-mobildevice="false"] #content a.a:hover:after {
    animation: anchorlinkhover .05s ease-out 1;
    animation-fill-mode: forwards;
}

@keyframes anchorlinkhover {
    0% {
        transform: rotate(-90deg) translate(3px, 5px);
    }

    100% {
        transform: rotate(-90deg) translate(-2px, 5px);
    }
}

#content .news2 a:after {
    margin-left: 2px;
    font-size: 9px;
    transform: rotate(-225deg) translate(-5px, 5px);
    -webkit-transform: rotate(-225deg) translate(-5px, 5px);
}

html[data-mobildevice="false"] a:hover:after {
    animation: linkhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


html[data-mobildevice="false"] #main .fusion-button:hover:after,
html[data-mobildevice="false"] body .infolayer a.btn:hover:after,
html[data-mobildevice="false"] body #main a.btn:hover:after {
    animation: buttonhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


@keyframes linkhover {
    0% {
        transform: rotate(-225deg) translate(-8px, 5px);
    }

    100% {
        transform: rotate(-225deg) translate(-12px, 5px);
    }
}

@keyframes buttonhover {
    0% {
        transform: rotate(180deg) translate(0, 0px);
    }

    100% {
        transform: rotate(180deg) translate(-7px, 0px);
    }
}

/* @keyframes buttonout {
    0% {
      transform:  rotate(180deg) translate(-7px, -2px);
    }
    100% {
      transform:  rotate(180deg) translate(0, -2px);
    }
} */

body #main a.btn[class*="size-2"]:after {
    /* transform: rotate(180deg) translateY(-2px); */
    font-size: 23px;
}

body #main a.btn[class*="ico-clr-2"]:after {
    color: #f79222;
}

.its_teamdrive {
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0;
    background-size: cover;
    background-image: url("/wp-content/uploads/2023/05/bg_its_teamdrive.jpg");

    background-size: cover;
    background-position: top left !important;
}


body .page .post-password-form {
    max-width: 650px;
    margin: auto;
    padding-top: 50px;
}

@keyframes toggleopenhover {
    0% {
        transform: rotate(180deg) translateY(0);
    }

    100% {
        transform: rotate(180deg) translateY(4px);
    }
}

@keyframes togglehover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(4px);
    }
}

/* @keyframes toggleout {
    0% {
        transform:  rotate(-90deg) translateX(-5px);
    }
    100% {
        transform:  rotate(-90deg) translateX(0);
    }
} */



.toggle-foot:after {
    content: "\f107";
    /* font-family: 'awb-icons'; */
    /* transform: rotate(-90deg); */
    /* -webkit-transform: rotate(-90deg); */
    float: right;
    margin-right: 10px;
    font-size: 20px;
    /* animation: toggleout .2s ease-out 1; */
    /* animation-fill-mode: forwards; */
    margin-top: -5px !important;
}


.usp-toggles .toggle.open .toggle-foot:after {
    transform: rotate(180deg);
}

.usp-toggles .toggle-content {
    padding: 0;
    background-color: transparent;
}

html[data-mobildevice="false"] .usp-toggles .toggle.open:hover .toggle-foot:after {
    animation: toggleopenhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


html[data-mobildevice="false"] .usp-toggles .toggle:hover .toggle-foot:after {
    animation: togglehover .05s ease-out 1;
    animation-fill-mode: forwards;
}


html[data-mobildevice="false"] .usp-toggles .toggle.open:hover .toggle-foot:after {
    animation: toggleopenhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


html[data-mobildevice="false"] .usp-toggles .toggle:hover .toggle-foot:after {
    animation: togglehover .05s ease-out 1;
    animation-fill-mode: forwards;
}


body.home .toggle-row {
    display: flex;
    margin: 40px 100px;
    justify-content: space-between;
    /* cursor: pointer; */
}

.usp-toggles {
    margin-top: 100px;
}

[iid],
.toggle-head,
.toggle-foot {
    cursor: pointer;
}

body.home .toggle {
    margin: 0 50px 0 0;
    width: 100%;
    height: fit-content;
}

body.home .toggle-row .toggle:last-child {
    margin-right: 0;
}

.usp-toggles .toggle:before {
    /* body.home .toggle-head:before { */
    /* content: "\e922"; */
    /* color: #627b82; */
    font-size: 40px;
    margin: 0px 14px 0 20px;
    /* display: inline-block; */
    transform: translateY(18px);
    -webkit-transform: translateY(18px);
    position: absolute;
}

.usp1:before {
    content: "\e90a";
    color: #627b82;
}

.usp2:before {
    content: "\e909";
    color: #71778e;
}

.usp3:before {
    content: "\e90b";
    color: #7d6696;
}

.usp4:before {
    content: "\e90f";
    color: #6f73aa;
}

.usp5:before {
    content: "\e90e";
    color: #87597e;
}

.usp6:before {
    content: "\e90d";
    color: #a26571;
}

.usp8:before {
    content: "\e90c";
    color: #a97e74;
}




/* #content .card-title [iid] a:after, */
#content .tabcontents [iid] a:after,
body.home #main .toggle-content>div>a:after {
    content: "";
    display: none;
}

html[data-mobildevice="false"] #content .topic a:hover:after,
html[data-mobildevice="false"] body.home #main .usp-toggles .toggle-content>div>a:hover:after {
    content: "\e902" !important;
    position: absolute;
    right: 5px;
    color: #333;
    font-size: 12px;
    transform: rotate(140deg) translateY(50%) !important;
    top: calc(50% - 2px);
    display: inline-block;
}

body.home #main .toggle-content>div>a:before {
    /* body.home #main .toggle-content > div:before { */
    content: "\e900";
    color: #63666b;
    font-size: 24px;
    line-height: 1;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 29px;
    font-weight: 400;
    z-index: 1;
}

html[data-mobildevice="false"] body.home #main .toggle-content a:hover {
    background: #fff;
}

html[data-mobildevice="false"] #content .topic a:hover:after,
html[data-mobildevice="false"] body.home #main .toggle-content a:hover:before {
    /* html[data-mobildevice="false"] body.home #main .toggle-content > div:hover:before { */
    /* font-size: 30px;
    left: 32px; */
    transform: translateY(-50%) scale(1.2);
}

/* body #main .its_teamdrive a.btn[class*="size-2"] {
    margin-left: 20px;
    margin-right: 20px;
} */

.its_teamdrive .ctabtn {
    padding: 0 20px;
}

/* body #main .infobubble a:hover, */
body #main .infobubble a {
    background: none;
    color: #f79222 !important;
}



body.home #main .toggle-content>div>a {
    color: #333;
    display: block;
    margin-bottom: 1px;
    padding: 8px 40px 8px 79px;
    /* font-size: 18px; */
    position: relative;
    margin-left: 0px;
    font-weight: 300;
    pointer-events: all;
}

body.home .toggle-content a,
body.home .toggle-head,
body.home .toggle-foot {
    background: rgba(255, 255, 255, 0.7);
}

body.home .toggle-head {
    height: 97px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 1px;
    font-size: 27px;
    /* padding: 30px 30px 30px 80px; */
    line-height: 1.2;
    padding: 0 10px 0 77px;
    display: flex;
    align-items: center;
}

body.home .toggle-foot {
    height: 20px;
    border-radius: 0 0 10px 10px;
}


/* 
.its_teamdrive:before {
    content: "";
    width: 1000px;
    height: 50px;
    background: white;
    display: block;
    border-radius: 0 0 15px 15px;
    position: relative;   
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
} */

.its_teamdrive:before {
    content: "";
    width: 1000px;
    height: 50px;
    background: white;
    display: block;
    border-radius: 0 0 15px 15px;
    position: relative;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    /* margin: -40px 30px 0 30px; */
    margin: auto;
}

.usp-wrap {
    display: flex;
    justify-content: center;
    margin-left: 80px;
}

.usp_checklist li:before {
    /* content: url("images/Check-1.svg"); */
    content: "\e913";
    position: absolute;
    left: -70px;
    top: -10px;
    font-size: 70px;
    color: #f79222;
}


.usp_checklist {
    /* background: red; */
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    position: relative;
}

.usp_checklist li {
    font-size: 25px;
    margin-top: 50px;
    line-height: 1.2;
    position: relative;
}

.usp_checklist li strong {
    font-size: 30px;
}

.usp_checklist p {
    margin: 0;
}

/* .flex-viewport {
    margin-top: 30px;
} */
/* .news2 {
    height: 300px !important;
} */

.flexslider .flex-direction-nav {
    display: block !important;
}

#content .news2 .flex-direction-nav a.flex-prev {
    left: 4%;
}

#content .news2 .flex-direction-nav a {
    opacity: 1;
    color: #333;
    font-size: 50px;
    right: 4%;
    background: none;
    font-weight: lighter;
    text-decoration: none;
}

#content .news2 .flex-direction-nav a:hover {
    color: #f79222;
}

html[data-mobildevice="true"] .flex-direction-nav a {

    display: block !important;
}

/* .news2 .slide-content-container{
    display: block !important;
} */


/* .news2 .flex-active-slide .slide-content-container:before {
    content: "\e908";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    color: #9ea2a6;
} */

.news2 a.flex-active {
    background: #333 !important;
}

.news2 .flex-control-nav {
    display: none;
}

/* .news2 .flex-control-paging li a {
    background: #fff;
    box-shadow: none;
    border: 1px solid #333;
}


body .flex-control-nav {
    bottom: unset;
    top: 0;
} */


/* body .news2 .tfs-slider .slide-content-container {
    top: 30px;
    transform: none;
} */

/* .news2 .caption {
    opacity: 0;
} */

/* .news2 .flex-active-slide .caption {
    opacity: 1;
    transition: opacity .5s 2s;
} */

.news2 .slide-content {
    margin-top: 0 !important;
    opacity: 1 !important;
}


.news2 h6 {
    font-size: 18px !important;
    font-family: 'Open Sans' !important;
    line-height: 1.3 !important;
    font-weight: 300 !important;
    color: #333 !important;
}

.news2 .hl {
    font-weight: 300 !important;
    margin-bottom: 15px;
    font-size: 24px;
}


.quickinfo-wrap {
    display: flex;
    justify-content: center;
    background: white;
    width: 1000px;
    border-radius: 15px;
    margin-top: -35px;
}

.quickinfo-host {
    display: flex;
    justify-content: center;
    background-color: white;
}




.quickinfo {
    padding-top: 15px;
    visibility: hidden;
}

body #main .quickinfo a {
    text-align: center;
    min-width: 240px;
    margin-right: 15px;
    font-size: 28px !important;
    font-weight: 700;
    font-style: italic;
    padding: 10px 0px !important;
}



body #main .quickinfo a:after {
    font-style: normal;
    margin-right: 0;
}

body #main .quickinfo a:first-child {
    background-color: #e8e7e7;
}

body #main .quickinfo a:first-child:after,
body #main .quickinfo a:first-child {
    color: #9ea2a6;
}

body #main .quickinfo a:nth-child(2) {
    background-color: #9ea2a6;
}

body #main .quickinfo a:last-child {
    margin-right: 0;
    background-color: #63666b;
}

.claim {
    display: inline-block;
    width: 885px;
    position: relative;
    margin-left: -100px;
    margin-top: 80px;
    transform: scale(0.9);
}


body:not([class*="home"]) .claim {
    transform: scale(0.68);
    margin-top: -2px;
}

/* body.home .claim {
    margin-top: 80px !important;
    transform: scale(0.9);
} */

.claim .img {
    position: absolute;
    top: 80px;
    left: -130px;
}

.claim .txt {
    margin-left: 274px;
    position: relative;
    z-index: 1;
}

.claim .bg {
    background: white;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    border-radius: 20px;
    transform: skew(-10deg, 0deg);
}


.claim a.fusion-button {
    font-size: 20px !important;
    margin-bottom: 0px;
}

.claim .l1 {
    margin-top: 45px;
    font-weight: 700;
    font-size: 65px;
    font-style: italic;
    color: #63666b;
    line-height: 1;
}

.claim .l2 {
    font-size: 50px;
    font-style: italic;
    color: #f79222;
    line-height: 0.7;
    margin-bottom: 27px;
}

.claim .l3 {
    font-weight: 300;
    font-size: 27px;
    font-style: italic;
    color: #63666b;
    line-height: 1.3;
}

.claim .l4 {
    /* font-weight: 300; */
    font-size: 29px;
    font-style: italic;
    color: #63666b;
    line-height: 1.3;
}

.claim .l5 {
    font-weight: 700;
    font-size: 32px;
    font-style: italic;
    color: #63666b;
    line-height: 1.2;
    margin-bottom: 34px;
}

.claim .l6 {
    font-size: 20px;
    margin-left: 140px;
    font-weight: 300;
    padding-right: 70px;
}

body:not([class*="home"]) .claim .l6 {
    font-size: 23px;
}

.claim .l7 {
    margin-bottom: -27px;
    margin-top: 30px;
}

.claim .price em {
    font-style: unset;
    line-height: 0;
}

.claim .price {
    position: absolute;
    top: 113px;
    right: -110px;
    border-radius: 15px;
    padding: 8px;
}

.claim .price>.c {
    border-radius: 10px;
    padding: 50px 20px 20px 20px;
    position: relative;
    z-index: 1;
}

.claim .price .bg {
    border: 6px solid #e8e8e8;
}

.claim .price em:nth-child(1) {
    font-size: 15px;
    margin-right: 6px;
}

.claim .price em:nth-child(3),
.claim .price em:nth-child(2) {
    color: #f79222;
    font-weight: 700;
    font-style: italic;
    font-size: 68px;
    letter-spacing: -3px;
}

.claim .price em:nth-child(3) {
    font-size: 44px;
}

.claim .price em:nth-child(4) {
    font-size: 20px;
    transform: translateY(-22px);
    -webkit-transform: translateY(-22px);
    display: inline-block;
    margin-left: 6px;
}


body:not([class*="home"]) .claim .l6 {
    margin-left: 30px;
    padding-right: 180px;
}

body:not([class*="home"]) .claim .img {
    /* position: absolute; */
    top: 30px;
    left: -80px;
    width: 110px;
    transform: rotate(18deg);
}




.tabs {
    display: flex;
    padding: 0px 50px;
    margin-top: 30px;
    position: relative;
}

/* .tabs .active > div:before {
    content: url("/wp-content/themes/Avada-Child/images/tabcorner.svg");
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    left: -30px;
} */


.tabs>div:hover {
    cursor: pointer;
}

/* .tabs > div:hover:after,
.tabs .active:after {
    content: "";
    width: 100%;
    height: 60px;
    background: #48484d;
    display: block;
    position: absolute;
    top: -30px;
    border-radius: 30px 30px 0 0;
} */
/* .tabs > .kmu:hover:after {
    background: #d7d7d7;
} */

/* .tabs > div > div {
    margin-top: 50px;
    margin-bottom: 0px;    
} */

/* .tabs > div:hover > div,
.tabs .active > div {
    margin-top: 20px;
    margin-bottom: 30px;
} */


/* .tabs > div:hover:before,
.tabs div.active:before {
    top: 43px;
} */


.tabs .active>div:first-child:after,
.tabs .active>div:first-child:before {
    content: "\e914";
    display: block;
    position: absolute;
    font-size: 50px;
    color: #48484d;
    line-height: 1;
    bottom: -1px;
}

.tabs .kmu.active>div:before,
.tabs .kmu.active>div:after {
    color: #d7d7d7;
}

/* .tabs .kmu.active:after {
    background: #d7d7d7;
} */

.tab-wrap {
    margin-top: 50px;
}

.tabcontents {
    margin-top: -30px;
    position: relative;
    z-index: 0;
}

.tabcontents .contentwrap {
    padding-bottom: 50px;
}

.tabcontents .pro .cta {
    padding: 0 40px;
}

.tabs>div:hover,
.tabs .active {
    animation: tabhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


.tabs>div {
    animation: tabout .3s ease-out 1;
    animation-fill-mode: forwards;
}

@keyframes tabhover {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-30px);
    }
}

@keyframes tabout {
    0% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

.tabs .active>div:first-child:before {
    left: -49px;
}

.tabs .active>div:after {
    right: -49px;
    transform: scaleX(-1);
}

.tabs>div {
    width: 50%;
    border-radius: 30px 30px 0 0;
    /* margin: 0 15px 0 30px; */
    /* padding: 40px 4vw 60px 4vw; */
    /* position: relative; */
    /* padding-bottom: 30px; */
    /* overflow: hidden; */
}

.tabs .pro {
    /* border-radius: 30px 30px 0 0; */

    background: #48484f;
    color: white;
    margin-right: 15px;
}

.tabs .kmu {
    /* background: #d7d7d7; */
    color: #48484f;
    margin-left: 15px;
}

.tabs>.kmu>div {
    background: #d7d7d7;
}


.tabs>div>div {

    background: #48484f;
    /* padding: 40px 4vw 30px 4vw; */
    padding: 40px 0 30px 0;
    border-radius: 30px 30px 0 0;

}

.tabs>div>div>div:first-child {
    font-size: 30px;
    padding-bottom: 20px;
    /* margin: 0 0 40px 0; */
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #84878c;
    /* margin-bottom: 40px; */
    /* padding: 0 0 30px 0; */
    /* width: 100%; */
}

.tabs>div>div>div:last-child {
    font-weight: 300;
    /* margin: 0; */
    /* padding-right: 15px; */
    /* background: #48484f; */
    padding-top: 20px;
    padding-bottom: 30px;
}

.tabs>div>div>div {
    width: 100%;
    padding: 0 4vw;
    /* background: #48484f; */
    display: inline-block;
    /* padding: 0 20px; */
}

/* .tabs  .kmu > div > div:first-child { */
/* background: #d7d7d7; */
/* background: #ccc; */
/* background: #84878c; */
/* } */


/* .tabs > div:before {
    content: "";
    height: 100px;
    background: #48484f;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    border-bottom: 1px solid #84878c;
    border-radius: 30px 30px 0 0;
} */

/* .tabs  .kmu > div > div:first-child, */
.tabs>div.kmu:before {
    /* background: #9ea2a6; */
    background: #ccc;
}




.tabs .pro>div:first-child strong {
    color: #f79222;
}



.tabcontents .kmu {
    background: #d7d7d7;
}

.tabcontents .pro {
    background: #48484f;
}

.tabcontents>div {
    padding-top: 50px;
}

.usp-grid,
.allfeat,
.tabcontents .content {
    width: 85%;
    margin: auto;
}





.tabcontents .teaser {
    background: #5b5b5f;
    color: white;
    padding: 50px 50px 30px 50px;
    /* border-radius: 10px; */
    display: flex;
}

.tabcontents .kmu .teaser {
    background: #e3e3e3;
    color: #000;
}

.tabcontents .teaser .l {
    padding-right: 50px;
    /* width: 65%; */
    width: 50%;
}

.tabcontents .teaser .r {
    /* width: 35%; */
    width: 50%;
}


.usp-grid .col3,
.tabcontents .col3 {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.allfeat .head>div:nth-child(1),
.topic p {
    font-size: 20px;
    color: #c8c8ca;
    font-weight: 400;
    line-height: 1.1;
    position: relative;
}

.fusion-main-menu .topic p {
    font-size: 18px;
}

.tabcontents .kmu .topic p {
    color: #4d4d4e;
}

.tabcontents .pro .teaser p {
    color: #c8c8ca
}

.topic {
    width: 29%;
    position: relative;
}


/* .feat > div:first-child {
    padding: 10px 50px 10px 20px;
    background: #fff;
    border-radius: 5px 0 0 5px;
    position: relative;
} */


.topic a,
#content .topic a {
    background: white;
    border-radius: 5px;
    padding: 10px 55px 10px 15px;
    font-size: 19px;
    font-weight: 300 !important;
    display: block;
    margin-bottom: 1px;
    position: relative;
    color: black;
}

#content .tabcontents .topic a {
    padding: 10px 40px 10px 50px;

}

#content .feat>a:hover,
#content .topic a:hover {
    color: black;
}


/* .feat > div:first-child:after {
    content: "\e900";
    position: absolute;
    right: 20px;
    font-size: 26px;
    top: 50%;
    transform: translateY(-50%);
    color: #48484d;
} */


#content .comp-tab a:after,
/* #content .feat > a:after, */
#content .feat>[iid]:after,
#content .topic a:before {
    content: "\e900";
    transform: translateY(-50%);
    font-size: 26px;
    position: absolute;
    right: 2px;
    top: 50%;
    color: #48484d;
}

#content .feat>[iid]:after {
    right: 13px;
}


#content .topic a:before {
    right: auto;
    left: 10px;
}

.clr-orange {
    color: #f79222;
}

#main .clr-white p a:hover,
#main .clr-white p a,
#main .clr-white p,
#main .clr-white {
    color: #fff !important;
}

html[data-mobildevice="false"] .comp-tab a:hover:after,
html[data-mobildevice="false"] .feat>a:hover:after,
html[data-mobildevice="false"] .topic a:hover:after {
    transform: translateY(-50%) scale(1.15) !important;
}

html[data-mobildevice="false"] .allfeat [iid]:hover:after {
    transform: translate(7px, -5px) scale(1.2) !important;
}

.topic p:before {
    content: "\e90a";
    font-size: 40px;
    position: absolute;
    top: -8px;
    left: -50px;
}

.fusion-main-menu .topic p:before {
    left: -34px;
}



.fusion-mobile-nav-holder ul>li>ul>li>ul>li>a {
    padding-left: 103px !important;
    font-size: 15px !important;
}


.fusion-mobile-nav-holder ul>li>ul>li>ul>li>ul>li>a {
    font-size: 15px !important;
}

.fusion-mobile-nav-holder ul>li>ul>li a span b {
    color: #f79222;
}

/* .fusion-mobile-nav-holder ul > li > ul, */
/* .fusion-mobile-nav-holder ul > li > ul > li > ul {
    display: block !important;
} */

body .fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li li li a:before,
body .fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li a:before {
    content: "";
}

body .fusion-mobile-nav-holder a[class*="topic"] {
    color: rgba(255, 255, 255, 0.3);
    font-weight: 600;
    font-size: 16px !important;
    padding-left: 103px !important;
}

.fusion-mobile-nav-holder a[class*="topic"]:before {
    content: "\e90a" !important;
    font-size: 25px;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 68px;
    color: rgba(255, 255, 255, 0.3);
}

/* .kmu .topic p:before {
    font-size: 40px;
    position: absolute;
    top: -11px;
    left: -50px;
} */

.fusion-mobile-nav-holder a.topic-3:before,
.topic.t2 p:before {
    content: "\e909" !important;
}

.fusion-mobile-nav-holder a.topic-2:before,
.topic.t3 p:before {
    content: "\e90b" !important;
}

.fusion-mobile-nav-holder a.topic-4:before,
.topic.t4 p:before {
    content: "\e90f" !important;
}

.fusion-mobile-nav-holder a.topic-5:before,
.topic.t5 p:before {
    content: "\e90e" !important;
}

.fusion-mobile-nav-holder a.topic-11:before,
.fusion-mobile-nav-holder a.topic-6:before,
.kmu .topic.t5 p:before,
.topic.t6 p:before {
    content: "\e90d" !important;
}

.topic.t7 p:before {
    content: "\e90c";
}


.fusion-mobile-nav-holder a.topic-7:before,
.kmu .topic.t1 p:before {
    content: "\e92a" !important;
}

.fusion-mobile-nav-holder a.topic-8:before,
.kmu .topic.t2 p:before {
    content: "\e929" !important;
}

.fusion-mobile-nav-holder a.topic-10:before,
.kmu .topic.t4 p:before {
    content: "\e924" !important;
}


.fusion-mobile-nav-holder a.topic-12:before,
.mm-anwender .topic.t1 p:before {
    content: "\e923" !important;
}

.fusion-mobile-nav-holder a.topic-13:before,
.mm-anwender .topic.t2 p:before {
    content: "\e928" !important;
}

.fusion-mobile-nav-holder a.topic-14:before,
.mm-anwender .topic.t3 p:before {
    content: "\e925" !important;
}

.fusion-mobile-nav-holder a.topic-15:before,
.mm-anwender .topic.t4 p:before {
    content: "\e922" !important;
}

.fusion-mobile-nav-holder a.topic-16:before,
.mm-anwender .topic.t5 p:before {
    content: "\e926" !important;
}

.fusion-mobile-nav-holder a.topic-17:before,
.fusion-mobile-nav-holder a.topic-9:before,
.kmu .topic.t3 p:before,
.mm-anwender .topic.t6 p:before {
    content: "\e927" !important;
}

.fusion-mobile-nav-holder a.topic-18:before,
.mm-anwender .topic.t7 p:before {
    content: "\e90b" !important;
}

.fusion-mobile-nav-holder a.topic-19:before,
.fusion-mobile-nav-holder a.topic-8:before,
.mm-anwender .topic.t8 p:before {
    content: "\e924" !important;
}




/* .kmu .topic.t1 p:before { */
/* content: "\e90a"; */
/* font-size: 40px; */
/* position: absolute; */
/* top: -11px; */
/* left: -50px; */
/* } */


.tabcontents hr {
    height: 1px;
    border: none;
    background: #7f7f83;
    margin-top: 60px;
}

/* .allfeat {
    width: 85%;
    margin: auto;
} */

#main .allfeat h2.center-b {
    /* font-size: 40px !important; */
    margin-top: 60px !important;
    color: white;
    /* font-weight: 300; */
    margin-bottom: 50px !important;
}


.feat,
.head {
    display: flex;
    min-width: 1000px;
    padding-right: 20px;
}

/* .feat > div:nth-child(1),
.head > div:nth-child(1) {
    width: 70%;
} */


.feat>a,
.feat>[iid],
.head>div:nth-child(1) {
    width: 70%;
    min-width: 388px;
}

.feat>div:nth-child(4),
.feat>div:nth-child(3),
.feat>div:nth-child(2),
.head>div:nth-child(4),
.head>div:nth-child(3),
.head>div:nth-child(2) {
    width: 10%;
    min-width: 135px;
}

.head>div:not(:first-child) {
    font-size: 16px;
    text-align: center;
}

.head>div:nth-child(2) {
    color: #f79222;
    font-weight: 600;
}


.head>div:nth-child(3) {
    color: white;
}

.head>div:nth-child(4) {
    color: #9ea2a6;
}


.head>div:nth-child(3):after,
.head>div:nth-child(4):after {
    content: "\e900";
    font-size: 18px;
    position: absolute;
    transform: translate(7px, -5px);
}

.cloudvergleichstabelle .head>div:after {
    content: "";
}

.head>div {
    position: relative;
}

.feat {
    /* background: #dadadb; */
    border-radius: 5px;
    /* font-weight: 300; */
    margin-bottom: 1px;
}


/* .feat > div:first-child,  */
/* .feat > a { */
.feat>[iid] {
    /* padding: 10px 50px 10px 20px; */
    background: #fff;
    border-radius: 5px 0 0 5px;
    position: relative;
    font-weight: 300 !important;
    display: block;
    /* min-width: 388px; */
}

.comp-tab i,
.feat>div i {
    height: 100%;
    display: block;
    position: relative;
}

.feat>[iid].mark:before {
    content: "";
    width: 10px;
    height: 100%;
    background: #f79222;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 0 0 5px;
}

.asterix {
    margin-top: 20px;
    font-size: 15px;
    color: white;
    font-weight: 300;
}

.tabcontents>.pro a.btn {
    margin-top: 50px;
}

.center-t {
    left: 50%;
    transform: translateX(-50%);
}

.center-b {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.t-c {
    text-align: center;
}

.head {
    margin: 0 0 20px 0;
}

.allfeat .head>div:nth-child(1) {
    text-indent: -20px;
}

.feat>div:not(:first-child) {
    border-left: 1px solid #48484f;
    background: #dadadb;

}

.feat>div:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.head>div:nth-child(4),
.head>div:nth-child(3) {
    padding-right: 19px;
}

.cloudvergleichstabelle .head>div:nth-child(4),
.cloudvergleichstabelle .head>div:nth-child(3) {
    padding-right: 0;
}


.comp-tab .act i::before,
.usp-grid .usp:before,
.feat>div i:before {
    margin-top: 3px;
    content: "\e913";
    color: #f79222;
    font-style: normal;
    font-size: 30px;
    text-align: center;
    display: block;
    transform: translateY(-50%);
    /* -webkit-transform: translateY(-50%); */
    position: relative;
    top: 50%;
}


body #main .cloudvergleichstabelle .feat>a, 
body #main .cloudvergleichstabelle .feat>[iid], 
body #main .cloudvergleichstabelle .head>div:nth-child(1) {
    width: 33.33%;
    min-width: 33.33%;
}

body #main .cloudvergleichstabelle .feat>div:nth-child(4), 
body #main .cloudvergleichstabelle .feat>div:nth-child(3), 
body #main .cloudvergleichstabelle .feat>div:nth-child(2), 
body #main .cloudvergleichstabelle .head>div:nth-child(4), 
body #main .cloudvergleichstabelle .head>div:nth-child(3), 
body #main .cloudvergleichstabelle .head>div:nth-child(2) {
    width: 33.33%;
    min-width: 33.33%;
}


body #main .cloudvergleichstabelle .feat>div:not(:first-child),
body #main .cloudvergleichstabelle .feat  [iid],
body #main .feat a {
    font-weight: 300;
    padding: 15px 50px 15px 20px;
    display: block;
    line-height: 22px;
}

/* body #main .cloudvergleichstabelle .feat>div:not(:first-child),
body #main .cloudvergleichstabelle .feat  [iid],
body #main .feat a {
    font-weight: 300;
    padding: 10px 50px 10px 20px;
    display: block;
} */

body #main .cloudvergleichstabelle .feat  [iid] strong,
body #main .feat a strong {
    font-weight: 600;
}

.feat>div i:before {
    margin-top: 0;

}

.feat>div:nth-child(3) i:before {
    color: #48484d;
}

.feat>div:nth-child(4) i:before {

    color: #828287;
}

.cat {
    margin-top: 40px;
}

.usp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0px;
    gap: 50px 30px;
    /* margin-top: 20px; */
}


.usp-grid .usp {
    font-size: 25px;
    position: relative;
    padding-left: 70px;
    /* white-space: pre; */
}


.usp-grid .usp:before {
    transform: none;
    left: -60px;
    top: 27px;
    text-align: left;
    font-size: 60px;
    position: relative;
    line-height: 0;
    display: block;
}











/* 
Popup Builder Multilang

Sprachgebundene Anzeige von Popup-Inhalten. 
Dazu müssen die DE- und EN-Inhaltsteile im Popup-HTML mit den CSS-Klassen .popup-content-de und .popup-content-en versehen werden
 */
div[class*=popup-content-] {
    display: none !important;
}

html[lang=en-US] .popup-content-en,
html[lang=de-DE] .popup-content-de {
    display: block !important;
}

/* END Popup Multilang */





#intro {
    height: 380px;
    background-repeat: no-repeat;
    padding: 0;
    /* background-image: url("images/keyvisual.jpg"); */
    /* background-size: auto !important; */
    background-size: cover !important;
    background-position: bottom right;
}


body.home #intro {
    background-position: 20% top !important;
    height: 710px;
}

div#intro:after {
    content: url("images/mahig.svg");
    margin-left: 20px;
    position: absolute;
    top: 94px;
    background: white;
    width: 140px;
    height: 90px;
    left: -20px;
}

#intro:before {
    content: "";
    background: white;
    height: 710px;
    display: block;
    width: 260px;
    position: absolute;
}




#boxed-wrapper {
    max-width: 1920px !important;
    margin: auto;
}

body .fusion-sticky-header-wrapper {
    position: fixed !important;
    /* width: 100% !important; */
    top: 0;
    box-shadow: none !important;
    max-width: 1920px !important;
    margin: auto;
    left: 0px;
    right: 0px;
}

body #main {
    padding: 0 !important;
    font-size: 18px;
    margin-top: 93px;
    color: #000;
    min-height: 100vh !important;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

body #main,
body #wrapper {
    background-color: transparent !important;
}



body,
html {
    background-color: transparent !important;
}

/* html[data-mobildevice="false"] #sticky-sidebar > div:hover { */
html[data-mobildevice="false"] #sticky-sidebar:hover {
    right: 0;
    transition: right .15s 0s;
}

#sticky-sidebar .menu {
    border: none !important;
    padding: 0;
    background: white;
    padding: 4px 0 1px 4px;
    border-radius: 7px 0 0 7px;
}

#sticky-sidebar>div {
    position: relative;
    /* transition: right .5s 0s; */
    /* right: 0px; */
    top: 8px;
}

#sticky-sidebar {
    position: fixed;
    right: -57px;
    top: 180px;
    overflow: hidden;
    transition: right .5s 0s;
    z-index: -1;
    /* top: 50%; */
    /* transform: translateY(-50%); */
}

html[lang="en-US"] #sticky-sidebar {
    right: -62px;
}

#sticky-sidebar li {
    text-align: left;
    list-style: none;
}

#wrapper #sticky-sidebar li a {
    font-size: 16px !important;
    line-height: 25px;
    font-weight: 300;
    border-radius: 5px 0 0 5px;
    background: #4d4d4e;
    padding: 4px 12px 4px 43px;
    color: white;
    margin-bottom: 5px;
    position: relative;
    border: 0;
    display: block;
}

#sticky-sidebar a[title=Search]:before,
#sticky-sidebar a[title=Suche]:before {
    content: "\e907";
    font-size: 20px;
    left: 4px;
    top: 4px;
}

#sticky-sidebar a[title=Blog]:before {
    content: "\e908";
    font-size: 17px;
    left: 4px;
    top: 3px;
}

#sticky-sidebar a[title=FAQ]:before {
    content: "?";
    font-size: 23px;
    font-weight: 400;
    font-family: 'Open Sans' !important;
    left: 11px;
    top: 4px;
}




/*#sticky-sidebar .option:before {*/
#sticky-sidebar li a:before {
    margin-right: 13px;
    margin-left: 7px;
    color: white;
    position: absolute;
}

html[data-mobildevice="false"] #sticky-sidebar a:hover {
    background-color: #f79222 !important;
}

#sticky-sidebar a:before {
    display: inline-block !important;
}

.cloudvergleichstabelle .feat .t:after,
.toggle-foot:after,
body .infolayer a:after,
.fusion-megamenu:after,
.fa-check:after,
.pagination .pagination-prev:after,
.pagination .pagination-next:after,
.comp-tab .act i::before,
.web-app .col-l>div:before,
.card .footer .col-r a:before,
.product-item .platform:before,
.card .platforms ul li:before,
.fusion-mobile-nav-holder a[class*="topic"]:before,
body .fusion-megamenu .topic a:after,
body .fusion-megamenu .col-1>div:before,
body .fusion-megamenu .col-1 a:before,
.infolayer:before,
.infolayer .closebtn:before,
.usp-grid .usp:before,
.feat>a:after,
.feat>div:not(:first-child) i:before,
.allfeat .head>div:nth-child(3):after,
.allfeat .head>div:nth-child(4):after,
.tabs .active>div:after,
.tabs .active>div:first-child:before,
.topic p:before,
/* #content .topic a:after */
.usp_checklist li:before,
.claim:before,
.phone-icon:before,
.usp-toggles .toggle,
#custom_html-2 .webapp-link:before,
#custom_html-2 .login-link:before,
.fusion-mobile-menu-icons a.close-x:before,
#sticky-sidebar a:before,
/* .topics div.l:before,  */
.topics div.l:before,
#content a:after,
#content a:before,
body #main a.btn:after,
body .infolayer a.btn:after,
body.home #main .toggle-content>div>a:before,
/* #content .card .card-title div[iid]:after, */
/* #content .feat > [iid]:after, */
[iid]:after,
#main .filter-btns a:after {
    /* font-family: 'Iconfont-Teamdrive'; */
    font-family: 'awb-icons';
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}



/* .cloudvergleichstabelle .feat .t:after {
    content: "\e913";
    position: absolute;
    right: 10px;
    font-size: 38px;
    color: #f79222;
} */

/* .cloudvergleichstabelle .feat .t:after {
    content: "\e92b";
    position: absolute;
    right: 10px;
    font-size: 29px;
    color: green;
} */



.cloudvergleichstabelle .feat .t:after {
    content: "TOP";
    position: absolute;
    right: 0;
    font-size: 15px;
    color: white;
    /* transform: rotate(134deg); */
    font-family: inherit;
    background: #f79222;
    padding: 0px 6px;
    top: 0;
    font-weight: bold;
}

#custom_html-2 {
    border: none !important;
}

body .fusion-header-v5 .fusion-header {
    border-bottom: none;
    /* overflow: hidden; */
}

body .fusion-header .fusion-logo {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: 21px;
    margin-right: 0px;
    margin-bottom: 23px;
    margin-left: 0px;
    position: relative;
}

img.fusion-standard-logo {
    width: 300px;
    height: 50px;
}

.fusion-mobile-menu-icons .fusion-icon-bars {
    display: block;
    float: none;
    height: 100%;
    margin-left: 0;
    position: absolute;
    font-size: 33px;
}

.fusion-mobile-menu-icons a,
.fusion-mobile-menu-icons a:after,
.fusion-mobile-menu-icons a:before {
    color: #4d4d4e !important;
    margin-right: 0;
    font-size: 33px;
}

.fusion-mobile-menu-icons a {
    position: absolute;
    left: -20px;
}



.fusion-mobile-menu-icons a.close-x:before {
    content: "\e911";
    font-size: 40px;
    display: block;
    margin-top: -3px;
}


.fusion-secondary-main-menu .hotline,
#custom_html-2 .webapp-link,
#custom_html-2 .login-link,
#custom_html-2 .hotline,
#polylang-2 {
    position: absolute;
    right: 0;
    z-index: 10;
    top: 8px;
}

.fusion-secondary-main-menu .hotline,
#custom_html-2 .hotline {
    left: -43px;
    top: 36px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px;
    width: 260px;
    padding: 10px 20px;
    border-radius: 40px;
    color: #63666b;
    text-align: center;
}


.hotline>span {
    color: #f79222;
}

#custom_html-2 .webapp-link,
#custom_html-2 .login-link {
    right: 80px;
    top: 43px;
}

#custom_html-2 .webapp-link {
    right: 160px;
}




#custom_html-2 .webapp-link:before,
#custom_html-2 .login-link:before {
    content: "\e910";
    color: #747474;
    font-size: 20px;
}

#custom_html-2 .webapp-link:before {
    content: "\e90f";
}

#polylang-2 {
    top: 33px;
}

nav.fusion-main-menu li.current-menu-parent,
nav.fusion-main-menu li.current-menu-item,
body .fusion-header-v5 .fusion-main-menu {
    overflow: visible;
}

body .fusion-main-menu>ul>li>a {
    z-index: 2 !important;
}

body .fusion-main-menu>ul>li {
    background: white;
    padding: 0 10px 15px 0;
    margin-right: -1px;
}

body .fusion-main-menu>ul>li:first-child {
    border-bottom-left-radius: 10px;
    padding-left: 35px;
}

body .fusion-body .fusion-main-menu .current_page_item>a,
body .fusion-is-sticky .fusion-main-menu>ul>li>a,
body .fusion-main-menu>ul>li>a {
    color: white !important;
    font-size: 16px;
    background: #9ea2a6;
    padding: 0 20px 0 20px;
    border-radius: 5px;
    height: 30px !important;
}

ul.sub-menu,
ul.fusion-menu>.menu-item>a {
    border: none !important;
    border-radius: 5px;
}

ul[id^="menu-hauptmenue"] ul.sub-menu {
    background-color: #464A53 !important;
    margin-top: 15px;
    width: 250px !important;
}

ul.sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important
}

body ul[id^=mobile-menu-hauptmenue-mobil] ul.sub-menu li a:hover {
    background: none !important;
}


ul.sub-menu a {
    color: #fff !important;
    font-size: 15px !important;
}

/* ul.fusion-menu > .menu-item.current_page_item a {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: -3px;
} */

ul.fusion-menu>.menu-item.current_page_item>a,
html[data-mobildevice="false"] ul.fusion-menu>.menu-item>a.hover {

    background-color: #464A53;
}

ul.fusion-menu.hover>.menu-item.current_page_item>a {
    background: #9ea2a6;
}


/* body.home .toggle-content > div {
    position: relative;
    pointer-events: none;
} */

[iid] {
    position: relative;
}

/* html[data-mobildevice="false"] .tabcontents div[iid]:hover:after,
html[data-mobildevice="false"] .fusion-main-menu div[iid]:hover:after,
html[data-mobildevice="false"] .toggle-content div[iid]:hover:after {
    content: "";
    position: absolute;
    transform: none;
    right: -38px;
    background: #4d4d4e;
    height: 5px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg) !important;
} */


/* .fusion-main-menu ul.fusion-megamenu div[iid]:after {
    background: #fff;
    right: -41px;
} */

/* html[data-mobildevice="false"] .tabcontents div[iid]:hover:after {
    background: #d7d7d7;
    right: -41px;
} */

html[data-mobildevice="false"] #content .allfeat [iid]:hover:after {
    height: auto;
    transform: translateY(-50%) scale(1.2) !important;
    right: -4px;
    background: none;
    width: 40px;
}

/* html[data-mobildevice="false"] #content .allfeat .head [iid]:hover:after { */
/* height: auto; */
/* transform: translateY(-50%) scale(1.2) !important; */
/* right: -4px; */
/* } */


/* html[data-mobildevice="false"] .tabcontents .cats div[iid]:hover:after { */
html[data-mobildevice="false"] #content .allfeat .head [iid]:hover:after {
    background: none;
    content: "\e900";
    /* right: 0; */
    top: 0;
    transform: translate(-4px, -4px) scale(1.2) !important;
}

/* html[data-mobildevice="false"] .tabcontents .kmu [iid]:hover:after {
    background: #4d4d4e;
} */

.feat>div i>div {
    position: absolute;
    top: 0px;
    right: 6px;
}

.feat>div {
    position: relative;
}

.feat>div>div {
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

#main .fusion-reading-box-container .reading-box-additional,
.reading-box,
.reading-box p {
    font-size: 18px;
    font-weight: 300;
}

.post-content img {
    margin-bottom: 20px;
    ;
}

body.page .post-content img {
    margin-bottom: 0;
}

.awb-swiper-button {
    background: white !important;
    top: 58px !important;
    /* opacity: 1 !important; */
}

.awb-swiper-button>i {
    color: black !important;
    font-size: 40px;
}

.usp-toggles .toggle-row .toggle:last-child [iid]:hover:after,
.tabcontents .col3>div:last-child [iid]:hover:after,
.mm-anwender ul.fusion-megamenu .col-2>div>div>div:nth-child(n+3) [iid]:hover:after,
.mm-loesung ul.fusion-megamenu .col-2>div>div>div [iid]:hover:after {
    /* ul.fusion-megamenu .col-2 [iid]:hover:after { */
    left: -41px;
    right: auto;
}

/* body.home #main .toggle.col-r .toggle-content > div > a:hover:after {
    left: -28px;
    right: auto;
} */


.infolayer .read-more {
    margin-top: 20px;
}

.infobubble {
    position: fixed !important;
    background: #4d4d4e;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 16px;
    color: white;
    width: 30vw;
    top: 139px;
    z-index: 1000000;
    text-align: left;
    pointer-events: none;
    border: 2px solid #48484F;
    font-size: 15px !important;
}

.infobubble img.load {
    height: 20px;
    width: 20px;
}

.infobubble b {
    font-weight: 700;
}

.infobubble p {
    color: white;
    font-size: 15px !important;
    font-weight: 400;
}

.infobubble.mm p,
.infobubble.mm {
    background: #fff;
    color: #333;
}

.infobubble.tc p,
.infobubble.tc {
    background: #d7d7d7;
    color: #333;
}

.tabcontents .kmu .infobubble p,
.tabcontents .kmu .infobubble {
    background: #4d4d4e;
    color: #fff;
}


/* .infobubble:before {
    content: "";
    width: 20px;
    height: 5px;
    background: #4d4d4e;
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
} */
/* .infobubble.left { */
/* left: calc(-100% - 20px); */
/* right: auto; */
/* } */
/* .infobubble.left:before {
    left: auto;
    right: -20px;
} */

body .fusion-main-menu>ul>li:last-child {
    padding-right: 35px;
    border-bottom-right-radius: 10px;
}

body .fusion-mobile-nav-holder {
    margin-top: 0;
}

/* .fusion-mobile-nav-holder > ul {
    padding-top: 12px;
} */
body .fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a {
    padding-left: 48px;
}

body .fusion-mobile-nav-item a,
body .fusion-mobile-nav-holder>ul>li.fusion-mobile-nav-item>a {
    font-size: 25px;
    position: relative;
}

body .fusion-mobile-nav-item a {
    color: #fff;
    line-height: 55px;
    background-color: #464A53 !important;
    /* border-color: white !important; */
    height: 55px !important;
    /* border-top: 0px solid white;
    border-bottom: 0px solid white !important; */
    border: none;

}

.fusion-open-submenu {
    padding-right: 0 !important;
}

.fusion-open-submenu[aria-expanded="true"]:before {
    transform: rotate(180deg) translateY(4px);
    color: rgba(255, 255, 255, 0.2);
}


body .fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-open-submenu {
    right: 30px;
    /* left: 30px; */
    top: 14px;
    font-size: 20px;
    z-index: 1;
    padding: 0;
    color: #fff;
}


body .fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li a {
    padding-left: 68px;
    font-size: 20px;
}

/* body .fusion-mobile-nav-item ul li a {
    border-top: 0px solid white;
} */

body .fusion-layout-column {
    margin-bottom: 0 !important;
    justify-content: center;
    background-color: white;
    max-width: none !important;
}


.fusion-footer {
    padding-top: 70px;
    background-color: white;
}

.fusion-footer ul {
    list-style: none;
    padding: 0;
}


.fusion-footer-widget-area {
    background-color: #363839;
    padding: 43px 10px 40px;
}

html[data-mobildevice="false"] .fusion-footer-widget-area .fusion-vertical-menu-widget ul.menu li a:hover {
    color: #ffa300;
}

.fusion-footer-widget-area .fusion-vertical-menu-widget ul {
    margin-top: 0;
}

.fusion-footer-widget-area .fusion-vertical-menu-widget ul.menu li a {
    color: #bfbfbf;
    padding: 8px 0 8px 0px;
    display: block;
}

.fusion-footer p {
    color: #bfbfbf;
}

#wrapper .fusion-vertical-menu-widget.left .menu li a {
    padding-right: 10px;
}

body .fusion-footer-widget-area .fusion-row {
    max-width: 1000px;
}




body #toTop:hover {
    background-color: #63666b;
}

html[data-mobildevice="false"] body #toTop:hover {
    background-color: #ffa300;
}


body #toTop {
    background-color: #63666b;
}

body .fusion-secondary-main-menu {
    border: none;
    padding: 0;
    position: relative;
    background: none;
}

a {
    transition: none !important;
}

#polylang-2 ul li:first-child:after {
    content: "|";
    position: absolute;
    right: 20px;
    top: 19px;
}

#polylang-2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#polylang-2 ul li {
    display: inline-block;
}

#polylang-2 .lang-item a {
    display: block;
    color: white !important;
    position: absolute;
    top: 20px;
}

#polylang-2 .lang-item a[lang="de-DE"] {
    right: 31px;
}

#polylang-2 .lang-item a:before {
    text-indent: 0;
    display: inline-block;
    position: absolute;
}

html[data-mobildevice="true"] footer .fusion-vertical-menu-widget li a:hover {
    color: #bfbfbf !important
}

html[data-mobildevice="false"] #polylang-2 .lang-item a:hover:before,
#polylang-2 .lang-item.current-lang a:before {
    color: #f79222 !important;
    transition: none;
}

#polylang-2 .lang-item a[lang="de-DE"]:before {
    content: "DE";
    right: 0px;
}

#polylang-2 .lang-item a[lang="en-US"] {
    right: -27px;
}

#polylang-2 .lang-item a[lang="en-US"]:before {
    content: "EN";
    left: 0;
}



.awb-icon-check:before {
    content: "\e913" !important;
    display: block;
    font-size: 20px;
    color: #333;
}

.fusion-li-item-content,
.fusion-li-item-content p {
    font-size: 18px !important;
    color: #333 !important;
}

.fusion-checklist {
    margin-bottom: 20px !important;
}

.fusion-checklist .icon-wrapper,
ul.fusion-checklist .icon-wrapper {
    background: none !important;
}

#content .related-posts .awb-carousel h4 a {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4;
    display: block;
}

#content .related-posts .fusion-carousel h4 {
    margin-top: 20px;
    width: 100%;
}

#content .related-posts h2,
body .fusion-single-sharing-box .fusion-social-networks {
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.font-size-big {
    font-size: 25px;
}

body .fusion-single-sharing-box {
    background-color: white;
}

.blog .fusion-flexslider .slides img {
    border-radius: 7px;
}

.blog .flexslider .slides li {
    padding: 6px;
    background: #f2f2f2;
    border-radius: 10px;
}


h2 strong,
h1 strong {
    font-weight: 600;
}







/* #wrapper #main .post > h1.fusion-post-title */
#main h1,
#main h2,
#main h3,
#main h4 {
    font-family: 'Open Sans', "Helvetica", "Arial", sans-serif !important;
    line-height: 1.3 !important;
    /* max-width: 960px; */
}

#main h1 {
    /* ACHTUNG: Wenn zukünftig die quickinfo-Button-Leiste eingeblendet wird,
     muss hier ein margin-top von mind. 70px eingestellt werden!  */
    /* margin-top: 70px;  */
    /* margin-top: 0; */
    margin: 0 0 30px 0 !important;
    font-size: 36px !important;
    margin: 0 0 30px 0;
    font-weight: 300 !important;
}

#main h1.center-b {
    margin: 0 auto 30px auto !important;
}

#main h2 {
    margin: 40px 0 20px 0 !important;
    font-size: 33px !important;
    font-weight: 300 !important;
}

#main .fusion-layout-column.fusion_builder_column_1_2 h2 {
    margin-top: 0 !important;
}

body.page #main h2.gform_submission_error {
    font-size: 18px !important;
    text-align: left;
    margin: 0 20px !important;
}

body.home.page #main h2 {
    font-size: 40px !important;
    margin-top: 100px !important;
}

body.archive #main .toggle h2,
body.page #main .toggle h2 {
    font-size: 18px !important;
    margin: 0 !important;
}

#main h2.center-b {
    margin: 40px auto 20px auto !important;
}


#main h3 {
    margin: 30px 0 15px 0 !important;
    font-size: 27px !important;
    font-weight: 300 !important;
}

#main h3.center-b {
    margin: 30px auto 15px auto !important;
}

#main h4 {
    margin: 20px 0 15px 0 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
}

#main h3.center-b {
    margin: 20px auto 15px auto !important;
}


body.single-post #main h1,
body.page #main h1 {
    font-size: 33px !important;
    font-weight: 300 !important;
}

body.single-post #main h2,
body.page #main h2 {
    font-size: 30px !important;
    font-weight: 300 !important;
}

body.single-post #main h3,
body.page #main h3 {
    font-size: 27px !important;
    font-weight: 300 !important;
}

body.single-post #main h4,
body.page #main h4 {
    font-size: 23px !important;
    font-weight: 300 !important;
}

#main .blog h2,
body.search-results #main h2 {
    margin-top: 0 !important;
}

#main .blog h2 {
    line-height: 30px !important;
}



#main .blog {
    margin-top: 40px;
}


body.archive #main .toggle .fusion-layout-column .fusion-column-wrapper {
    margin: 0 1.92%;
}


.fusion-title {
    margin-bottom: 0 !important;
}

.adv-form input#gform_submit_button_5 {
    background: #48484d;
}


body.search-results #main a.fusion-read-more:after {
    margin-left: -6px;
}

/* #main .fusion-fullwidth.fusion-builder-row-1 .post .blog-shortcode-post-title a:hover */

/* html[data-mobildevice="false"] #main a.fusion-read-more:hover, */
/* html[data-mobildevice="false"] #main h2 a:hover  */
#main a:hover {
    color: #333 !important;
}



.blog article .flexslider {
    margin-right: 40px;
}

#main a.fusion-read-more {
    font-size: 17px;
    font-weight: 400;
}

#main .fusion-meta-info {
    border: none;
    margin-top: 0;
}

body .label-btns {
    float: right;
}

#main .fusion-meta-info .fusion-button {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px !important;
    background-color: #a8afb5;
    border-radius: 3px;
    text-transform: uppercase;
}



/* #main .faq-page h1, */

body.category #main h2 a,
body.search-no-results #main h2 a,
body.search-results #main h2 a,
#main .blog h2 a {
    font-weight: 300 !important;
    font-size: 25px !important;
}


#main h2.mt-0 {
    margin-top: 0 !important;
}

#main h2.mt-100,
#main .mt-100 {
    margin-top: 100px !important;
}

#main .mt-40 {
    margin-top: 40px !important;
}

.comp-list ul {
    padding-left: 22px;
}

body #main .comp-list a {
    font-weight: 300;
}

.product-item>div.descr {
    display: block;
}

.col2 {
    display: flex;
    /* width: calc(100% - 100px); */
    /* margin: 0 auto; */
    /* max-width: 960px; */
}

.col2>div {
    width: 100%;
}

.col2>div:first-child {
    padding-right: 25px;
}

.col2>div:last-child {
    padding-left: 25px;
}

/*-----------------------------------------------------------*/
/* Toggles Eigenbau */
/*-----------------------------------------------------------*/

.toggle-head {
    background: #edecec;
    padding: 9px 43px 9px 25px;
    border-radius: 5px;

}

body #main .toggle-head h2 {
    font-weight: 400 !important;

}

.toggle-content .loadspinner {
    margin-bottom: 15px;
    display: block;
    margin: 0 auto;
}

.toggle-content {
    padding: 25px;
    background-color: #f8f7f7;
}

.fusion-button.toggle-content {
    padding: 13px 30px;
}

.toggle.open>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .fusion-button.toggle-content {
    display: inline-block;
}

#main .post-content .toggle .fullwidth-box>.fusion-row {
    padding: 0 !important;
}

.toggle-content h4 {
    font-size: 18px !important;
}

.toggle>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .toggle-head>* {
    font-weight: 700;
    line-height: 20px;
}

.toggle {
    margin-top: 5px !important;
}

html[data-mobildevice="false"] .toggle-head:hover>*:after {
    background: #8b9095 !important;
}

/* .toggle > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper { */
/* background: #edecec; */
/* border-radius: 5px; */
/* padding-left: 25px !important;
    padding-right: 43px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important; */
/* } */

/* .toggle > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper .toggle-head {
    cursor: pointer;
} */



.fusion-text.toggle-head h2 {
    color: #2c2c2c !important;
    text-align: left !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin: 0 !important;
}

#wrapper .fusion-vertical-menu-widget .menu li.current_page_item>a,
#wrapper .side-nav li.current_page_item a {
    border: none !important;
}

.toggle>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .toggle-head>*:after {
    content: "+";
    position: absolute;
    /* right: 5px; */
    right: 23px;
    background-color: #48484d;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    top: 5px;
    padding: 0px;
    text-align: center;
    color: white;
    font-size: 26px !important;
    line-height: 28px;
}

.toggle.open>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .toggle-head>h2:after {
    content: "_";
    line-height: 5px;
}

.toggle .toggle-content,
.toggle>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .toggle-content {
    display: none;
}

.toggle.open .toggle-content,
.toggle.open>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper .toggle-content {
    display: block;
}

.toggle-content p {
    padding: 0 30px;
}

body .toggle-content div[class*=fusion_builder_column_] h2,
body .toggle-content div[class*=fusion_builder_column_] h3,
body .toggle-content div[class*=fusion_builder_column_] h4,
body .toggle-content div[class*=fusion_builder_column_] h5 {
    text-align: left !important
}


/*-----------------------------------------------------------*/
/* END Toggles Eigenbau */
/*-----------------------------------------------------------*/


/* .phone-icon:before {
    content: "\e912";
    display: block;
    color: black;
    font-size: 35px;
    position: fixed;
    top: 20px;
    z-index: 1;
    left: 20px;
} */


.claim:before {
    content: url("images/mahig.svg");
    z-index: 31;
    /* display: block; */
    position: absolute;
    top: 20px;
    left: 52px;
}


.infolayer-host {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    z-index: 99999;

}

.infolayer {
    position: absolute;
    background: #4d4d4e;
    /* height: calc(100vh - 200px); */
    /* height: calc(100vh - 60px); */
    width: calc(100% - 120px);
    /* top: 180px; */
    /* top: 30px; */
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
    border-radius: 10px;
    /* -webkit-box-shadow: 0px 0px 34px 10px rgba(0,0,0,0.5); */
    /* box-shadow: 0px 0px 34px 10px rgba(0,0,0,0.9); */
    padding: 50px 16px 30px 50px;
    font-weight: 300;
    font-size: 17px;
    max-width: 1100px;
    color: white;
}

.infolayer p {
    margin-top: 0;
    color: #fff;
}

.infolayer .c {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding-right: 20px;
}

.infobubble h5 {
    color: #fff !important;
}

.infobubble h5,
.infolayer h5 {
    font-size: 20px !important;
    margin-bottom: 10px;
    margin-top: 0;
}

.infolayer .closebtn:before {
    content: "\e911";
    /* background: #4d4d4e; */
    background: #fff;
    position: absolute;
    right: 10px;
    border-radius: 50px;
    text-indent: 9px;
    /* color: white; */
    color: #4d4d4e;
    top: 10px;
    cursor: pointer;
    width: 29px;
    height: 29px;
    font-size: 18px;
    line-height: 29px;
}

.fusion-megamenu {
    position: relative;
    /* min-height: 660px; */
    /* height: calc(100vh - 230px); */
    /* max-width: 1051px; */
    /* min-width: 1051px; */
    /* width: 1110px; */
    height: 640px;

}

#menu-item-18071,
#menu-item-18083,
#menu-item-17604,
#menu-item-17354 {
    border-bottom: 1px solid white;
}

/* .fusion-megamenu:after {
    content: "\e911" !important;
    position: absolute;
    color: white;
    font-size: 30px;
    right: 20px;
    top: 10px;
} */

body .fusion-theme-sharing-box .fusion-social-networks-wrapper {
    justify-content: center;
}

/* body.lock,
html.lock {
    overflow: hidden !important;
} */

html[data-mobildevice="false"] .infolayer .closebtn:hover:before {
    /* background: #fff;
    color: #4d4d4e; */
    transform: scale(1.2);
}


/* ################################################################## */
/* Megamenü */
/* ################################################################## */




.mm-downloads .topic.t1 p b {
    color: #f79022;
}

.mm-downloads .topic.t6 p b {
    color: #fff;
}

.mm-downloads .topic.t5 p b {
    color: #369a92;
}

.mm-downloads .topic.t2 p b,
.mm-downloads .topic.t4 p b,
.mm-downloads .topic.t3 p b {
    color: #36869a;
}



body .fusion-megamenu-holder {
    border: none;
    background: #464A53;
    width: 100% !important;
}



body .fusion-megamenu-wrapper {
    position: fixed;
    /* width: 100%; */
    margin-top: -30px;
    left: 50% !important;
    z-index: -1;
    background: #fff;
    /* height: calc(100vh - 127px); */
    /* height: calc(100vh - 230px); */
    /* overflow-y: scroll; */
    /* max-width: 1051px; */
    width: 1120px;
    height: 640px;
    transform: translateX(-50%);
}

body nav.fusion-main-menu.lock .fusion-megamenu-wrapper {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.fusion-megamenu .h {
    background: #bbc4c9;
    margin: 70px 30px 0px 30px;
    padding: 3px;
    /* border-radius: 10px; */
    font-size: 19px;
    text-align: center;
}

body .fusion-megamenu-widgets-container,
body .fusion-megamenu>li.menu-item {
    padding: 0;
    margin: 0;
}



body .fusion-megamenu .textwidget .cols {
    display: flex;
}

body .fusion-megamenu .col-2>div>div {
    display: flex;
    justify-content: space-evenly;
}

body .fusion-megamenu .col-2>div>div:nth-child(3),
body .fusion-megamenu .col-2>div>div:nth-child(2) {
    padding-top: 10px;
}

body .fusion-megamenu .col-1 {
    width: 25%;
}


body .fusion-megamenu .col-2 {
    width: 75%;
    padding: 60px 30px 50px 10px;
}

body .mm-anwender .fusion-megamenu .h b {
    font-weight: 700;
}

body .mm-anwender .fusion-megamenu .col-2 {
    padding-top: 0;
}

body .mm-anwender .fusion-megamenu .col-2 {
    width: 100%;
}

body .mm-loeasung .fusion-megamenu .col-2 {
    width: 60%;
}


body .fusion-megamenu .col-3 {
    width: 0%;
    padding: 125px 50px 50px 50px;
    color: #fff;
    font-size: 17px;
}

body .fusion-megamenu .col-1 {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-start;    */
    position: relative;
    /* padding-top: 60px; */
}


html[data-mobildevice="false"] body .fusion-megamenu .topic a:hover:after {
    content: "\e902";
    position: absolute;
    right: 5px;
    color: #fff;
    font-size: 12px;
    transform: rotate(140deg) translateY(50%) !important;
    top: 50%;
}

body .fusion-megamenu .col-1>div {
    /* height: calc((100vh - 230px) / 2); */
    height: 320px;
    /* height: 100vh; */
    /* min-height: 370px; */
    /* padding: 25px 10%; */
    color: white;
    font-weight: 300;
    position: relative;
    /* padding-top: 60px; */
}

/* body .fusion-megamenu .col-1 .kmu {
    height: 100%;
} */

body .fusion-megamenu .col-1 .pro {
    padding-top: 60px;
    background: #464A53;
}

body .fusion-megamenu .hl {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 30px;
}

body .fusion-megamenu .hl b {
    color: #f79022;
    font-size: 22px;
    font-weight: 700;
}

/* body .fusion-megamenu .kmu .hl b {
    color: #fff;
} */



body .fusion-megamenu .sl {
    font-size: 16px;
    margin-bottom: 20px;
}

body .fusion-megamenu .sl b {
    font-weight: 700;
}

body .fusion-megamenu a {
    font-weight: 300;
    font-size: 15px;
    color: #fff;
}


html[data-mobildevice="false"] body .fusion-megamenu .col-1 a:hover:before {
    animation: buttonhover .05s ease-out 1;
    animation-fill-mode: forwards;
}


body .fusion-megamenu .col-1 a:before {
    content: "\e901";
    transform: rotate(180deg);
    margin-left: 0px;
    font-size: 16px;
    color: #464A53;
    line-height: 16px;
    display: inline-block;
    margin-right: 15px;
    background: #fff;
    padding: 5px;
    border-radius: 100px;
    width: 15px;
    height: 16px;
    text-indent: -3px;
    animation: buttonhover .5s ease-in-out infinite alternate;
}


@keyframes eyecatcher1 {
    0% {
        transform: rotate(180deg) translate(0, 0px);
    }

    100% {
        transform: rotate(180deg) translate(-7px, 0px);
    }
}




/* body .fusion-megamenu-holder.kmu,
body .fusion-megamenu .col-1 .kmu { */
body .fusion-megamenu .kmu {
    background: #63666b;
}


.fusion-mobile-nav-item[class*="topic"] ul>li>a {
    height: auto !important;
}

.fusion-mobile-nav-item[class*="topic"] ul>li>a::before {
    display: none;
}

.fusion-mobile-nav-item[class*="topic"] ul>li {
    border-bottom: 1px solid #464A53;
}




.fusion-mobile-nav-item[class*="topic"] ul>li>a span {
    background: #595d64;
    display: block;
    border-radius: 5px;
    width: calc(100% - 80px);
    padding: 10px 20px;
    line-height: 22px;
}

body .fusion-megamenu .topic a {
    background: #595d64;
    display: block !important;
    /* padding: 8px 55px 8px 15px; */
    padding: 4px 55px 5px 15px;
}

body .fusion-megamenu .topic:last-child {
    padding-right: 0;
}

body .fusion-megamenu .topic {
    width: 50%;
    padding: 10px 0px 0 20px;
}

body .fusion-megamenu .topic p {
    margin-bottom: 15px;
    margin-top: 10px;
    margin-left: 30px;
}

body .fusion-megamenu .topic p:before {
    font-size: 25px;
    top: -2px;
}

body .fusion-megamenu .col-1>div.active:before {
    content: "\e914";
    display: block;
    position: absolute;
    font-size: 50px;
    color: #48484d;
    line-height: 1;
    bottom: -50px;
    right: -1px;
    transform: rotate(-90deg);
    z-index: 1;
    width: 50px;
    height: 50px;
}

body .fusion-megamenu .col-1>.kmu.active:before {
    color: #63666b;
    top: -50px;
    transform: rotate(0deg);
}

body .fusion-megamenu .col-1>div>div {
    padding: 25px 10%;
    /* min-height: 370px; */
}

/* body .mm-loesung .fusion-megamenu .col-2 > div {
    min-height: 700px;
} */

body .textwidget>.cols.kmu .col-2 .pro,
body .textwidget>.cols.pro .col-2 .kmu {
    display: none;
}


/* body .fusion-megamenu-holder.pro .col-2 .pro, */
body .fusion-megamenu-holder .col-2>div {
    display: block;
    /* padding-left: 20px; */
}

body .fusion-megamenu .col-1 .kmu>div {
    padding-top: 30px;
}

body .textwidget>.cols.kmu .col-2 .kmu .topic p {
    color: #c8c8ca;
}

body .textwidget>.cols.kmu .col-2 .kmu .topic a {
    /* background: #4c5058; */
    background: rgba(255, 255, 255, 0.1);
}


/* body .fusion-mobile-nav-holder a[class*="topic"]:hover */
body #wrapper .fusion-mobile-nav-item a:not([class*="topic"]):hover {
    color: #fff;
}

body .fusion-mobile-nav-holder a[class*="topic"]:hover {
    color: rgba(255, 255, 255, 0.3);
}



/* ################################################################## */
/* END Megamenü */
/* ################################################################## */


.newsletter-form form>div>div:nth-child(4) label {
    margin-left: 10px;
    font-weight: 300;
}

.newsletter-form form>div>div:nth-child(5) {
    margin-top: 40px !important;
}


body #main .card a.btn.manual:after {
    content: "\e908";
    transform: rotate(0deg) translate(4px, 50%);
}


body #main .card a.btn.manual:hover:after {
    animation: manualbuttonhover .05s ease-out 1;
    animation-fill-mode: forwards;
}

@keyframes manualbuttonhover {
    0% {
        transform: rotate(0deg) scale(1) translate(4px, 50%);
    }

    100% {
        transform: rotate(0deg) scale(1.2) translate(4px, 50%);
    }
}



#content .card .footer .col-r a:hover:before,
#content .card .footer .col-r a:hover {
    color: inherit;
}

#content a.inlineinfo:after,
#content a[iid]:after {
    content: "\e900";
}

#content a.inlineinfo::after {
    font-size: 12px;
    transform: rotate(0deg) translate(4px, -8px);
}

html[data-mobildevice="false"] #content a.inlineinfo:hover:after {
    animation: none;
    transform: scale(1.2) rotate(0deg) translate(4px, -7px);
}


#content .card .card-title div[iid] {
    display: inline-block;
    width: 30px;
    height: 30px;
    transform: translate(0px, -12px);
}

#content .card .card-title div[iid]:after {
    content: "\e900";
    color: #bcbcbf;
    font-size: 20px;
    transform: translate(2px, 2px);
    display: block;
    pointer-events: none;
}


#content .card .card-title div[iid]>a:after {
    content: "" !important;
}

#content .card .card-title div[iid]>a {
    /* background: red; */
    position: absolute;
    width: 100%;
    height: 100%;
    /* height: calc(100% + 10px); */
    /* top: -10px; */
}


html[data-mobildevice="false"] #content .card .card-title div[iid]:hover:after {
    transform: translate(3px, 2px) scale(1.2) !important
}

.platform>.product-item {
    margin-top: 10px;
}

.card .platforms>ul>li.act {
    opacity: 1;
}

.product-item {
    background: #fff;
    margin: 5px 40px;
    /* border-radius: 10px; */
    padding: 20px 40px;
    display: flex;
    font-weight: 300;
    justify-content: space-between;
}

.product-item>div {
    display: flex;
    align-items: center;
}

.product-item>div:nth-child(1) {
    width: 60%;
    font-size: 25px;
}

#card-1.card-1 .product-item>div:nth-child(1) {
    width: auto;
}

.product-item>div:nth-child(2) {
    width: 20%;
}

.product-item .descr {
    font-size: 14px;
}

.product-item .bit {
    font-size: 14px;
    background: #63666b;
    color: #fff;
    padding: 0 5px;
    margin-left: 20px;
    margin-top: 3px;
}

.product-item .bit.clr2 {
    background: #a3a3a7;
}

.card {
    padding-bottom: 40px;
    border-color: #36869a;
}



.card .footer {
    display: flex;
    padding: 40px 0 0;
}


.card .footer>div.col-l,
.card .footer>div.col-r {
    width: 25%;
}

.card .footer>div.col-m {
    width: 50%;
}

body #main .card .footer .col-m,
.card .footer .col-r {
    display: flex;
    justify-content: center;
    align-items: center;
}


body #main .card .footer .col-r a {
    font-weight: 300;
    display: block;
    font-size: 14px;
}

blockquote p {
    font-size: 18px;
}

a.btn.mb-20 {
    margin-bottom: 20px;
}

body b {
    font-weight: 600;
}

.card .footer .col-r a:before {
    content: "\e900";
    margin-right: 10px;
    font-size: 20px;
    transform: translate(0px, 3px);
    display: inline-block;
}

.card .footer .col-r>div>a:nth-child(2):before {
    animation: ipulse .5s ease-in-out infinite alternate;
    color: #367a9a;
}

@keyframes ipulse {
    0% {
        transform: translate(0px, 3px) scale(1);
    }

    100% {
        transform: translate(0px, 3px) scale(1.7);
    }
}

html[data-mobildevice="false"] body #main .card .footer .col-r a:hover::before {
    transform: translate(0px, 3px) scale(1.2);
}

body #main a.dl-btn:after,
body #main .dl-btn>a:after {
    content: "\e91a";
    transform: none;
    font-size: 25px;
    right: 8px;
}

html[data-mobildevice="false"] body #main a.dl-btn:hover:after,
html[data-mobildevice="false"] body #main .dl-btn>a:hover:after {
    animation: dllinkhover .05s ease-out 1;
    animation-fill-mode: forwards;
}

@keyframes dllinkhover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(5px);
    }
}

button.more-products {
    margin: 20px auto 0;
    background: no-repeat;
    border: none;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: baseline;
}

button.more-products:after {
    content: "+";
    background: #48484d;
    padding: 0 8px;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    transform: translate(16px, 3px);
}

/* .platform-item-collections .platform:not([class*="curr-os"]) .product-item.curr-os, */
#card-1 .platform-item-collections .platform.curr-os .product-item.curr-os,
#card-1 .platform-item-collections .product-item.curr-os,
#card-1 .platform-item-collections .platform .product-item.show {
    display: flex;
}


body #main .platform-item-collections>.platform>.product-item.curr-os .btn {
    background: #367a9a;
}


.platform-item-collections>.platform {
    margin-top: 40px;
}

#card-1.card-1 .platform-item-collections>.platform {
    margin-top: 0;
}

.platform-item-collections>.platform.act {
    display: block;
}

html[data-mobildevice="false"] button.more-products:hover:after {
    transform: scale(1.2);
    transform-origin: -70px 0px !important;
}

#card-1 {
    margin-top: 60px;
    border-color: #367a9a;
}

.card .platforms,
.card {
    background: #eeeeef;
}

/* #card-1 .platforms,
#card-1  {
    background: #d7e4eb;
} */


#card-1 .card-head {
    /* background: #367a9a; */
    /* background: #48484d; */
    background: #63666b;
}

#card-5 .card-head {
    /* background: #369A92; */
    /* background: #48484d; */
    background: #63666b;
}

#card-5 {
    /* border-color: #369A92; */
    /* background: #48484d; */
    background: #63666b;
}

.card .card-head {
    /* background: #36869a; */
    /* background: #48484d; */
    background: #63666b;
    color: #fff;
}


body #main .card a.btn.dl {
    background: #367a9a;
}




.product-item>div:nth-child(3) a {
    min-width: 210px;
}

.product-item>div:nth-child(3) {
    padding-left: 40px;
    white-space: nowrap;
    width: 20%;
    justify-content: end;
}

/* .product-item > div:nth-child(3) a {

} */


.card-head {
    display: flex;
}

.card-title {
    font-size: 34px;
    font-weight: 300;
    width: 100%;
    padding: 26px 0 0px 80px;
    min-height: 106px;
    /* display: flex; */
}

/* .card {
    border-radius: 10px;
    overflow: hidden;
} */




.card .platforms ul li:before {
    color: #48484f;
    font-size: 40px;
    display: block;
}

.product-item .platform:before {
    font-size: 40px;
    margin-right: 10px;
}

.platform.win .product-item .platform:before {
    font-size: 35px;
}

.platform.win .product-item .platform:before,
.card .platforms ul li.win:before {
    content: "\e919";
}

.platform.mac .product-item .platform:before,
.card .platforms ul li.mac:before {
    content: "\e918";
}

.platform.linux .product-item .platform:before,
.card .platforms ul li.linux:before {
    content: "\e917";
}

.platform.android .product-item .platform:before,
.card .platforms ul li.android:before {
    content: "\e915";
}

.platform.ios .product-item .platform:before,
.card .platforms ul li.ios:before {
    content: "\e916";
}

.platform.ios .product-item .platform:before {
    transform: translateY(-4px);
}

.card .platforms {
    margin-right: 40px;
    margin-top: 30px;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 40px 0;
}

.card .platforms ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.card .platforms ul li {
    margin-right: 60px;
    font-size: 14px;
    color: black;
    text-align: center;
    line-height: 33px;
    margin-bottom: -10px;
    opacity: .4;
    cursor: pointer;
}

.card .platforms ul li.act,
.card .platforms ul li:hover {
    opacity: 1;
}

.card .platforms ul li:last-child {
    margin-right: 0;
}

/* .web-app {
    margin-top: 100px;
    margin-bottom: 100px;
} */

.lyte:hover .play:before {
    /* background: #f79022; */
    background: rgba(255, 255, 255, 0.3);
    /* transform: translate(-50%,-50%) scale(0.9); */
    /* color: #f79022; */
}

.lyte .play:before {
    content: "\e91e" !important;
    font-family: "awb-icons";
    color: white;
    font-size: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.1);
}

.lyte .play {
    background-image: none !important;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
}

.lyte-wrapper {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 20px;
    overflow: hidden;
}

.lyte>.pL {
    /* background: #48484F !important; */
    background-image: url("/wp-content/uploads/2023/05/Video-Thumbnail.jpg") !important;
}

.lyte .tC {
    background: none !important;
}

.flex {
    display: flex;
}

.br {
    border-radius: 10px;
    overflow: hidden;
}

.web-app .col-l {
    background: #919195;
    width: 30%;
    /* margin-right: 30px; */
    align-items: center;
    justify-content: center;
    text-align: center;
}

.web-app .col-r {
    background: #eeeeef;
    width: 70%;
    padding: 30px 60px;
}

.web-app .col-r .c {
    background: white;
    padding: 50px 120px;
    /* border-radius: 10px; */
}

.web-app .col-r .h b {
    color: #f79222;
}

.web-app .col-r .h {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 1.2;

}


.web-app .col-l>div:before {
    content: "\e91b";
    display: block;
    font-size: 120px;
    color: #bdbdbf;
    line-height: 150px;
}

.web-app .col-l>div {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    line-height: 33px;
}

.web-app .col-l>div b {
    font-size: 40px;
}



.td-vs>div>div>div,
.comp-tab div {
    width: 100%;
}

.comp-tab>div>div {
    width: 12.5%;
}

.comp-tab>div>div {
    margin-right: 2px;
    border-radius: 5px;
}


.allfeat .hint {
    color: #fff;
    opacity: .5;
    margin-top: 30px;
}

.hint {
    font-size: 14px;
}

.comp-tab .hint {
    padding: 10px 30px;
}

.comp-tab>div>div:first-child {
    width: 50%;
    position: relative;
}

.td-vs>div>div,
.comp-tab>div {
    display: flex;
    justify-content: space-between;
}

.td-vs>div>div>div,
.comp-tab .th>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comp-tab .th>div {
    padding: 20px;
}

.td-vs>div>div>div,
.comp-tab .th>div {
    background: #f2f2f2;

}

.td-vs>div>div>div:first-child {
    margin-right: 10px;
    padding: 20px 10% 20px 0;
}

.td-vs>div>div>div:last-child {
    margin-left: 10px;
    padding: 20px 0 20px 10%;
}

.td-vs>div>div>div {
    /* margin-bottom: 20px; */
    border-radius: 10px;
    overflow: hidden;
    font-size: 25px;
}

.comp-tab .th>div:first-child {
    background: #fff;
    padding: 0;
}


.comp-tab img {
    height: 50px;
    /* width: fit-content; */
    margin-bottom: 5px;
}

.td-vs>div>div {
    width: 100%;
}

#main .td-vs a.btn {
    position: absolute;
    border: 20px solid;
    border-radius: 10px;
}

.td-vs>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.td-vs img {
    height: 70px;
    margin-bottom: 5px;
}


.comp-tab .tb>div {
    background: #edecec;
}

.comp-tab>div>div {
    margin-bottom: 2px;
}

.comp-tab .tb>div:first-child {
    padding: 15px 70px 15px 30px;
}

#content .comp-tab a:after {
    right: 15px;
}

.comp-tab .tb .act {
    background: #63666b;
}

.comp-tab .act i::before {
    color: #fff;
}

#main .comp-tab a {
    font-weight: 300;
    display: block;
    color: #333333 !important;
}


/* body.archive #posts-container,  */
/* body #content > .fullwidth-box > .fusion-row,  */
/* #main .post-content .fusion-fullwidth.blog > .fusion-row, */
body.body.error404 #content>.fusion-fullwidth>.fusion-row,
body.search-no-results #content>.fusion-fullwidth>.fusion-row,
body.search-results #content>.fusion-fullwidth>.fusion-row {
    padding-left: 40px !important;
    padding-right: 40px !important;
    /* min-width: 320px; */
    max-width: 1000px;
}







.pagination {
    /* margin: 40px auto !important; */
    /* float: none !important; */
    display: inline-block !important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}



.pagination .current,
.pagination a {
    border-radius: 5px !important;
    height: 30px;
    width: 30px;
    color: white !important;
    font-size: 16px !important;
    display: inline-block;
    line-height: 29px !important;
    padding: 0px 0px 0px 13px !important;
}

.pagination .current {
    padding-left: 12px !important;
}


.pagination a {
    background-color: #9ea2a6;
    font-weight: 300 !important;
}

.pagination .current {
    background: #f79222 !important;
    border: none;
}

.pagination a {
    border: none !important;
    align-items: baseline !important;
}

.pagination-prev:after,
.pagination-next:after {
    content: '\e902' !important;
    transform: rotate(180deg) !important;
    text-indent: 0px;
    font-size: 11px !important;
    /* margin-top: -37px; */
    color: #fff !important;
    top: -1px;
}

.pagination-prev:after {
    transform: rotate(0deg) !important;
    /* margin-top: 0; */
    top: 0;
}

.page-text,
.page-text {
    text-indent: -9999px;
    display: block;
}

.pagination a.inactive {
    margin: 0 10px !important;
    padding-left: 2px !important;
}


body.error404 #main h2,
body.search-no-results #main h2,
body.search-results #main h1,
body.page-template-page-search #main h1 {
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 23px !important;
    text-align: center;
}

.search-page-search-form-top {
    border: none;
}

/* body.search-results .widget_search,
body.page-template-page-search .widget_search { */
.searchform {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

body.page-template-page-contact input,
.searchform input {
    border: 1px solid #d2d2d2 !important;
    height: 40px !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}

body.page-template-page-contact input {
    color: #fff !important;
}

body.page-template-page-newsletter input,
.searchform input {
    color: #333 !important;
}

body.page-template-page-contact input,
body .searchform .fusion-button-text {
    text-transform: none !important;
}

body.page-template-page-newsletter label,
body.page-template-page-contact label {
    font-size: 18px !important;
    font-weight: 300 !important;
    /* font-family: 'Open Sans'; */
}


#main #content .pagination a:hover,
#main #content .filter-btns a:hover {
    color: #fff !important;
}

#main .filter-btns .fusion-button {
    background-color: #9ea2a6;
}

#main .filter-btns .fusion-button.active {
    background-color: #48484d;
}

#main .filter-btns .fusion-button {
    font-size: 14px;
    padding: 5px 40px 5px 15px;
}

#main .filter-btns a:after {
    content: "\e907";
    transform: rotate(0deg);
    right: 3px;
}

html[data-mobildevice="false"] #main .filter-btns a:hover:after {
    animation: filterbtnhover .05s ease-out 1;
    animation-fill-mode: forwards;
}

body.category .fusion-title {
    display: block;
}

#intro.reduced {
    height: 170px;
}

@keyframes filterbtnhover {
    0% {
        transform: rotate(0deg) scale(1);
    }

    100% {
        transform: rotate(0deg) scale(1.2);
    }
}


.fusion-blog-shortcode h2 a {
    font-size: 20px !important;
    /* line-height: 10px !important; */
    font-weight: 400 !important;
}

body .fusion-footer-widget-area {
    border: none;
}

#main .fusion-blog-shortcode h2 {
    line-height: 1 !important;
    margin-top: 0 !important;
}

#main .fusion-blog-shortcode .fusion-post-content-wrapper {
    padding: 0 !important;
}

.fusion-blog-shortcode .fusion-post-wrapper {
    border: none !important;
}

#main .gform_wrapper li {
    max-width: 100% !important;
    padding: 0;
}

#main .gform_legacy_markup_wrapper .gfield_error .gfield_label {
    color: #790000;
}


#main>.fusion-row {
    display: block !important;
}

#wrapper footer li.current-menu-item>a {
    border: none !important;
}

body #wrapper .fusion-footer-widget-area .current-menu-item>a:not(:hover) {
    color: #bfbfbf !important;
}


/* nav.fusion-main-menu.lock {
    pointer-events: none;
} */

/* nav.fusion-main-menu.unlock {
    pointer-events: auto ;
} */

.card-title>div:first-child {
    display: inline;
}

.card-title .hint {
    background: #f79222;
    border: 2px solid #f79222;
    border-radius: 5px;
    margin: 10px 0 30px 0px;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 15px;
    /* max-width: 420px; */
    display: inline-block;
}

iframe#shop {
    width: 100%;
    overflow: scroll;
    min-width: 100%;
    /* height: calc( 100vh - 168px ); */
}

body #main .allfeat .asterix a:hover,
body #main .allfeat .asterix a {
    color: white !important;
    font-weight: 300;
}

.footnote {
    vertical-align: super;
    font-size: 13px;
    font-style: italic;
}

.ultra-important {
    padding: 10px;
    color: white;
    background: #df2424;
    font-size: 20px;
    display: block;
}

.fusion-footer:before {
    content: " *) TeamDrive gibt es schon ab 5,66€/Monat. Der Preis von 5,66€ (netto) ist der Servicepreis für Lizenz- und Speicherplatz pro Benutzer für Geschäftskunden bei jährlicher Zahlung. Die Lizenzierung ist ab 1 Benutzer möglich.";
    border-bottom: 1px solid #fff;
    /* background: #363839; */
    /* width: 100%; */
    display: block;
    text-align: center;
    padding: 10px;
    /* max-width: 100%; */
}

html[lang="en-US"] .fusion-footer:before {
    content: " *) TeamDrive is available from just €5.66/month. The price of €5.66 (net) is the service price for license and storage space per user for business customers when paid annually. Licensing is possible for 1 user or more.";
}

.cat-descr {
    font-size: 18px;
}

.kmu .detail {
    background: #fff;
    border-radius: 5px;
    padding: 1px 50px;
    margin-top: 90px;
}

body .fusion-tabs.horizontal-tabs .nav {
    border: none;
}

.tabcontents .fusion-tabs .tab-pane {
    padding: 40px;
}


.tabcontents .fusion-tabs {
    margin-top: 20px;
}

/* .tabcontents a.tab-link:after {
    content: "" !important;
} */

#main a.tab-link:after {
    content: "" !important;
}

#main .gfield input {
    color: #000 !important;
}


#BorlabsCookieBox a {
    color: #ffa300 !important;
}

#BorlabsCookieBox a:hover {
    color: #000 !important;
}

#BorlabsCookieBox a._brlbs-btn:hover,
#BorlabsCookieBox a._brlbs-btn {
    color: #fff !important;
}

section#content {
    width: 100% !important;
}

#card-1.card-1 {
    display: flex;
    margin: 50px auto 110px;
    padding-bottom: 0;
    border: 10px solid #eeeeef;
    min-width: 830px;
    min-height: 120px;
    background-color: #fff;
}

#card-1.card-1 .card-head {
    /* display: flex; */
    /* background-color: #eeeeef; */
    align-items: center;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 65%;
}

#card-1.card-1 .platform-item-collections {
    width: 35%;
    /* background: #fff; */
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px;     */
}

#card-1.card-1 .platform.curr-os.act {
    display: flex;
    height: 100%;
    justify-content: end;
    /* background: #fff; */
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}



#card-1.card-1 .card-head .card-title {
    font-size: 26px;
    display: block;
    color: #333;
    text-align: left;
    min-height: auto;
    padding: 0 0 0 25px;
    line-height: 1.3;
}

body #main #card-1.card-1 .platform-item-collections>.platform>.product-item.curr-os .btn {
    font-size: 23px;
}

/* #card-1.card-1 .product-item > div:nth-child(1), */
#card-1.card-1 .card-head .platforms {
    display: none;
}

#card-1.card-1 .product-item>div:nth-child(1) {
    font-size: 14px;
    margin-right: 25px;
}

#card-1.card-1 .platform-item-collections .platform.curr-os .product-item.curr-os,
#card-1.card-1 .platform-item-collections .product-item.curr-os,
#card-1.card-1 .platform-item-collections .platform .product-item.show {
    /* flex-flow: column; */
    /* align-items: center; */
    /* width: 20%; */
    margin: 0;
    /* border-top-left-radius: 0;
    border-bottom-left-radius: 0; */
    padding: 0;
    /* min-height: 96px; */
}

#card-1.card-1 .product-item>div:nth-child(3) {
    padding-left: 0;
}

#card-1.card-1 .product-item>div:nth-child(2) {
    width: auto;
    /* margin-bottom: 30px; */
}


body .Section_sitemap h2 {
    text-align: left;
}

body .Section_sitemap>div>div>div {
    padding: 0 10px;
    ;
}


body .fusion-accordian .panel-title a .fa-fusion-box {
    border-radius: 5px;
}

#main .fusion-accordian h4.panel-title {
    margin-bottom: 0 !important;
}


body .fusion-accordian .panel-title a {
    text-decoration: none !important;
    background-color: #edecec;
    padding: 6px 7px 6px 6px;
    border-radius: 5px;
}

body .fusion-accordian .panel-title a .fusion-toggle-heading {
    font-size: 18px !important;
    font-weight: 400 !important;
}

body .fusion-accordian .fusion-panel {
    border-bottom: none;
}

body .fusion-accordian .fusion-panel:hover {
    border-bottom: none;
}



body .fusion-accordian .panel-title a:not(.active) .fa-fusion-box {
    background-color: #48484d !important;
    border-color: #48484d !important;
}

body .fusion-accordian .panel-title a.active .fa-fusion-box,
body .fusion-accordian .panel-title a:not(.active):hover .fa-fusion-box {
    background-color: #8b9095 !important;
    border-color: #8b9095 !important;
}

body span.fusion-toggle-icon-wrapper {
    line-height: 0;
}

body .toggle-content p {
    padding: 0 30px 0 50px;
    margin-bottom: 0;
}


#td-cta-bg .td_pro {
    background-position: left top;
    padding: 120px 5% 0 5%;
    height: 100vh;
    align-items: center;
    margin-top: 0;
    max-width: 1920px;
}

#td-cta-bg ul li {
    font-size: 21px;
}



#td-cta-bg {
    position: fixed;
    z-index: -1;
    top: 0;
    height: 100vh !important;
    width: 100vw;
    padding: 0 !important;
    margin: 0;
}


/* body .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper {
    max-width: calc(1000px - var(--awb-spacing-left) - var(--awb-spacing-left));
} */

#main .fusion-button.cta-btn {
    margin-bottom: 80px;
    margin-top: 80px;
} 

.td-cta.fusion-layout-column {
    height: 100vh;
    flex-direction: column;
    justify-content: start;
    background-color: transparent;
}

.td-cta {
    border-top: 40px solid white;
}

.td-cta.clr-2 {
    border-top-color: #48484f;
}

/* .cloud-provider-item a {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
} */

/* .cloud-provider-item p {
    margin-bottom: 5px;
} */

.cloud-provider-item {
    text-align: center;
    margin-top: 20px !important;
}

.cloud-provider-item .fusion-column-wrapper {
    background-color: #63666b !important;
    /* background-color: #f2f2f2 !important; */
    border-radius: 5px !important;
    padding: 10px 10px !important;
}

#main .cloud-provider-item a {
    font-weight: 100;
    text-decoration: none;
    font-size: 23px;
    margin-left: 7px;
    color: #fff;
}

#main .cloud-provider-item p {
    margin-bottom: 0;
}

#main .cloud-provider-item a:hover {
    color: #fff;
}

#main .cloud-provider-item a.fusion-column-anchor:after {
    display: none;
}

.cloudvergleichstabelle {
    background-color: #48484f !important;
}

.cloudvergleichstabelle .allfeat {
    width: 95%;
}

body .awb-icon-minus:before,
body .awb-icon-plus:before {
    content: "+";
    font-size: 26px !important;
    line-height: 25px !important;
    width: 30px !important;
    height: 30px !important;
}

body .awb-icon-minus:before {
    content: "-";
    line-height: 21px !important;
}


#td-cta-bg img {
    max-height: calc(50vh);
}

#td-cta-bg .td_pro>div.r {
    padding-left: 3%;
}

.td_pro li b {
    border: 2px solid #f79222;
    padding: 9px;
    line-height: 55px;
    border-radius: 5px;
}

.td_pro .subline {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
}

body.page #main .USPs-Section h3 {
    font-size: 33px !important;
}

a.to-faq-post {
    margin-top: 20px;
    display: block;
}

#card-1.card-1.Section_Quickdownload-TeamDrive-App {
    display: none;
    margin-bottom: 0;
}

.versionshinweise {
    display: none;
    margin: 10px auto 110px auto;
}

.versionshinweise > a {
    font-size: 15px;
    font-weight: normal !important;
}

.versionshinweise > a:nth-child(2) {
    margin-left: 20px;
}



.Section_Top-Topic {
    margin-bottom: 50px;
}

.Section_Top-Topic > div {
    padding: 40px;
    border-radius: 15px;
    border: 2px solid #f79222;
}



body.home.page #main .Section_Top-Topic h2 {
    font-size: 27px !important;
    margin-top: 0 !important;
    font-weight: 400 !important;
    text-align: left;
}

/* mediaqueries -----------------------------------------------------------------------------------------------------------*/


@media (min-width: 1920px) {

    body.home #intro {
        background-position: right top !important;
    }
}

@media (max-width: 1600px) {

    body.home #main .toggle-content>div>a:before {
        /* body.home #main .toggle-content > div:before { */
        left: 28px;
    }

    #intro:before {
        width: 140px;
    }

    body.home .toggle-head {
        height: 82px;
        font-size: 24px;
    }

    /* .usp-toggles .toggle:before {
        font-size: 40px;
    } */

    body.home .toggle-row {
        margin: 40px 50px;
    }

    body.home #main .toggle-content a:before {
        left: 29px;
    }

    body.home .toggle {
        margin: 0 20px 0 0;
    }

}

@media (max-width: 1500px) {

    .td-vs,
    .comp-tab,
    .card {
        margin: 50px;
    }


    .topics>div {
        margin: 20px 50px;
    }

    .web-app {
        margin: 50px;
    }

    .usp-grid .usp {
        white-space: inherit;
    }

    .feat>a,
    .head>div:nth-child(1) {
        width: 70%;
    }

    .feat>div:nth-child(4),
    .feat>div:nth-child(3),
    .feat>div:nth-child(2),
    .head>div:nth-child(4),
    .head>div:nth-child(3),
    .head>div:nth-child(2) {
        width: 15%;
    }

    #intro:before {
        width: 140px;
    }

    .ref {
        padding: 100px 10% 0 10%;
    }
}


@media (max-width: 1400px) {

    .fusion-footer:before {
        text-align: left;
    }

    body:not([class*="home"]) .claim {
        margin-left: -182px;
    }

    body .fusion-header-v5 .fusion-main-menu .fusion-menu {
        width: calc(100vw - 100px);
    }

    /* body .fusion-megamenu .topic p { */
    /* font-size: 20px; */
    /* } */
    body .fusion-megamenu .topic p:before {
        font-size: 30px;
    }

    body .fusion-megamenu .topic a {
        padding: 4px 55px 5px 15px;
        font-size: 15px;
    }

    body .fusion-megamenu .hl b {
        font-size: 26px;
    }

    body .fusion-megamenu .hl {
        font-size: 23px;
    }

    .product-item {
        margin: 5px 30px;
        padding: 20px 30px;
    }

    .platform.win .product-item .platform:before {
        font-size: 25px;
    }

    .product-item .platform:before {
        font-size: 30px;
    }

    .product-item>div:nth-child(1) {
        font-size: 20px;
        width: 40%;
    }

    .product-item>div:nth-child(2) {
        width: 40%;
    }

    .card-title {
        font-size: 29px;
        padding: 30px 0 0px 60px;
    }

    #card-1.card-1 .card-title {
        padding: 0;
    }

    .card .platforms {
        margin-right: 30px;
        padding: 20px 30px 0;
    }

    .card .platforms ul li:before {
        font-size: 35px;
    }

    .card .platforms ul li {
        margin-right: 40px;
    }

    /* body .fusion-megamenu .topic {
        padding: 20px 20px 0 50px;
    } */

    /* body .fusion-megamenu .topic:last-child {
        padding-right: 0;
    } */
    /* body .mm-anwender .fusion-megamenu .col-2 {
        padding-left: 30px;
    } */

    /* body .fusion-megamenu .col-2 {
        padding: 60px 20px 50px 0;
    } */

    body .fusion-megamenu .col-1>div>div {
        padding: 25px 30px;
    }

    /* .fusion-megamenu .h {
        margin: 70px 20px -40px 20px;
    } */

    body .fusion-megamenu .col-1 {
        min-width: 280px;
    }

    body .fusion-megamenu .col-2 {
        width: 80%;
        /* padding-right: 30px; */
    }

    body .fusion-megamenu .col-3 {
        display: none;
    }


    /* .tabs > div:before {
        width: 100%;
    } */

    /* .topics > p {
        width: 70%;
    } */

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 90px;
    }

    body #main .post-content .fullwidth-box.fullwidth-table>.fusion-row {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    #intro:before {
        width: 0;
    }

    #intro:after {
        display: none;
    }

    .claim:before {
        display: block;
        left: 69px;
        transform: scale(1.1);
    }

    .comp-tab img {
        height: 40px;
    }

    .comp-tab .th>div {
        font-size: 15px;
        padding: 15px 0;
    }

}

@media (max-width: 1250px) {


    .allfeat .hint {
        display: block;
    }


    .cats>.cat:first-child {
        margin-top: 0;
    }

    .cats {
        height: 60vh;
        overflow: scroll;
        border: 1px white dotted;
        padding: 20px;
        margin-top: 20px;
        -webkit-overflow-scrolling: touch;
    }

    .allfeat .head>div:nth-child(1) {
        text-indent: 0;
    }

    #main .allfeat h2 {
        margin-bottom: 0;
    }    

    .users .img {
        display: none;
    }

    .card .footer {
        flex-direction: column;
        align-items: center;
    }

    .card .footer>div[class^=col-] {
        width: 100%;
    }

    .card .footer>div.col-m {
        margin-bottom: 30px;
        padding: 0 30px;
    }


    .tabs>div>div>div:first-child {
        font-size: 27px;
        /* margin: 0 0 20px 0; */
        /* margin-bottom: 30px; */
    }

    .tabs>div:before {
        height: 80px;
    }

    .tabs>div>div>div:last-child {
        /* margin: 0px 40px 10px 0; */
        font-size: 18px;
        /* padding-bottom: 0; */
    }

    /* .tabs > div > div > div:last-child {
        margin: 0 0 30px 40px;
    } */



    #content .topic a {
        font-size: 17px;
    }

    .topic p:before {
        font-size: 36px;
        top: -8px;
        left: -45px;
    }

    .topic p {
        font-size: 23px;
    }

    .usp-grid,
    .allfeat,
    .tabcontents .content {
        width: calc(100% - 110px);
    }


    .topic {
        width: 29%;
    }

    /* .topics { */
    /* padding: 0 50px; */
    /* } */



    .topics .tbox {
        width: 70%;
    }

    .topics div.l:before {
        font-size: 55px;
    }

    /* .topics .i3 div.l:before {
        font-size: 45px;
    }

    .topics .i2 div.l:before {
        font-size: 65px;
    } */

    .topics .hl {
        font-size: 25px;
    }


    .Section_sitemap {
        padding: 0;
    }

    .its>div {
        padding: 0 25px 0 25px;
    }

    .its {
        padding: 100px 25px 0 25px;
    }

    .ref-wall {
        padding: 20px 20px 10px 20px;
    }

    body.home #intro {
        background-position: 30% top !important;
    }

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 85px;
    }

}

@media (max-width: 1150px) {

    .td_pro>div.r .t1 .t1 > div{
        display: block;
    }

    /* #td-cta-bg img {
        height: 340px;
    } */
    #td-cta-bg .td_pro {
        padding: 0 5% 0 5%;
    }

    .td_pro>div.r .t1 .t2 div:last-child {
        padding-left: 0;
        margin-top: 20px;
    }

    .td_pro>div.r .t1 .t2>div,
    .td_pro>div.r .t1 .t1 {
        width: 100%;
    }

    .tabcontents [iid]:hover:after,
    .usp-toggles [iid]:hover:after,
    #content .tabcontents [iid] a:after {
        display: none !important;
    }

    body.home .toggle-row {
        margin: 0 15%;
        flex-direction: column;
    }


    #intro.reduced {
        height: 100px;
    }

    .topics div.l:before {
        position: absolute;
        top: 15px;
        font-size: 50px;
        left: 0;
        color: white;
        opacity: .3;
        text-align: center;
        right: 0;
        display: inline-block;
    }


    .topics .i1 .l:before {
        content: "\e91c";
    }

    .topics .i2 .l:before {
        content: "\e91d";
    }

    .topics .i3 .l:before {
        content: "\e91e";
    }

    .topics .i4 .l:before {
        content: "\e903";
    }

    .topics .i5 .l:before {
        content: "\e904";
    }

    .topics .i6 .l:before {
        content: "\e905";
    }

    .topics .i7 .l:before {
        content: "\e906";
    }

    .topics .i8 .l:before {
        content: "\e921";
    }

    .topics .i9 .l:before {
        content: "\e920";
    }

    .topics .i10 .l:before {
        content: "\e91f";
    }


    .topics div.l {
        background-image: none !important;
    }

    .card {
        border-width: 2px;
        border-style: solid;
    }

    .web-app .col-r {
        padding: 30px;
    }

    .web-app .col-r .c {
        padding: 50px;
    }

    /* .web-app {
        margin: 70px 50px;
    } */

    .product-item>div {
        width: auto !important;
        margin-bottom: 20px;
    }

    .product-item>div:last-child {
        margin-bottom: 0;
        padding-left: 0;
    }


    .product-item {
        flex-direction: column;
        align-items: center;
    }

    #card-1.card-1 .product-item {
        flex-direction: unset;
    }

    .card .platforms {
        /* margin: 0 30px 0 30px; */
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .card-head {
        flex-direction: column;
        /* align-items: center; */
    }

    #card-1.card-1 .card-head {
        flex-direction: unset;
    }

    .card-title {
        min-height: auto;
        text-align: center;
        padding: 30px 20px;
    }

    /* #card-1.card-1 .card-title {
        padding: 30px 20px;
    }     */
    .fusion-mobile-nav-holder .fusion-mobile-nav-item.kmu a span b {
        color: rgba(255, 255, 255, 0.3);
    }

    /* .fusion-mobile-nav-holder .fusion-mobile-nav-item.kmu ul > li > ul > li  {
        border-bottom: 1px solid #63666b;
    }

    .fusion-mobile-nav-item.kmu > ul > li a,
    .fusion-mobile-nav-item.kmu {
        background: #63666b !important;
    } */

    .fusion-mobile-nav-holder ul>li>ul>li>ul {
        margin-bottom: 15px;
    }


    body .fusion-mobile-nav-holder {
        margin-top: 0px;
        padding: 40px 0 !important;
        background: #464A53;
    }

    body .fusion-secondary-main-menu {
        background: none !important;
        /* margin-top: 15px; */
    }

    body .fusion-header,
    header.fusion-header-wrapper {
        height: 50px;
    }

    body .fusion-header {
        position: relative;
        z-index: 1;
    }

    .infolayer {
        padding: 50px 16px 40px 20px;
        /* width: calc(100% - 20px); */
        /* top: 10px; */
        /* height: calc(100vh - 20px); */
    }

    .tabs>div>div>div:first-child {
        font-size: 26px;
    }

    .feat>a,
    .head>div:nth-child(1) {
        width: 70%;
    }

    .feat>div:nth-child(4),
    .feat>div:nth-child(3),
    .feat>div:nth-child(2),
    .head>div:nth-child(4),
    .head>div:nth-child(3),
    .head>div:nth-child(2) {
        width: 17%;
    }

    .topic p:before {
        font-size: 40px;
        top: -11px;
        left: -50px;
    }

    .topic {
        width: 60%;
    }

    #content .topic a {
        font-size: 19px;
    }

    .topic p {
        font-size: 25px;
    }

    .topic {
        margin: 50px 0 0 0;
    }

    .tabcontents .col3 {
        display: flex;
        margin: 0;
        flex-direction: column;
        align-items: center;
    }


    body h1 {
        margin-top: 50px;
    }

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 83px;
    }

    body #main .topics .btns a.btn {
        padding: 9px 40px 10px 20px;
    }

    body #main .topics>div>div .btns a.btn:after {
        right: 5px;
    }


    /* .topics > div {
        margin: 30px -30px;
    } */



    /* .topics div.l:before {
        left: 0;
        right: 0;
        text-align: center;
    } */

    .topics .hl {
        position: relative;
        transform: translateX(-50%);
        left: 50%;
        margin: 80px 0 10px 0;
        display: inline-block;
        top: 7px;
    }

    .topics .tbox {
        float: none;
        /* width: calc(100% - 40px); */
        width: 80%;
        left: 0;
        margin: 20px auto -65px auto;
    }

    body #main .topics .btns a.btn {
        border-radius: 5px;
    }

    .topics>div>div {
        margin-bottom: 50px;
    }

    .topics .btns>div {
        width: 80%;
        padding: 20px 0 50px;
        transform: translateX(-50%);
        top: 0;
        left: 50%;
        float: none;
        margin-top: 60px;
    }

    .topics>div>div .cbox>div {
        margin: 0 0 10px 0;
        width: 100% !important;
    }

    .topics .cbox {
        flex-direction: column;
    }

    .comparison>div:first-child {
        padding-right: 5%;
    }

    .ref,
    .users-intro,
    .comparison {
        padding: 100px 10% 0 10%;
    }

    .td_pro>div.l {
        transform: scale(.8);
    }

    .td_pro>div.r .t1 .t2 {
        flex-direction: column;
    }

    .its_for_host>div {
        width: 310px;
    }

    .its_for_host>div:nth-child(2) p {
        font-size: 21px;
    }

    .its_for_host>div:last-child p {
        font-size: 21px;
    }


    body.home .toggle-head {
        height: 82px;
        font-size: 22px;
        padding: 0 20px 0 75px;
    }

    .its_teamdrive:before {
        width: calc(100% - 60px);
        height: 40px;
    }

    /* .quickinfo-wrap {
        width: 100%;
        margin: -40px 30px 0 30px;
    } */

    .quickinfo-wrap {
        margin: -35px 20px 0 20px;
    }


    #TD-Logo {
        position: relative;
        top: 10px;
    }

    .fusion-header {
        padding: 0 30px !important;
    }

    .fusion-logo:before {
        content: "";
        position: absolute;
        width: 285px;
        height: 65px;
        background: white;
        z-index: -1;
        border-radius: 15px;
        margin-left: -25px;
    }

    img.fusion-standard-logo {
        width: 240px !important;
        height: 43px;
    }


    /* #intro {
        height: 550px;
    } */

    /* #intro {
        height: 450px;
    } */

    body.home #intro {
        background-position: 10% top !important;
        height: 550px;
    }

    body .fusion-sticky-header-wrapper {
        position: relative !important;
    }

    .claim {
        transform: scale(.8);
        margin-top: -3px;
        margin-left: -138px;
    }

    body:not([class*="home"]) .claim {
        margin-top: -10px;
    }


    /* body:not([class*="home"]) .claim {
        margin-top: 24px !important;
    } */


    .claim:before {
        left: 60px;
    }



    body #main {
        margin-top: 0;
    }

    #custom_html-2 .webapp-link,
    #custom_html-2 .login-link {
        top: 10px;
    }

    #custom_html-2 .hotline {
        left: 60px;
        top: 11px;
        font-size: 18px;
        width: 220px;
        padding: 3px 10px;
    }

    #polylang-2 {
        top: 0px;
    }

    body .fusion-mobile-menu-icons {
        top: 9px;
        left: -20px;
    }

}


@media (max-width: 1000px) {

    .td_pro .subline {
        border: 1px solid #fff;
        color: white;
    }

    body .w1000.fusion-fullwidth, 
    body .w1000.fusion-flex-column .fusion-column-wrapper {
        padding: 0;
    }

    /* #main .faq-toggle.content-padding { */
        /* padding: 0 !important; */
    /* } */

    .toggle-content p {
        padding: 0;
    }

    body.home #main .toggle-content>div>a:hover:after {
        content: none;
    }

    .tabs {
        padding: 0px 40px;
    }

    .td-vs>div>div>div:first-child {
        padding: 20px 15% 20px 0;
    }

    .td-vs>div>div>div:last-child {
        padding: 20px 0 20px 15%;
    }



    #main .allfeat h2,
    #main h1 {
        font-size: 34px !important;
    }

    body.home.page #main h2 {
        font-size: 36px !important;
    }

    #main h2 {
        font-size: 32px !important;
    }

    .faq-toggle,
    .w1000,
    body .fusion-fullwidth.w1000,
    .w1300 {
        width: 100%;
        /* max-width: calc(100% - 80px) !important; */
    }


    .web-app .col-r .c {
        padding: 40px;
    }

    .web-app .col-l>div:before {
        font-size: 100px;
        line-height: 120px;
    }

    .web-app .col-l>div {
        font-size: 25px;
    }

    .web-app .col-l>div b {
        font-size: 33px;
    }


    .tabcontents.kmu>.kmu .tabs>div,
    .tabcontents.pro>.pro .tabs>div {
        border-radius: 30px 30px 0 0;
    }

    .tabcontents .contentwrap {
        padding-top: 30px;
    }

    .tabcontents>div {
        padding-top: 0px;
    }

    .tabcontents.pro>.pro .tabs>div:after,
    .tabcontents.kmu>.kmu .tabs>div:after {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
    }

    .tabcontents .tabs .fadeout,
    .tabcontents:not(.pro) .tabs>.pro>div:after,
    .tabcontents:not(.pro) .tabs>.pro>div:before,
    .tabcontents:not(.kmu) .tabs>.kmu>div:before,
    .tabcontents:not(.kmu) .tabs>.kmu>div:after,
    .tabcontents.kmu>.kmu .show,
    .tabcontents.pro>.pro .show,
    .tabcontents .contentwrap,
    .tabs.largescreen {
        display: none;
    }

    .tabcontents.kmu>.kmu .fadeout,
    .tabcontents.pro>.pro .fadeout {
        display: block;
    }

    #main .tabcontents>div {
        background: white;
    }

    .tabcontents .pro .contentwrap {
        background: #48484f;
    }



    .tabcontents.kmu>.kmu .contentwrap,
    .tabcontents.pro>.pro .contentwrap,
    .tabcontents>div:not([class*="active"]),
    .tabs.smallscreen {
        display: block;
    }

    .tabs>div,
    .tabs>div:hover,
    .tabs .active {
        animation: none;
    }

    .tabs.smallscreen .fadeout,
    .tabs.smallscreen .show {
        position: absolute;
        right: 0px;
        font-size: 15px;
        font-weight: 300;
        bottom: 40px;
        /* background: #48484f; */
        padding: 0 20px;
    }

    .tabs>div:after {
        content: "\f107";
        font-family: 'awb-icons';
        /* transform: rotate(-90deg); */
        /* -webkit-transform: rotate(-90deg); */
        font-size: 25px;
        position: absolute;
        right: 37px;
        bottom: 5px;
    }

    /* .tabs.smallscreen .show {
        background: transparent;
    } */
    .tabcontents .kmu .contentwrap {
        background: #d7d7d7;
    }


    .tabs>div:before {
        height: 70px;
    }


    .tabs>div>div>div:first-child {
        font-size: 30px;
        margin-top: 15px;
    }

    .tabs>div>div>div:last-child {
        /* margin: 30px 40px 0px 0; */
        font-size: 20px;
        /* width: 100%; */
        margin-right: 100px;
        padding-right: 100px;
    }

    .tabs {
        flex-direction: column;
    }

    .tabs>div>div {
        padding: 0;
        border-radius: 30px;
    }

    .tabs>div>div>div {
        padding-left: 30px;
        padding-right: 30px;
    }


    .tabs>div {
        padding: 1px 0 0 0;
        margin: 0 !important;
        border-radius: 30px;
        width: 100%;
        position: relative;
    }

    .tabs>div>div>div {
        /* background: #48484f; */
        display: block;
        /* margin-right: 100px; */
        /* padding: 0 20px; */
    }

    .usp-grid {
        gap: 10px 30px;
    }

    .usp-grid .usp:before {
        left: -50px;
        font-size: 50px;
    }

    .usp-grid .usp {
        padding-left: 60px;
        font-size: 22px;
    }

    .col2>div:first-child {
        padding-right: 15px;
    }

    .col2>div:last-child {
        padding-left: 15px;
    }



    /* .topics {
        padding: 0 40px;
    } */

    .its>div {
        padding: 0 50px 0 0;
    }

    .its>div:last-child {
        padding: 0;
    }

    .its>div h3 {
        font-size: 35px;
    }

    /* .its > div {
        padding: 0 0 40px 0;
    } */


    .Section_sitemap>div>div {
        padding: 0;
    }

    .its {
        padding: 100px 40px 0 40px;
    }

    .Section_sitemap>div {
        padding: 0 40px;
    }

    /* .its > div {
        padding: 0 25px 0 25px;
    } */

    .ref-wall>div>span>div:last-child {
        margin-right: 0;
    }

    .ref-wall {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ref-wall>div {
        display: block;
    }

    .ref-wall>div>span {
        display: flex;
    }

    .ref p {
        font-size: 25px;
        line-height: 1;
    }

    .ref p:nth-child(2) {
        font-size: 70px;
    }

    .users>div>div:last-child {
        min-width: auto;
    }

    .users>div>div:last-child {
        padding: 0 0 0 60px;
    }

    #main .users>div>div {
        width: 50%;
    }


    .users ul li {
        font-size: 20px;
    }

    .users>div>div:first-child {
        padding: 35px;
    }



    .td_pro>div.r .t1 .t1 {
        width: 100%;
    }

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 95px;
    }

    .td_pro>div.r {
        margin: 0px auto -50px auto;
        width: 70%;
    }

    .td_pro>div.l {
        padding-right: 0;
        margin: auto;
        transform: none;
        width: 100%;
    }


    .td_pro {
        background-image: url("/wp-content/uploads/2023/05/bg_td_pro_medium.jpg");
        display: block;
        /* transform: scaleY(-1); */
    }

    .its_for_host>div {
        width: 270px;
    }

    .its_for_host>div>div {
        max-width: 220px;
    }

    .its_for_host>div:first-child p {
        font-size: 20px;
    }

    .its_for_host>div:nth-child(2) p {
        font-size: 20px;
    }

    .its_for_host>div:last-child p {
        font-size: 20px;
    }


    /* body.home #main .toggle-content a:hover:before {
        left: 27px;
    } */

    body.home .toggle {
        margin-bottom: 10px;
    }

    body.home .toggle-head {
        /* height: 82px; */
        font-size: 27px;
    }



    .usp-toggles {
        margin-top: 70px;
    }

    body.home #intro {
        background-position: 100% top !important;
    }

    /* #intro {
        background-image: url("images/keyvisual-medium.jpg");
        background-position: 100% top !important;
    } */

    /* #intro {
        height: 450px;
    }

    body.home #intro {
        height: 550px;
    }     */

    body.home h2 {
        font-size: 40px !important;
        margin-top: 70px !important;
    }

    .usp_checklist li {
        font-size: 20px;
        margin-top: 40px;
    }

    .usp_checklist li:before {
        font-size: 60px;
    }

    /* .quickinfo-wrap { */
    /* width: 100%; */
    /* margin: -40px 20px 0 20px; */
    /* } */

    body #main .quickinfo a.btn:after {
        font-size: 16px;
        /* margin-right: 0; */
        font-size: 18px;
        /* display: none;         */
    }

    body #main .quickinfo a {
        padding: 5px 20px !important;
        /* min-width: auto; */
        font-size: 25px !important;
    }

    #td-cta-bg .td_pro {
        display: flex;
    }

}









@media (max-width: 950px) {


    /* #td-cta-bg .td_pro > div.l img {
        display: none;
    }  */

    /* #td-cta-bg img {
        max-height: calc(100vh - 490px);
    } */

    /* #td-cta-bg .td_pro > div.l {
        display: none;
    } */
    
    #td-cta-bg img {
        max-height: calc(20vh);
    }

    #td-cta-bg .td_pro {
        flex-direction: column;
        /* justify-content: center; */
    }

    /* #td-cta-bg .td_pro > div.r {
        margin: auto;
    }     */
    




}

@media (orientation: portrait) { 

    #td-cta-bg img {
        max-height: calc(20vh);
    }

}

@media (max-width: 950px) and (orientation: landscape) { 


    #td-cta-bg .td_pro > div.l {
        display: none;
    }  
    #td-cta-bg .td_pro > div.r {
        margin: auto;
    }    
    
    
}

@media (max-width: 950px) and (orientation: portrait) { 

    #td-cta-bg .td_pro > div {
        margin: -30px 0;
    }

}


@media (max-width: 900px) {

    .cloud-provider.fusion-text p {
        font-size: 20px;
    }

    #card-1.card-1 .product-item>div:nth-child(1) {
        margin-right: 0;
    }

    #card-1.card-1 .platform-item-collections>.platform {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #card-1.card-1 .platform.curr-os.act {
        justify-content: center;
    }

    #card-1.card-1 {
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
        min-width: unset;
        min-height: 185px;
    }

    #card-1.card-1 .platform-item-collections,
    #card-1.card-1 .card-head {
        width: 100%;
    }

    #card-1.card-1 .card-head .card-title {
        font-size: 26px;
        padding: 30px 30px 0 30px;
        text-align: center;
    }

    img.fusion-standard-logo {
        width: 240px;
        height: 35px;
    }


    .its_for_host .more-btn-wrap {
        margin-top: 0;
        margin-bottom: 70px;
    }

    .comp-tab .th .hint {
        display: block;
    }

    .comp-tab-wrap {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .comp-tab {
        min-width: 860px;
    }

    .td-vs,
    .comp-tab,
    .web-app,
    .card,
    .topics>div {
        margin: 30px 5px;
    }

    #card-1 .col-r a:after {
        content: "";
    }

    .card:not([class*="card-1"]) .card-title {
        font-size: 28px;
    }

    .usp-grid .usp:before {
        top: 14px;
        left: -50px;
        font-size: 45px;
    }

    .usp-grid .usp {
        font-size: 24px;
        margin-bottom: 20px;
        padding-left: 50px;
        display: inline-block;
        min-height: 70px;
    }

    .usp-grid {
        /* display: block; */
        /* margin-top: 70px; */
        grid-template-columns: auto;
        justify-content: center;
    }

    .tabcontents .teaser {
        display: block;
    }

    #main .tabcontents .teaser>div {
        width: 100%;
    }

    /* .topics > p {
        width: 100%;
    } */
    .topic {
        width: 80%;
    }

    .Section_sitemap>div,
    .its {
        display: block;
        /* padding: 15px; */

    }

    .its>div {
        padding: 0 0 40px 0;
    }

    .msf .l {
        width: 80%;
        padding: 0;
        margin: auto;
    }

    .msf .r {
        width: 100%;
    }

    .msf {
        display: block;
        margin: auto;
        padding: 100px 40px 0 40px;
        /* width: 80%; */
    }


    .its_for_host>div {
        width: 330px;
        margin-bottom: 20px;
    }

    .its_for_host>div>div {
        max-width: 250px;
    }

    .its_for_host {
        flex-direction: column;
        align-items: center;
    }

    .its_for_host>div:first-child p {
        font-size: 23px;
    }

    .its_for_host>div:nth-child(2) p {
        font-size: 23px;
    }

    .its_for_host>div:last-child p {
        font-size: 23px;
    }


    /* #polylang-2 {
        right: -18px;
    }     */
    /* .phone-icon:before {
        content: "\e912";
        display: block;
        color: black;
        font-size: 25px;
        position: fixed;
        top: 6px;
        z-index: 1;
        left: 80px;
    } */

    #custom_html-2 {
        display: none;
    }

    .fusion-secondary-main-menu .hotline {
        display: block;
        right: 0;
        top: 60px;
        font-size: 14px;
        width: 165px;
        padding: 3px;
        left: 6px;
        line-height: 22px;
        margin: auto;
        background: #4d4d4e;
        color: white;
        font-weight: 400;
    }

    body #main .quickinfo a {
        /* padding: 5px 20px !important; */
        min-width: 190px;
        /* font-size: 25px !important; */
    }

}


@media (max-width: 800px) {

    /* body #main #card-1.card-1 .platform-item-collections > .platform > .product-item.curr-os .btn {
        font-size: 20px;
    } */

    #sticky-sidebar {
        overflow: visible;
        right: -110px;
        top: 340px;
    }

    html[lang="en-US"] #sticky-sidebar {
        right: -113px;
    }

    #sticky-sidebar ul:before,
    #sticky-sidebar ul:after {
        /* z-index: 1; */
        /* display: block; */
        /* content: "";*/
        content: "\f104";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -40px;

    }

    #sticky-sidebar ul:after {
        /* font-family: icomoon; */
        font-family: 'awb-icons';
        font-size: 22px;
    }

    #sticky-sidebar.open {
        right: 0 !important;
    }

    #sticky-sidebar ul:before {
        /* content: ""; */
        /* color: black; */
        /* display: block; */
        background: #fff;
        height: 50px;
        /* position: absolute; */
        width: 50px;
        left: -50px;
        border-radius: 50px 0 0 50px;
        /* top: 50%; */
        /* transform: translateY(-50%); */
        border: 2px solid #f79222;
        border-right: none;
    }

    /* #sticky-sidebar {
        top: 340px;
    } */

    .td-vs>div {
        margin-bottom: 100px;
        position: relative;
    }


    .td-vs>div>div>div:first-child {
        margin-right: 5px;
        padding: 20px 0 20px 0;
    }

    .td-vs>div>div>div:last-child {
        margin-left: 5px;
        padding: 20px 0 20px 0;
    }

    #main .td-vs a.btn {
        border: 10px solid;
        border-radius: 5px;
        /* font-size: 15px; */
        bottom: -70px;
    }

    .td-vs>div>div>div {
        font-size: 15px;
    }

    .td-vs img {
        height: 50px;
    }


    .w800 {
        width: 100%;
        /* padding: 0 40px; */
    }

}

@media (max-width: 767px) {

    body.page #main .USPs-Section h3 {
        font-size: 30px !important;
    }

    .cloud-provider.fusion-text p {
        font-size: 18px;
    }

    .claim {
        transform: scale(.75);
        margin-top: -3px;
        margin-left: -157px;
    }


    /* .claim:before {
        left: 74px;
    } */

    /* body:not([class*="home"]) .claim:before { */
    /* left: 60px; */
    /* }     */

    /* .card .platforms {
        margin: 0 20px 0 20px;
    } */

    .card:not([class*="card-1"]) .card-title {
        font-size: 25px;
    }



    .infolayer {
        /* padding: 50px 16px 10px 20px; */
        width: calc(100vw - 20px);
        /* top: 10px; */
        /* height: calc(100vh - 20px); */
    }



    /* #sticky-sidebar:hover {
        right: 0;
    }    */



    .tabs>div>div>div:first-child {
        font-size: 27px;
    }

    .tabs {
        padding: 0px 20px;
    }

    .usp-grid .usp {
        font-size: 22px;
    }

    .usp-grid,
    .allfeat,
    .tabcontents .content {
        width: calc(100% - 80px);
    }

    .tabcontents .col3 {
        padding-left: 35px;
    }

    .topic {
        width: 100%;
    }

    .col2 {
        display: block;
        /* width: calc(100% - 40px); */
    }

    #main .col2>div {
        padding: 0;
    }

    #main .col2>div:first-child p:last-child {
        margin: 0;
    }

    #main .allfeat h2 {
        font-size: 30px !important;
        margin-top: 50px;
    }

    body.single-post #main h1,
    body.page #main h1 {
        font-size: 30px !important;
    }


    body.single-post #main h2,
    body.page #main h2 {
        font-size: 27px !important;
    }

    body.page #main h3,
    body.single-post #main h3 {
        font-size: 24px !important;
    }


    body.home.page #main h2 {
        font-size: 32px !important;
    }

    .td_pro {
        padding-bottom: 10px;
        padding: 100px 60px;
    }

    .td_pro>div.r {
        margin-top: -50px;
    }

    .td_pro>div.l {
        transform: scale(.8);
        margin-top: -100px;
    }

    .td_pro>div.r {
        width: 80%;
    }

    /* .news2 {
        height: 400px;
    } */
    .its_teamdrive:before {
        width: calc(100% - 40px);
        height: 34px;
    }

    #content .news2 .flex-direction-nav a.flex-prev {
        left: -10px;
        font-size: 40px;
    }

    #content .news2 .flex-direction-nav a.flex-next {
        font-size: 40px;
        right: -10px;
    }

    .tfs-slider .slide-content {

        width: 70% !important;
    }

    body .tfs-slider .flex-control-nav {
        bottom: -20px !important;
    }

    /* body .tfs-slider[data-animation=slide] {
        height: 600px!important;
    } */

    /* .news2 {
        height: 600px;
    } */

    /* .claim:before { 
        left: 69px;
    } */

    div#intro:after {
        display: none;
    }

    .claim.min:before {
        content: url("images/mahig.svg");
        margin-left: 20px;
        position: absolute;
        top: 0;
        background: white;
        width: 140px;
        height: 90px;
        left: -20px;
    }



    /* body:not([class*="home"]) .claim.min {
        display: inline-block;
        transform: scale(.7);
        margin-left: -120px;
    }
    body:not([class*="home"]) .claim.max {
        display: none;
    }       */

    /* .claim .bg {
        background: white;
        height: 100px;
        width: 93%;
        position: absolute;
        top: 29px;
        border-radius: 20px;
        transform: skew(-10deg, 0deg);
    } */


    /* .claim {
        transform: scale(.75);
        margin-top: 2px !important;
        margin-left: -166px;
    } */

    /* body:not([class*="home"]) .claim {
        margin-left: -192px;
    } */
    /* .quickinfo-wrap {
        margin: -35px 20px 0 20px;
    } */

    body #main .quickinfo a {
        /* padding: 4px 10px !important; */
        min-width: 170px;
        font-size: 20px !important;
        /* margin-right: 10px; */
    }

    /* body #main .quickinfo a.btn:after {
        font-size: 16px;
        margin-left: 8px;
    }  */

    body.home .toggle-row {
        margin: 0 20px;
    }

    .td_pro>div.r {
        width: 80%;

    }
}

@media (max-width: 700px) {

    .td_pro .subline {
        border: 1px solid #000;
        color: #000;
    }

    /* body:not([class*="home"]) .claim:before { */
    /* left: 100px; */
    /* } */

    .claim .l6 {
        font-size: 21px;
    }

    body:not([class*="home"]) .claim {
        margin-left: -210px;
    }

    #sticky-sidebar {
        top: 3000px;
    }


    body.home #intro {
        height: 530px;
    }

    #content .card .card-title a[iid]:after {
        transform: translate(7px, -6px);
    }

    .web-app .col-r .c {
        padding: 30px;
    }

    .web-app .col-l>div:before {
        font-size: 70px;
        line-height: 80px;
    }

    .web-app .col-l {
        padding: 20px;
    }

    .web-app {
        flex-direction: column;
    }

    .web-app>div {
        width: 100% !important;
    }

    #content .card .card-title a[iid]:after {
        font-size: 20px;
    }

    .card-title {
        font-size: 20px;
    }

    #card-1.card-1 .card-title {
        font-size: 25px;
    }

    .usp-grid {
        display: block;
    }

    .usp-grid .usp {
        margin-bottom: 30px;
    }

    /* body:not([class*="home"]) .claim {
        margin-top: -12px ;
    } */


    /* body:not([class*="home"]) #intro:not([class*="reduced"]) {
        height: 400px;
    } */

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 87px;
    }

    body.home .topics h2 {
        text-align: left;
    }

    .topics .btns>div {
        width: 80%;
    }

    .ref {
        padding: 100px 20px 0 20px;
    }

    .ref p:nth-child(2) {
        font-size: 60px;
        font-weight: 700;
        color: #63666b;
    }

    #main .users h3 {
        font-size: 26px;
    }

    .users ul {
        transform: none;
    }

    .users>div>div:last-child {
        margin-top: 0;
        border-radius: 0px 0px 10px 10px;
        padding: 0 0 30px 24px;
    }

    .users>div>div:first-child {
        border-radius: 10px 10px 0px 0px;
        padding: 35px;
    }

    .users>div {
        display: block;
        margin-top: 10px;
    }

    #main .users>div>div {
        width: calc(100% - 10px);
        margin: auto;
    }

    .td_pro>div.r {
        width: 95%;

    }

    .usp_checklist li {
        margin-top: 30px;
    }

    .usp_checklist {
        margin-top: 0;
    }

    .usp-wrap {
        justify-content: unset;
        margin-left: 80px;
        padding: 0 60px;
    }

    body.home h2 {
        font-size: 35px !important;
    }

    body.home .its_teamdrive h2 {
        margin-left: 87px;
        margin-right: 87px;
        text-align: left;
    }

    .usp_checklist li strong {
        font-size: 27px;
    }

    .usp_checklist li:before {
        font-size: 50px;
        left: -50px;
    }

    .claim {
        transform: scale(.65);
        margin-top: -13px;
        margin-left: -220px;
    }

    .claim:before {
        left: 100px;

    }

    /* .claim .l6 {
        font-size: 23px;
    }     */

    /* body #main .claim .l7 a.btn {
        transform: scale(1.2);
        font-size: 22px;
        margin-left: 40px;
    } */

    body #main .quickinfo a {
        /* padding: 4px 10px !important; */
        min-width: auto;
        /* font-size: 20px !important; */
        /* margin-right: 10px; */
    }

    /* #card-1.card-1 .card-head .card-title {
        font-size: 24px;
    } */

}


@media (max-width: 600px) {

    #card-1.card-1 .card-head .card-title span {
        margin-left: 0px;
        display: block;
    }

    #card-1.card-1 .card-head .card-title {
        font-size: 27px;
    }

    /* #card-1.card-1 {
        min-height: fit-content;        
        height: 260px;  
    }  */

    body:not([class*="home"]) .claim .l6 {
        font-size: 30px;
    }

    /* body:not([class*="home"]) .claim:before { */
    /* left: 68px; */
    /* } */

    body:not([class*="home"]) .claim .l6 {
        margin-top: 40px;
    }

    #sticky-sidebar {
        top: 180px;
    }


    body:not([class*="home"]) .quickinfo-wrap {
        margin: -14px 20px 0 20px;
    }

    body:not([class*="home"]) .claim .txt {
        margin-left: 306px;
    }

    body:not([class*="home"]) .claim {
        margin-top: -44px;
        transform: scale(.55);
        margin-left: -264px;
    }

    .td_pro>div.l>div:last-child em:nth-child(2) {
        font-size: 83px;
    }

    .ref,
    .users-intro,
    .comparison {
        padding: 100px 40px 0 40px;
    }

    .users-intro>div,
    .comparison>div {
        padding: 0;
        width: 100%;
    }

    .users-intro,
    .comparison {
        display: block;
    }

    .w600 {
        /* .its_for_all .text { */
        width: 100%;
    }

    .its_teamdrive:before {
        /* width: calc(100% - 40px); */
        height: 20px;
    }

    .claim {
        transform: scale(.55);
        margin-left: -263px;
        margin-top: -90px;
        width: 1050px;
    }

    .claim .txt {
        margin-left: 346px;
        position: relative;
        z-index: 1;
        margin-top: 90px;
    }


    .claim:before {
        left: 68px;
        top: 30px;
        transform: scale(1.4);
    }


    .claim .for {
        transform: scale(1.2);
        margin-left: 62px;
        margin-top: 50px;
    }


    .claim>.bg {
        width: 98%;
        left: -110px;
    }


    .claim .l1 {
        margin-top: -15px;
    }

    .claim .l6 {
        font-size: 26px;
        margin-left: 60px;
        margin-top: 70px;
        line-height: 39px;
        padding-right: 200px;
    }


    /* .claim .img {
        top: 217px;
        left: -238px;
        transform: rotate(-24deg) scale(1);
    } */


    .claim .price {
        top: -150px;
        right: 13px;
        padding: 0px;
        transform: scale(.9);
    }

    #intro {
        height: 510px;
    }

    body:not([class*="home"]) #intro:not([class*="reduced"]) {
        height: 380px;
    }

    body.home #intro {
        height: 530px;
        background-position: 60% top !important;
    }

    .claim .l7 {
        margin-top: 70px;
    }

    body #main .claim .l7 a.btn {
        transform: scale(1.3);
        margin-left: 55px;
        font-size: 22px;
    }

    .claim .img {
        top: 67px;
        left: -168px;
        transform: rotate(16deg);
    }

    .quickinfo-wrap {
        /* width: 100%; */
        margin: -20px 20px 0 20px;
    }


}


@media (max-width: 550px) {




    body:not([class*="home"]) .claim {
        margin-left: -344px;
        margin-top: -60px;
    }

    body.home #intro {
        height: 550px;
    }

    .card .platforms ul {
        justify-content: center;
        /* width: 100%; */
    }

    .card .platforms {
        /* margin: 0 10px 0 10px; */
        padding: 15px 7% 0px;
    }

    .card .platforms ul li {
        line-height: 28px;
        margin-right: 20px;
    }

    .card .platforms ul li:before {
        font-size: 28px;
    }

    .tabs>div>div>div:last-child {
        font-size: 18px;
    }

    .tabs>div>div>div:first-child {
        font-size: 24px;
        margin-right: 40px;
    }

    /* body:not([class*="home"]) .claim {
        margin-top: -69px ;
    } */

    .topics .btns>div,
    .topics .tbox {
        width: calc(100% - 35px);
    }

    .ref {
        display: block;
    }

    .ref>div:first-child {
        margin-bottom: 70px;
    }

    .ref>div {
        width: 100%;
    }

    .td_pro>div.l>div:last-child {
        margin-top: 40px;
    }

    .td_pro>div.l>div:first-child {
        transform: scale(1.2);
    }

    .td_pro>div.r {
        width: 100%;
        margin-top: -80px;
    }

    .td_pro>div.r h3 {
        font-size: 30px !important;
    }


    .td_pro>div.l {
        transform: scale(.7);
        margin-top: -140px;
    }

    /* .td_pro > div.l > div:last-child em:nth-child(2) {
        font-size: 85px;
    } */

    .its_teamdrive:before {
        width: calc(100% - 40px);
        /* height: 20px; */
    }

    .claim .l1 {
        margin-top: -15px;
    }



    .claim {
        transform: scale(.55);
        margin-left: -342px;
    }

    .claim .txt {
        margin-top: 120px;
        margin-left: 386px;
    }

    .claim:before {
        left: 212px;
    }

    .claim .img {
        top: 67px;
        left: -168px;
        transform: rotate(16deg);
    }

    /* body #main .claim .l7 a.btn {
        transform: scale(1.5);
    }    */

    /* .quickinfo-wrap {  */
    /* width: 100%; */
    /* margin: -70px 20px 0 20px; */
    /* } */

    body #main .quickinfo a {
        /* padding: 4px 10px !important; */
        /* min-width: auto; */
        font-size: 20px !important;
        margin-right: 10px;
    }

    body #main .quickinfo a.btn:after {
        font-size: 16px;
        margin-left: 8px;
    }

    /* #intro {
        height: 520px;
    }       */

    .news2 {
        /* height: 300px; */
        margin-top: -35px;
    }



}


@media (max-width: 480px) {




    .users>div>div:last-child {
        padding-right: 24px;
    }

    body:not([class*="home"]) #intro:not([class*="reduced"]) {
        height: 420px;
    }

    #main .td_pro>div.r h3 {
        font-size: 30px !important;
    }

    .claim .price {
        right: 140px;
    }

    .faq-toggle,
    .w1300,
    body .fusion-fullwidth.w1000,
    .w1000,
    .w800,
    .w600 {
        padding: 0 20px !important;
        max-width: none !important;
    }


    .card {
        border-width: 4px;
    }




    .card .platforms {
        /* margin: 0 10px 0 10px; */
        margin: 0;
        /* padding: 15px 7% 0px; */
    }

    .users>div>div:first-child {
        padding: 35px 20px;
    }

    .ref,
    .users-intro,
    .comparison {
        padding: 100px 25px 0 25px;
    }


    .w800,
    .w600 {
        padding: 0 25px;
    }

    .its,
    .msf {
        padding: 100px 25px 0 25px;
    }

    .product-item {
        padding: 20px 20px;
        margin: 5px 10px;
    }

    .product-item>div:nth-child(1) {
        font-size: 16px;
    }

    .product-item .bit {
        font-size: 13px;
        margin: -1px 0 0 10px;
    }

    .topic p:before {
        font-size: 36px;
        top: -5px;
        /* left: 0px; */
    }

    .topic p {
        margin-left: 50px;
    }



    .tabcontents .col3 {
        padding-left: 0px;
    }

    /* .tabs > div > div > div:first-child {
        margin-bottom: 70px;
    } */
    .tabs>div:before {
        height: 100px;
    }

    .tabcontents .pro .cta {
        padding: 0 20px;
    }

    body:not([class*="home"]) .claim {
        margin-left: -378px;
        margin-top: -40px;
    }

    .td_pro>div.r h3 {
        font-size: 26px !important;
    }

    .td_pro>div.l {
        transform: scale(.6);
        margin-top: -150px;
        margin-bottom: 70px;
    }

    .td_pro>div.r {
        margin-top: -170px;
    }

    body.home .toggle-head {
        /* height: 82px; */
        font-size: 24px;
    }

    .usp_checklist li strong {
        font-size: 24px;
    }

    .usp_checklist li:before {
        font-size: 40px;
        left: -37px;
    }

    .usp-wrap {
        margin-left: 40px;
        padding: 0 50px 0 45px;
    }



    body.home h2 {
        font-size: 30px !important;
    }

    body.home .its_teamdrive h2 {
        margin-left: 57px;
        margin-right: 57px;
    }

    /* .news2 { */
    /* height: 300px; */
    /* margin-top: 30px; */
    /* } */

    /* .news2 {
        height: 500px;
    } */

    .claim .l1 {
        margin-top: 105px;
    }

    .claim {
        transform: scale(.5);
        margin-left: -390px;
        margin-top: -110px;
    }

    /* .claim .txt {
        margin-top: 120px;
        margin-left: 386px;
    }     */

    .claim:before {
        left: 275px;
    }

    /* .claim .img {
        top: 67px;
        left: -168px;
        transform: rotate(16deg);
    } */



    body #main .quickinfo a {
        padding: 4px 10px !important;
        min-width: auto;
        font-size: 19px !important;
        margin-right: 10px;
    }

    body #main .quickinfo a.btn:after {
        font-size: 14px;
        margin-left: 6px;
    }

    #intro {
        height: 440px;
    }

    body.home #intro {
        height: 520px;
    }

    .quickinfo-wrap {
        /* width: 100%; */
        margin: -15px 20px 0 20px;
    }


    #polylang-2 ul li:first-child:after {
        display: none;
    }

    #polylang-2 .lang-item a[lang="de-DE"] {
        right: -20px;
        top: 5px;
    }



    #polylang-2 .lang-item a[lang="en-US"] {
        right: -45px;
        top: 25px;
    }

    .td_pro {
        padding: 100px 25px;
    }

    body #main a[class*="size-2"] {
        padding: 9px 55px 10px 25px;
        font-size: 20px;
    }



    .tabcontents .teaser {
        padding: 20px;
    }

    .usp-grid,
    .allfeat,
    .tabcontents .content {
        width: calc(100% - 40px);
    }

    /* .tabs > div  {
        padding: 1px 0 20px 10px ;
    } */

    .web-app .col-r {
        padding: 10px;
    }

    .web-app .col-r .c {
        padding: 20px;
    }

    body.single-post #main h1,
    body.page #main h1 {
        font-size: 27px !important;
        width: calc(100% - 40px);
    }



    body.single-post #main h2,
    body.page #main h2 {
        font-size: 23px !important;
        /* width: calc(100% - 40px); */
        width: 100%;
    }


    body.single-post #main h3 {
        font-size: 20px !important;
    }

    body.page #main h3 {
        font-size: 28px !important;
    }

    body.home.page #main h2 {
        font-size: 30px !important;
    }


    #main .searchform .fusion-search-form-content {
        display: block;
    }

    #main .filter-btns .fusion-button {
        min-width: 200px;
        margin-bottom: 5px;
    }

    .searchform {
        width: 100%;
    }

    .filter-btns {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


@media (max-width: 389px) {

    body #main #card-1.card-1 .platform-item-collections>.platform>.product-item.curr-os .btn {
        font-size: 21px;
    }

    #card-1.card-1 .card-head .card-title {
        font-size: 24px;
    }


    .content-padding {
        padding: 0 20px !important;
    }


    .web-app .col-r .h {
        font-size: 25px;

    }

    .filter-btns {
        display: flex;
        flex-direction: column;
    }

    /* .topics .btns > div, 
    .topics .tbox {
        width: calc(100% - 40px);
    } */

    /* .col2, */
    #main h1,
    #main h2,
    #main h3,
    #main h4 {
        width: calc(100% - 40px);
    }



    /* .its_for_all .text,  */
    /* .w800, */
    /* .w600, */
    /* .topics, */
    .its_for_all h2 {
        padding: 0 20px;
    }


    .its,
    .msf,
    .ref,
    .users-intro,
    .comparison {
        padding: 100px 20px 0 20px;
    }

    .users>div>div:last-child {
        padding: 0 0 30px 19px;
    }

    .users>div>div:first-child {
        padding: 30px 15px
    }

    /* .comparison {
        padding: 100px 20px 0 20px;
    } */

    .td_pro {
        padding: 100px 20px;
    }



    body.home h2 {
        font-size: 27px !important;
    }

    .claim .img {
        top: 217px;
        left: -238px;
        transform: rotate(-24deg);
    }

    .claim {
        margin-left: -423px;
    }

    body:not([class*="home"]) .claim {
        margin-left: -416px;
        margin-top: -60px;
    }

    body:not([class*="home"]) .claim .txt {
        margin-left: 376px;
    }

    /* .claim .price {
        right: 103px;
    } */

    .claim:before {
        left: 344px;
    }

    /* .quickinfo-wrap { */
    /* width: 100%; */
    /* margin: -65px 10px 0 10px; */
    /* } */

    body #main .quickinfo a {
        /* padding: 4px 10px !important; */
        /* min-width: auto; */
        font-size: 16px !important;
        /* margin-right: 5px; */
    }

    /* body #main .quickinfo a.btn:after {
        font-size: 14px;
        margin-left: 6px;
    }     */

    .fusion-mobile-menu-icons .fusion-icon-bars {
        font-size: 29px;
    }

    /* .topics > div {
        margin: 30px -20px;
    } */


}





@media (max-width: 359px) {

    body.page-template-page-search #main h1 {
        font-size: 20px !important;
    }

    #content .card .card-title a[iid]:after {
        font-size: 20px;
    }

    .card-title {
        font-size: 20px;
    }

    .td_pro>div.l {
        transform: scale(.5);
        margin-top: -170px;
    }


    body #main .quickinfo a.btn:after {
        /* font-size: 16px;
        margin-right: 0; */
        display: none;
    }

    /* .claim { */

    /* padding-right: 230px;         */
    /* margin-left: -423px; */
    /* margin-top: -140px !important; */
    /* } */

    .claim .txt {
        margin-top: 120px;
        margin-left: 386px;
    }

    .claim:before {
        left: 344px;
    }

    /* .claim .price {
        right: 113px;
    }     */



    /* .claim .l6 {
        padding-right: 200px;
    }     */
}