:root {
    --primary-blue: #21386B;
    --light-blue: #DEEAF2;
}

.btn.btn-primary {
    border-radius: 0px;
    font-weight: 600;
    font-size: inherit;
}

#sp-main-body {
    padding: 0px 0 !important;
    margin-top: 0px;
}


#sp-header {
    background: #fff !important;
}

.article-details .article-can-edit {
    display: none !important;
}



/* Heading */

h1 {
    font-size: 33px;
    line-height: 35px;
}

h2 {
    font-weight: 400;
    font-size: 29px;
    line-height: 36px;
}

@media screen and (max-width: 767px) {
    h2 {
        line-height: 32px;
    }
}

h3 {
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
}

h4 {
    font-weight: 500;
    font-size: 21px;
    line-height: 24px;
}

h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.text-white h2 {
    color: #fff;
}

p {
    font-size: 1.0rem;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    /* color: #1D70B7; */
    color: #f452a8;
}

.sp-megamenu-parent>li:hover>a {
    /* color: #f452a8; */
    color: #1D70B7;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    /* color: #f452a8; */
    color: #1D70B7;
}

.kasten-grau {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.125rem;
    background-color: #fff;
    border: 2px dashed #124385;
    color: #000;
    padding: 20px;
}

.kasten-weiss {
    display: flex;
    font-weight: 400;
    font-size: 1.125rem;
    color: #000;
    padding: 20px;
}


.kasten-weiss .sppb-addon-content {
    font-size: 17px;
}


.kasten-weiss .sppb-addon-wrapper {
    margin-bottom: 30px;
    background-color: #fff;
}

.box-weiss {
    background-color: #fff;
    box-shadow: 2px 1px 14px -1px rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: 2px 1px 14px -1px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 2px 1px 14px -1px rgba(0, 0, 0, 0.25) !important;
}


.box-weiss h4 {
    font-size: 19px;
}

.phone::before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.wa,
.wa:hover {
    font-size: 5px;
    color: transparent;
}

.wa::before {
    content: url(/images/whatsapp.svg);
    display: inline-block;
    position: absolute;
    height: 26px;
    width: 26px;
    color: #124385;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    margin-left: 10px;
}

/*** Navigation ***/

.sp-megamenu-parent .sp-mega-group>li>a {
    font-weight: 400 !important;
    font-size: 17px !important;
}

.sp-megamenu-parent .sp-mega-group>li>a {
    text-transform: initial !important;
    line-height: 17px !important;
}

.sp-menu-heading {
    font-weight: 600 !important;
}

.item-231,
.item-230 {
    margin-bottom: .6em;
}

.menu-kontakt {
    width: 20px;
}

.itemid-275 #sp-header.full-header,
.itemid-276 #sp-header.full-header {
    background-color: #21386b !important;
}

/* Kontaktformular */

.kontakt-datenschutz .cf-label {
    font-size: 13px !important;
}

.convertforms .cf-checkbox-group .cf-label,
.convertforms .cf-radio-group .cf-label {
    padding-left: 15px !important;
}

.cf-form-wrap {
    padding: 0px !important;
}

/* Buttons */
.sppb-btn-default {
    color: #fff !important;
    border-color: #124385 !important;
    background-color: #124385 !important;
    font-weight: 600 !important;
    padding: 14px !important;
}

.sppb-btn-primary.sppb-btn-outline {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.sppb-btn-primary.sppb-btn-outline:hover {
    color: #124385;
    background-color: #fff;
    border: 1px solid #fff;
}

.termin {
    border-radius: 2px !important;
    background-color: #0696de;
    border: none;
    display: inline-flex;
    padding: 15px 15px;
}

/* Animated Header */

.sppb-addon-animated-heading .sppb-addon-title {
    font-size: 35px;
    font-weight: 600;
    color: #124385;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
}

/* Accordion */

.sppb-panel-default>.sppb-panel-heading {
    background-color: #f2f2f2;
    padding: 17px;
    margin-bottom: 10px;
}

.sppb-panel {
    background-color: #fff;
    border: 0px solid #124385 !important;
    border-top-width: 0;
}

.sppb-panel-body {
    padding: 15px;
    border-top: 0px solid transparent;
}

.sppb-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400 !important;
    color: inherit;
}

.fa-chevron-right:before {
    content: "\f067";
    color: #124385;
}


/* Icon Text */

.icon-text .sppb-addon-content {
    text-align: center;
    padding: 20px;
}

.icon-text-inner h5 {
    font-size: 25px;
    margin-bottom: 20px;
}

.icon-teaser {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2em;
}

/* Mobile Menü Fonts */
.offcanvas-menu .offcanvas-inner ul.menu>li>a {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 17px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .offcanvas-menu .offcanvas-inner ul.menu>li {
        padding: 8px 0px !important
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
        padding: 8px 0px;
        display: inline-block;
    }
}

.offcanvas-menu .offcanvas-inner ul.menu ul {
    text-align: left;
}

/* mobile menu - colors */


.active.menu-parent.menu-deeper>a,
.active.menu-parent.menu-deeper .current.active a {
    color: #1D70B7 !important;
}


header#sp-header #sp-menu .sp-megamenu-wrapper {
    /* text-transform: uppercase; */
    background-color: #f2f2f2;
}

#sp-menu>.sp-column {
    height: 100%;
    background-color: #f2f2f2;
}

.menu-with-social {
    background-color: #f2f2f2;
    padding-right: 0px;
    padding-left: 0px;
}

header#sp-header .sp-megamenu-parent>li>a {
    padding: 0 15px;
}

header#sp-header .sp-menu-item a {
    font-size: 18px;
    font-family: inherit;
    font-family: 'Poppins', sans-serif;
}

.sp-dropdown-items li a {
    font-size: 17px !important;
    text-transform: initial !important;
}

header#sp-header .header-right-container {
    flex: auto;
    font-size: 15px;
}

header#sp-header .header-right-container svg {
    width: 26px;
}

header#sp-header .header-right-container p {
    margin-bottom: 0;
}

header#sp-header .header-right-container span {
    display: none;
}


div#column-id-1639032696089 .sppb-addon.sppb-addon-text-block,
div#column-id-1639032696091 .sppb-addon.sppb-addon-text-block {
    padding: 40px 15px 30px 15px;
    height: 220px;
}

.featured-boxes-col {
    margin: 0 auto;
    max-width: 700px;
}

.featured-boxes-col .sppb-media .pull-left {
    max-width: 139px;
}

.featured-boxes-col .sppb-media-body .sppb-addon-title {
    margin-top: 10px;
}

.men-pic {
    position: relative;
    /*bottom:-21px;*/
}

#blue-box-section blue-box-section {
    word-break: break-all;
}

a.buttons {
    border: 1px solid #fff;
}

#sp-footer,
#sp-bottom {
    background: #F3F6F8;
}

#sp-footer a,
#sp-bottom a {
    color: #124385;
}


#sp-footer a,
#sp-bottom a:hover {
    color: #999;
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 5px;
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 5px;
    color: #fff;
}

@media screen and (max-width: 768px) {

    /* #sp-menu .sp-module:first-child {
        display: none;
    } */
    #sp-menu .sp-module:nth-child(2) {
        display: none;
    }

    #sp-menu .sp-module:nth-child(3) {
        display: none;
    }
}


/* Datenschutzerklärung */
.datenschutz h2 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 50px;
    color: #134384;
}

.datenschutz h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 35px;
}

.datenschutz h4 {
    font-size: 19px;
    margin-top: 35px;
}

p.social-icons img {
    display: inline-block;
    padding: 10px;
}

ul.mod-menu.mod-list.nav li {
    width: 100%;
    display: block;
    color: #000;
}

ul.mod-menu.mod-list.nav li a,
ul.mod-menu.mod-list.nav li span {
    color: #000;
}

div#navbar115,
div#navbar116 {
    display: block !important;
}

div#sp-bottom2 button.navbar-toggler.navbar-toggler-right,
div#sp-bottom3 button.navbar-toggler.navbar-toggler-right {
    display: none;
}

/* Kooperationspartner */

.koop_row img {
    border: 1px solid
}

/* Bewertung */
#jlexreview-e1 {
    margin: 0 10%;
}

.jlexreview ._left {
    float: none;
    text-align: center;
}

#jreview-summary ._filter_tools {
    justify-content: center;
}

#jreview-listing .reviewBlock .star-rating {
    float: right;
}

#jreview-listing .reviewBlock .re-content {
    max-width: 50%;
    margin: 0 auto;
}

#jreview-summary ._filter_col {
    border-left: none;
}

#jreview-listing .reviewBlock .star-rating+.re-title {
    margin-left: 0;
    /* display: block; */
    /* title("Überschrift") braucht einen Standardwert auch bei deaktivierung, deshalb dieser Workaround, evtl. mit späteren Update überflüssig */
    display: none;
    text-align: center;
}

#sppb-addon-wrapper-1642493419835 {
    margin: 0 auto 30px auto !important;
}

.modJLexReview ._star_avg {
    text-align: center;
}

#sppb-addon-1642493652141 #btn-1642493652141 {
    border: 1px solid #fff;
    padding: 12px 30px 12px 30px !important;
}

/* Kontakt Footer Modul */

#btn-1642001168496,
#btn-1639266235143 {
    width: 300px;
}



header#sp-header .header-right-container .phone-container {
    display: block;
    color: #fff;
}

header#sp-header .header-right-container svg {
    width: 23px;
}

#sp-header .logo {
    height: auto;
    display: flex;
}

@media (min-width: 600px) {
    header#sp-header .header-right-container .finance-request-container {
        display: block;
    }
}

@media (min-width: 992px) {

    .sppb-col-md-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    .sppb-col-md-4 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #section-id-1671526532821 .sppb-col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    header#sp-header .header-right-container {
        font-size: 17px;
    }

    header#sp-header .header-right-container svg {
        width: 26px;
    }

    header#sp-header #sp-logo {
        padding-right: 55px;
        position: relative;
    }

    header#sp-header .header-right-container {
        flex: initial;
    }

}


@media (min-width: 1200px) {
    header#sp-header .header-right-container {
        display: flex !important;
    }

    header#sp-header .header-right-container .finance-request-container {
        display: block;
    }

}

@media (min-width: 1350px) {
    header#sp-header .header-right-container .finance-request-container {
        display: block;
    }

    #section-id-1671526532821 .sppb-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 1455px) {
    .phone {
        font-size: 90%;
    }

    header#sp-header .sp-menu-item>a {
        font-size: 100%;
        font-family: inherit;
    }

}

@media (max-width: 992px) {

    .men-pic {
        bottom: auto;
    }

    #sp-menu>.sp-column {
        background-color: #fff !important;
    }

}

@media (max-width: 500px) {
    #sppb-addon-1642493652141 #btn-1642493652141 {
        padding: 0 !important;
    }


}

/* font-awesome-400 - latin */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fa-regular-400.woff2');
    /* IE9 Compat Modes */
    src: local(''),
        /* IE6-IE8 */
        url('../fonts/fa-regular-400.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/fa-regular-400.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/fa-regular-400.ttf') format('truetype');
    /* Safari, Android, iOS */
    /* Legacy iOS */
}

/* font-awesome-900 - latin */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/fa-solid-900.woff2');
    /* IE9 Compat Modes */
    src: local(''),
        /* IE6-IE8 */
        url('../fonts/fa-solid-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/fa-solid-900.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/fa-solid-900.ttf') format('truetype');
    /* Safari, Android, iOS */
    /* Legacy iOS */
}


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

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

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

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

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

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

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

.burger-icon>span {
    background-color: white;
}

#sp-header.full-header {
    background: transparent !important;
    position: fixed;
    height: auto;
}

#sp-menu>.sp-column {
    background-color: transparent !important;
}

.menu-with-social {
    background-color: transparent;
}

img.logo-image {
    height: 70px;
}

.header-sticky img.logo-image {
    height: 64px;
}

#sp-header.header-sticky {
    background: var(--primary-blue) !important;
    height: 64px;
}

header#sp-header .header-right-container p {
    font-size: initial;
    font-family: 'Poppins', sans-serif;
}

header#sp-header .header-right-container p a.phone {
    font-size: initial;
    color: white;
}

header#sp-header .header-right-container p a.phone:hover,
header#sp-header .header-right-container p a.phone:focus {
    color: #f452a8;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #f452a8;
}

.termin {
    border: 2px solid white;
    align-items: center;
    transition: 0.3s ease;
}

.termin img {
    width: 16px;
    height: auto;
    display: inline-block;
    margin-right: 5px;
}

.termin:hover,
.termin:focus {
    border-color: white;
    background-position: initial;
}

ss3-force-full-width {
    filter: drop-shadow(0px 8px 17px rgba(50, 50, 0, 0.5));
}

.n2-section-smartslider:not(.straight).fitvidsignore.n2_clear {
    clip-path: polygon(100% 0, 100% 92%, 60% 100%, 0 87%, 0 0);
}

.timeline-bar {
    position: absolute;
    top: unset !important;
    bottom: 0px;
}

.n2-ss-layer.n2-ow.timeline-bar {
    height: 10px !important;
}

.n2-ow.n2-ss-item-progressbar-inner {
    font-size: 0px !important;
    height: 10px;
}

.n2-ss-layer.n2-ow {
    position: relative;
    height: auto;
    transform: unset !important;
}

@media (min-width: 992px) {
    #offcanvas-toggler {
        /* display: none !important; */
    }

    header#sp-header #sp-menu .sp-megamenu-wrapper {
        background-color: transparent;
    }

    .sp-megamenu-parent>li>a {
        color: white;
    }
}

.sp-megamenu-parent.d-lg-block {
    /* display: none !important; */
}

.header-right-container>.sp-module {
    margin-left: 0 !important;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-right: 15px;
}

header#sp-header .header-right-container {
    flex-grow: 1;
    justify-content: flex-end;
}

.phone::before {
    font-size: 22px;
    margin-right: 0;
}

.termin img {
    margin-right: 0;
}

.header-right-container>.sp-module {
    margin: 0 15px !important;
}

.menu-with-offcanvas {
    display: none !important;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--primary-blue);
    background-color: #FCFCFC;
}

.slider-content {
    color: white;
    text-align: left;
    max-width: 320px;
}

@media screen and (min-width: 769px) {
    .slider-content {
        max-width: 320px;
    }
}

.slider-content h1,
.slider-content h2 {
    color: white;
    font-size: 31px;
    font-weight: normal;
    line-height: 34px;
    margin-bottom: 10px;
}

.slider-content h3 {
    color: white;
    font-size: 26px;
    font-weight: normal;
    line-height: 31px;
    margin-bottom: 10px;
}

.slider-content p {
    font-size: 16px;
    line-height: 19px;
}

.move-to-slider-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.move-to-slider {
    text-align: left;
    background: white;
    margin-left: auto;
    margin-top: -130px;
    display: block;
    padding: 20px 30px;
    border-radius: 10px;
    border: 2px solid var(--light-blue);
    max-width: 640px;
}



.primary-button {
    color: white;
    display: inline-block;
    border-radius: 40px !important;
    padding: 5px 20px;
    background: linear-gradient(100deg, #F452A8 0%, #882BC1 100%);
    background: -webkit-linear-gradient(100deg, #F452A8 0%, #882BC1 100%);
    background: -moz-linear-gradient(100deg, #F452A8 0%, #882BC1 100%);
    background: -o-linear-gradient(100deg, #F452A8 0%, #882BC1 100%);
    background: linear-gradient(100deg, #F452A8 0%, #1d70b7 100%);

    transition: 0.2s ease;
}

.primary-button.with-border {
    border: 2px solid white;
}

.primary-button.wide {
    padding-left: 50px;
    padding-right: 50px;
}

.primary-button:hover,
.primary-button:focus {
    transform: scale(1.025);
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.25);
    color: white;
    background: linear-gradient(100deg, #F452A8 0%, #882BC1 140%);
    background: -webkit-linear-gradient(100deg, #F452A8 0%, #882BC1 140%);
    background: -moz-linear-gradient(100deg, #F452A8 0%, #882BC1 140%);
    background: -o-linear-gradient(100deg, #F452A8 0%, #882BC1 140%);
    background: linear-gradient(100deg, #F452A8 0%, #882BC1 140%);
}

a {
    color: var(--primary-blue);
    font-size: 14px;
}

.card-basic {
    padding: 40px 20px;
    border: 2px solid var(--light-blue);
    border-radius: 10px;
    background-color: white;
}

.card-basic-wide {
    padding: 30px;
    border: 2px solid var(--light-blue);
    border-radius: 10px;
    background-color: white;
}

.no-padding {
    padding-top: 8px;
    padding-bottom: 8px;

    padding-left: 16px;
    padding-right: 16px;
}

.border {
    border: 2px solid #DEEAF2;
    border-radius: 40px;
    padding: 12px 16px;
}

.card-with-border-left {
    padding: 8px 15px;
    border: 2px solid var(--light-blue);
    border-radius: 10px;
    position: relative;
    background-color: white;
}

@media screen and (max-width: 768px) {
    .card-with-border-left {
        margin-bottom: 16px;
    }

    #column-wrap-id-1671458569613,
    #column-wrap-id-1680532957443,
    #column-wrap-id-1680532957444 {
        margin-bottom: 16px;
    }

    #column-wrap-id-1680530448937,
    #column-wrap-id-1680530448938,
    #column-wrap-id-1680530448939 {
        padding-bottom: 15px;
    }
}

.card-with-border-left::after {
    content: '';
    position: absolute;
    height: 95%;
    width: 10px;
    background-color: var(--primary-blue);
    border-radius: 5px;
}

.card-with-border-left>.sppb-column-addons {
    padding: 20px;
    padding-right: 5px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
}

.card-with-border-left>.sppb-column-addons>.sppb-addon-wrapper:nth-child(2) {
    margin-top: 12px !important;
}

.mb-0,
.mb-0>* {
    margin-bottom: 0;
}


.bold {
    font-weight: 500;
}

.bold h1,
.bold h2,
.bold h3 {
    font-weight: 600 !important;
}

.bold h4,
.bold h5,
.bold h6 {
    font-weight: 600 !important;
}

.center {
    text-align: center;
}

.italic {
    font-style: italic;
}

.c-white {
    color: white;
}

div#section-id-1671532136508 .sppb-column-addons {
    width: 100%;
    padding: 0 20px;
}

.flex-row {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.list-with-checkmarks {
    list-style: none;
    padding-left: 5px;
}

.list-with-checkmarks li {
    position: relative;
    display: flex;
    align-items: center;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-left: 30px;
}

.list-with-checkmarks li::before {
    content: '';
    background-image: url('../images/checkmark.svg');
    /* margin-right: 10px; */
    width: 22px;
    height: 22px;
    /* display: inline-block; */
    position: absolute;
    left: 0;
    top: 2px;
}

#sppb-addon-1671528395866 .sppb-addon-image-layout-content,
#sppb-addon-1684324711356 .sppb-addon-image-layout-content {
    padding: 30px 10px 0 10px !important;
}

#sp-main-body>.container {
    max-width: none !important;
    padding: 0 !important;
}

header#sp-header .sp-megamenu-parent>li>a {
    display: inline-flex;
    align-items: center;
}

header#sp-header .sp-megamenu-parent>li.sp-has-child>a:after,
header#sp-header .sp-megamenu-parent>li.sp-has-child>span:after {
    font-size: 12px;
    padding-top: 4px;
}

#sp-footer-1 {
    padding: 100px 0;
}

#sp-footer1 {
    padding-left: 20px;
    padding-right: 20px;
}

#sp-footer1 a {
    font-size: 14px;
}

#sp-footer1 .flex-row {
    padding: 0 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

#sp-footer1 .flex-row .flex-column {
    flex-basis: 100%;
    align-items: stretch;
    margin-bottom: 30px;
}

#sp-footer1 .flex-row .flex-column:last-of-type {
    margin-bottom: 0;
}

#sp-footer1 .flex-row .flex-column>* {
    margin: 4px 0;
}

.delimiter {
    height: 2px;
    background-color: var(--light-blue);
}

.footer-bottom-container {
    padding: 0 20px;
}

.footer-bottom-container>.flex-row {
    padding: 30px 0;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom-container>.flex-row div:first-child {
    align-items: center;
}

.footer-bottom-container>.flex-row div:first-child img {
    height: 55px;
}

.footer-bottom-container>.flex-row div:first-child .flex-column {
    align-items: stretch;
    margin-left: 15px;
    font-size: 14px;
}

header#sp-header .header-right-container>.sp-module {
    margin: 0 15px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: var(--primary-blue)
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: var(--light-blue);
}

section#section-id-1671463425183 .sppb-col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
}

section#section-id-1671528395863 .sppb-col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

#sppb-addon-1671530855011 .flex-row {
    flex-wrap: wrap;
}

#sppb-addon-1671530855011 .flex-row .flex-column {
    max-width: 600px;
    margin: 0 auto;
}

#sppb-addon-1671530855011 .flex-row .flex-column:not(:last-of-type) {
    margin-bottom: 15px;
}

#sp-footer1 .bold {
    font-weight: 600;
}

.footer-bottom-container .flex-row {
    flex-wrap: wrap;
    flex-basis: 100%;
}

.footer-bottom-container .flex-row>div:first-of-type {
    justify-content: center;
}

.footer-bottom-container .flex-row>div:first-of-type img {
    margin-left: 15px;
}

.footer-bottom-container .flex-row>div:last-of-type {
    margin-right: 15px;
    margin-top: 15px;
    justify-content: flex-end;
}

.slider-content .three-cards-container {
    display: flex;
    /* overflow: auto; */
}

.slider-content .three-cards-container>div {
    flex-basis: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--primary-blue);
    text-align: center;
    justify-content: space-between;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 20px 30px;
    flex-basis: calc(33.3334% - 3.3334px);
    min-width: calc(33.3334% - 3.3334px);
    margin-right: 5px;
    padding: 15px 0;
}

.slider-content .three-cards-container.four-cards>div {
    flex-basis: 25%;
    min-width: unset;
}

.slider-content .three-cards-container>div:last-of-type {
    margin-right: 0;
}

.slider-content .three-cards-container img {
    margin-bottom: 10px;
}


@media screen and (max-width: 768px) {
    .slider-content .three-cards-container p {
        font-size: 12px;
        margin-bottom: 0;
        padding: 0px 4px;
    }
}

@media screen and (min-width: 769px) {
    .slider-content .three-cards-container p {
        font-size: 13px;
    }
}

@media (min-width: 410px) {
    .slider-content .three-cards-container.four-cards>div {
        min-width: 25%;
    }
}

@media (min-width: 450px) {
    .slider-content .three-cards-container>div {
        margin-right: 15px;
    }
}

@media (min-width: 600px) {
    div#section-id-1671532136508 .sppb-column-addons {
        width: 90%;
    }

    .card-basic-wide {
        padding: 60px 80px;
    }

    header#sp-header .header-right-container span {
        display: inline;
    }

    .phone::before {
        font-size: 16px;
        margin-right: 10px;
    }

    .termin img {
        margin-right: 5px;
    }
}

@media(min-width: 768px) {
    .managed-services-top-three-cols {
        margin-top: -150px !important;
    }

    .footer-bottom-container .flex-row {
        flex-wrap: initial;
        flex-basis: initial;
    }

    .footer-bottom-container .flex-row>div:first-of-type {
        justify-content: initial;
    }

    .footer-bottom-container .flex-row>div:first-of-type img {
        margin-left: initial;
    }

    .footer-bottom-container .flex-row>div:last-of-type {
        margin-right: initial;
        margin-top: initial;
        justify-content: initial;
    }

    #sp-footer1 .flex-row .flex-column {
        flex-basis: calc(50% - 40px);
    }

    div#section-id-1671532136508 .sppb-column-addons {
        width: 70%;
    }

    header#sp-header .header-right-container>.sp-module {
        margin: 0 50px;
    }

    #sp-header.full-header {
        padding-left: 45px;
        padding-right: 45px;
    }

    .move-to-slider {
        margin-top: -200px;
    }
}

@media (min-width: 1000px) {

    .slider-content .three-cards-container>div {
        flex-basis: calc(33.3334% - 10px);
        min-width: calc(33.3334% - 10px);
    }

    .slider-content .three-cards-container p {
        font-size: 16px;
    }

    div#section-id-1671532136508 .sppb-column-addons {
        width: 60%;
    }

    /* .pt-lg-0 {
        padding-top: 0 !important;
    } */

    .slider-content {
        max-width: 50%;
        min-width: 450px;
    }

    .slider-content h1,
    .slider-content h2 {
        font-size: 40px;
        line-height: 43px;
    }


    .slider-content h3 {
        font-size: 33px;
        line-height: 35px;
    }

    .slider-content p {
        font-size: 18px;
        line-height: 23px;
    }

    h1 {
        font-size: 45px;
        line-height: 48px;
    }

    h2 {
        font-size: 37px;
        line-height: 40px;
    }

    h3 {
        font-size: 30px;
        line-height: 32px;
    }

    h4 {
        font-size: 23px;
        line-height: 28px;
        font-weight: 500;
    }
}

@media(min-width: 1200px) {

    #sp-footer1 .flex-row {
        flex-wrap: initial;
    }

    #sp-footer1 .flex-row .flex-column {
        flex-basis: calc(20% - 40px);
        margin-bottom: 0;
    }

    #sppb-addon-1671530855011 .flex-row {
        flex-wrap: initial;
    }

    #sppb-addon-1671530855011 .flex-row .flex-column:not(:last-of-type) {
        margin-bottom: initial;
    }

    #sppb-addon-1671528395866 .sppb-addon-image-layout-content,
    #sppb-addon-1684324711356 .sppb-addon-image-layout-content {
        padding: 0 10px 0 70px !important;
    }

    section#section-id-1671528395863 .sppb-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    img.logo-image {
        height: 80px;
    }

    .slider-content h1,
    .slider-content h2 {
        font-size: 45px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .slider-content h3 {
        font-size: 37px;
        line-height: 40px;
    }

    section#section-id-1671463425183 .sppb-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1380px) {

    .pr-lg-100 {
        padding-right: 100px !important;
    }

    .pr-lg-50 {
        padding-right: 50px !important;
    }


    .slider-content .three-cards-container>div {
        flex-basis: 25%;
        min-width: 25%;
        padding: 15px 20px;
    }

    #sppb-addon-1671528395866 .sppb-addon-image-layout-content,
    #sppb-addon-1684324711356 .sppb-addon-image-layout-content {
        padding: 0 10px 0 100px !important;
    }

    img.logo-image {
        height: 90px;
    }

    .container,
    .sppb-row-container {
        max-width: 1500px !important;
    }

    .menu-with-offcanvas {
        display: flex !important;
    }

    header#sp-header .header-right-container {
        margin: 0;
    }

    #offcanvas-toggler {
        display: none !important;
    }

    header#sp-header .header-right-container>.sp-module {
        margin: 0 20px;
    }


}

@media (min-width: 1550px) {
    header#sp-header #sp-logo {
        padding-right: 80px;
    }
}

@media screen and (max-width: 768px) {
    .reverse-flex-mobile .sppb-row {
        display: flex;
        flex-direction: column-reverse;
    }
}

.flex-grid.it-service-fuer-die-zukunft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.flex-grid.it-service-fuer-die-zukunft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    align-items: stretch;
}

.flex-grid.it-service-fuer-die-zukunft .card-basic {
    width: calc(50% - 7.5px);
    text-align: center;
    padding: 8px 16px;
}

@media screen and (min-width: 769px) {
    .flex-grid.it-service-fuer-die-zukunft .card-basic {
        width: calc(25% - 7.5px);
        text-align: center;
        padding: 8px 16px;
    }
}

@media screen and (min-width: 992px) {
    .flex-grid.it-service-fuer-die-zukunft .card-basic {
        width: calc(33% - 7.5px);
    }
}

@media screen and (min-width: 1200px) {
    .flex-grid.it-service-fuer-die-zukunft .card-basic {
        width: calc(25% - 7.5px);
    }
}

@media screen and (min-width: 1350px) {
    .flex-grid.it-service-fuer-die-zukunft .card-basic {
        width: calc(20% - 8.5px);
    }
}


.flex-grid.it-service-fuer-die-zukunft .card-basic img {
    display: inline-block;
}

.flex-grid.it-service-fuer-die-zukunft .card-basic h5 {
    font-size: 14px;
}

.five-stack-container>div>div>div {
    display: inline-block;
    flex: 100%;
    margin-bottom: 16px;
}

@media screen and (min-width: 769px) {
    .five-stack-container>div>div>div {
        flex: 20%;
        max-width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 1400px) {
    .five-stack-container>div>div>div {
        flex: 20%;
        max-width: 20%;
    }
}

.card-basic.top-left-arrow::before {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    left: -16px;
    top: -16px;

    background-image: url('../images/checkmark.svg');
    background-repeat: none;
    background-size: cover;
    border: 4px solid #fff;
    border-radius: 40px;
}

.top-left-arrow {
    position: relative;
}

a.pink {
    color: #F251A9;
    font-weight: 600;
}

a.blue {
    color: #1E5C9D;
    font-weight: 600;
    ;
}

.two-colls .sppb-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.two-colls .sppb-row>div {
    padding-bottom: 10px;
    max-width: unset;
    flex: 50%;
    flex: 100%;
    gap: 10px;
}

@media (min-width: 1200px) {
    .two-colls .sppb-row>div {
        flex: 50%;
    }
}

.phone-container img {
    display: inline-block;
    margin-right: 4px;
    margin-top: -2px;
}

.vertical-border>div {
    display: flex;
    flex-wrap: wrap;
}

.vertical-border p {
    display: inline-block;
    padding: 24px;
    width: 50%;
    min-width: 300px;
}

.vertical-border p:first-child {
    border-right: 2px solid #deeaf2;
}

.vertical-border-right {
    position: relative;
    padding: 16px;
}

.vertical-border-right::before {
    position: absolute;
    content: '';
    display: block;
    height: 2px;
    width: 80%;
    bottom: 10px;
    left: 10%;
    background-color: #deeaf2;
}

@media screen and (min-width: 1000px) {
    .vertical-border-right::before {
        height: 100%;
        width: 2px;
        right: 0px;
        bottom: unset;
        left: unset;
    }
}

.vorteile-cols #column-id-1671526532820>.sppb-column-addons,
.vorteile-cols #column-id-1671526532822>.sppb-column-addons,
.vorteile-cols #column-id-1671526532823>.sppb-column-addons,
.vorteile-cols #column-id-1671526532824>.sppb-column-addons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sppb-addon-wrapper-1671528092526 {
    margin-bottom: 5px;
}

.d-none {
    display: none;
}

.sppb-col,
.sppb-col-auto,
.sppb-col-lg,
.sppb-col-lg-1,
.sppb-col-lg-10,
.sppb-col-lg-11,
.sppb-col-lg-12,
.sppb-col-lg-2,
.sppb-col-lg-3,
.sppb-col-lg-4,
.sppb-col-lg-5,
.sppb-col-lg-6,
.sppb-col-lg-7,
.sppb-col-lg-8,
.sppb-col-lg-9,
.sppb-col-lg-auto,
.sppb-col-md,
.sppb-col-md-1,
.sppb-col-md-10,
.sppb-col-md-11,
.sppb-col-md-12,
.sppb-col-md-2,
.sppb-col-md-3,
.sppb-col-md-4,
.sppb-col-md-5,
.sppb-col-md-6,
.sppb-col-md-7,
.sppb-col-md-8,
.sppb-col-md-9,
.sppb-col-md-auto,
.sppb-col-sm,
.sppb-col-sm-1,
.sppb-col-sm-10,
.sppb-col-sm-11,
.sppb-col-sm-12,
.sppb-col-sm-2,
.sppb-col-sm-3,
.sppb-col-sm-4,
.sppb-col-sm-5,
.sppb-col-sm-6,
.sppb-col-sm-7,
.sppb-col-sm-8,
.sppb-col-sm-9,
.sppb-col-sm-auto,
.sppb-col-xl,
.sppb-col-xl-1,
.sppb-col-xl-10,
.sppb-col-xl-11,
.sppb-col-xl-12,
.sppb-col-xl-2,
.sppb-col-xl-3,
.sppb-col-xl-4,
.sppb-col-xl-5,
.sppb-col-xl-6,
.sppb-col-xl-7,
.sppb-col-xl-8,
.sppb-col-xl-9,
.sppb-col-xl-auto,
.sppb-col-xs-1,
.sppb-col-xs-10,
.sppb-col-xs-11,
.sppb-col-xs-12,
.sppb-col-xs-2,
.sppb-col-xs-3,
.sppb-col-xs-4,
.sppb-col-xs-5,
.sppb-col-xs-6,
.sppb-col-xs-7,
.sppb-col-xs-8,
.sppb-col-xs-9 {
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 700px) and (max-width: 800px) {
    .managed-services-heading-einfach {
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .max-md-pb-0 {
        padding-bottom: 0 !important;
    }

    .hide-mobile {
        display: none;
    }

    .max-md-text-left {
        text-align: left !important;
    }

    .vertical-border p:first-child {
        border-right: 0;
    }

    .vertical-border p {
        padding-left: 0;
    }
}

@media (max-width: 400px) {
    .primary-button.wide {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.max-height-100vh-160px img {
    max-height: calc(100vh - 160px);
}