/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body, .sf-menu .menu-title-text, select, input, .bold, b, strong {
    font-family: "OpenSans-Light", sans-serif !important;
}

h1, h2, .toggle-heading, .nectar-split-heading.bold h3, .gradient-box h3, .sf-menu .menu-title-text, .main-content .wpb_text_column .sh-link a, .load-more, .read-more, .cat-link, .case-video-button, .blog-filter {
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

h3, h4, h5, h6,.list-icon-holder, .m-it li, .job-hd, .job-hd strong {
    font-family: "Futura-Med-Italic", sans-serif !important;
}

button, .nectar-button, .main-content .wpb_text_column .sh-link a::after {
    font-family: "FuturaStd-Bold", sans-serif !important;
}

.main-content .wpb_text_column a:not(.read-more, .cat-link, .case-video-button, .load-more, .blog-filter), .h3-color h3 {
    color: #d40080 !important;
    opacity: 1 !important;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] > * > span {
    overflow: visible;
}

.page-header-overlay-color {
    display: none;
}

.header .nectar-split-heading, .capital.nectar-split-heading, .nomargin.nectar-split-heading {
	margin-bottom: 0;
	text-transform: uppercase;
}

.wpb_text_column.wpb_content_element.nomargin {
    margin-bottom: 0;
}

h1, h2 {
    text-transform: uppercase;
}

.h2-small h2 {
    font-size: 25px !important;
    line-height: normal !important;
}

.wpb_text_column.wpb_content_element.headline {
    margin-bottom: 0;
}

.subline.nectar-split-heading, .nomargin h4 {
    margin-bottom: 0 !important;
}

.nectar-split-heading h1, .nectar-split-heading h2, .headline h1, .headline h2 {
	font-size: 42px;
	line-height: 44px;
}

.nectar-split-heading h3, .subline h3 {
	font-size: 24px;
	line-height: normal;
    color: #d40080;
}

.nectar-split-heading h4, .contact-info h4 {
	font-size: 14px;
	line-height: normal;
}

.cases .nectar-post-grid-item .content {
    display: none;
}

.cases .divider:nth-of-type(1) {
    height: 20px !important;
}

.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected::before {
    transform: unset !important;
    box-shadow: inset 0 0 0 5px #d40080 !important;
}

.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot::before {
    width: 10px;
    height: 10px;
}

.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot {
    width: 25px;
}

#ajax-content-wrap .nectar-post-grid .flickity-page-dots {
    bottom: -50px;
}

blockquote p, blockquote .testimonial-name, blockquote .title, blockquote h3 {
    text-align: left;
}

blockquote .image-icon {
    display: none !important;
}

.testimonial_slider .controls ul {
    text-align: left;
}

.testimonial_slider .controls ul li .pagination-switch {
    width: 10px;
    height: 10px;
}

.testimonial_slider .controls ul li .pagination-switch.active {
    background-color: #d40080 !important;
    border: 1px solid #d40080;
}

.cat-link {
    display: inline-block;
    padding: 5px 20px;
    opacity: 1 !important;
}

.ti-load-more-reviews-button, .load-more, .read-more, .cat-link, .case-video-button, .blog-filter {
    border-radius: 200px !important;
    color: #fff !important;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    background: none;
}

.ti-load-more-reviews-button::before, .load-more::before, .read-more::before, .cat-link::before, .case-video-button::before, .blog-filter::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: #75157c !important;
    z-index: -1;
}

.ti-load-more-reviews-button::after, .load-more::after, .read-more::after, .cat-link::after, .case-video-button::after, .blog-filter::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: linear-gradient(125deg,#d40080,#75157c) !important;
    opacity: 1;
    transition: opacity .45s;
    z-index: -1;
}

.ti-load-more-reviews-button:hover, .load-more:hover, .read-more:hover, .cat-link:hover, .case-video-button:hover, .blog-filter:hover {
    background-color: transparent !important
}

.ti-load-more-reviews-button:hover::after, .load-more:hover::after, .read-more:hover::after, .cat-link:hover::after, .case-video-button:hover::after, .blog-filter:hover::after {
    opacity: 0;
}

.span_12.dark .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000 !important;
}

.span_12.dark .owl-theme .owl-dots .owl-dot.active span {
    background-color: #d40080 !important;
    width: 10px !important;
    height: 10px !important;
    border: none;
}

.owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    transform: none !important;
    background: transparent !important;
    border: 1px solid #000;
}

.contact-info-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    position: relative !important;
    margin-top: -140px;
    left: -40px;
}

.kontakt-glow .divider-wrap:first-of-type .divider {
    border: 3px solid #E6007E;
    box-shadow: inset 0px 0px 20px #E6007E, 0 0 20px #E6007E;
    margin-top: 35px;
}

.kontakt-glow .img-with-aniamtion-wrap {
    width: 100%;
}

.kontakt-selina-img {
    width: 400px;
    margin-top: -70px !important;
    max-width: unset !important;
}

.kontakt-glow .iwithtext {
    background: linear-gradient(to bottom, #5C2580, #401C58);
    display: flex;
    align-items: center;
    padding: 3px 10px;
    margin-bottom: 7px !important;
}

.kontakt-glow .iwithtext a {
    color: #BEBEBE !important;
}

.kontakt-glow .iwithtext a:hover {
    color: #fff !important;
}

.kontakt-glow .iwithtext .iwt-icon {
    display: flex;
    position: relative;
    margin-right: 10px;
}

.kontakt-glow .iwithtext .iwt-icon img {
    margin-bottom: 0 !important;
    width: 20px !important;
    height: auto !important;
}

.kontakt-glow .iwithtext .iwt-text {
    padding-left: 0;
}

.list-item-wrapper > .row-bg-wrap .row-bg  {
    background-image: url("img/mesh.png");
    background-repeat: repeat !important;
    background-size: 34px auto !important;
}

.click-list .nectar-icon-list {
    justify-content: space-evenly;
}

.click-list .nectar-icon-list::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 18px;
    left: 0;
    right: 0;
    height: 4px;
    background: #d40080;
    border-radius: 90px;
}

.click-list .nectar-icon-list-item {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.list-item-wrapper:not(.click-list) .nectar-icon-list-item {
    display: flex;
    flex-flow: row;
    padding-left: 0;
}

.nectar-icon-list-item h4 {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 23px;
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

.nectar-icon-list-item .content {
    font-family: "Futura-Med-Italic", sans-serif !important;
}

.list-item-wrapper:not(.click-list) .nectar-icon-list-item h4 {
    margin-bottom: 15px;
}

.click-list .nectar-icon-list-item .content {
    position: relative;
    z-index: -1;
    opacity: 0 !important;
    transition: opacity .5s;
    color: #fff !important;
}

.click-list .nectar-icon-list-item.active .content {
    z-index: 0;
    opacity: 1 !important;
}

.list-item-wrapper:not(.click-list) .nectar-icon-list-item .content {
    margin-left: 40px;
    color: #fff !important;
    /*text-align: justify;*/
}

.list-item-wrapper:not(.click-list) .nectar-icon-list[data-columns="1"] .nectar-icon-list-item .content {
    padding-right: 40px;
}

.list-icon-holder {
    margin-bottom: 30px;
    position: relative !important;
    background: linear-gradient(35deg,#d40080,#75157c);
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    cursor: pointer;
}

.list-item-wrapper:not(.click-list) .list-icon-holder {
    transform: scale(1.5) !important;
    top: 13px !important;
}

.click-list .list-icon-holder:hover {
    transform: scale(1.5) !important;
}

.click-list .nectar-icon-list-item.active .list-icon-holder {
    transform: scale(1.5) !important;
    border: 2px solid #fff !important;
}

.click-list .nectar-icon-list-item.active .list-icon-holder, .list-item-wrapper:not(.click-list) .nectar-icon-list-item .list-icon-holder {
    border: 2px solid #fff !important;
}

.list-icon-holder span {
    color: #fff !important;
    margin: 0px !important;
    font-size: 30px !important;
}

.nectar-icon-list-item ul li {
    list-style: none;
    position: relative;
    margin-top: 30px;
}

.nectar-icon-list-item ul li::before, .feature li::before, .bullet-list li::before {
    content: "\f192";
    font-family: FontAwesome;
    position: absolute;
    left: -30px;
    font-size: 16px;
    color: #d40080;
}

.bullet-list.arrows li::before {
    content: "";
    background: url("img/arrow-list.png") center no-repeat;
    width: 14px;
    height: 19px;
    top: 5px;
    background-size: contain;
}

.nectar-icon-list-item blockquote, .info-frame blockquote {
    font-size: 16px;
    border: 1px solid #d40080;
    padding: 15px 20px;
    margin-top: 30px;
    line-height: 27px;
}

.nectar-icon-list-item blockquote b, .info-frame blockquote b {
    color: #d40080;
}

.nectar-icon-list-item blockquote::before, .info-frame blockquote::before {
    display: none;
}

.list-item-wrapper .row-bg-overlay {
    z-index: 0 !important;
}

.forminator-row {
    margin-bottom: 10px !important;
}

.forminator-col {
    padding: 0 5px !important;
}

.forminator-input, .forminator-textarea {
    border-radius: 0 !important;
}

.forminator-input::placeholder, .forminator-textarea::placeholder {
    color: #706F6F !important;
    opacity: 1 !important;
}

.forminator-consent__label p {
    color: #fff !important;
}

body[data-button-style^="rounded"] button.forminator-button-submit {
    border-radius: 0 !important;
    margin-top: 15px !important;
    position: relative;
    padding-right: 40px !important;
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
}

.forminator-button-submit::before {
    content: "";
    background: linear-gradient(to right, #d40080, #75157c) !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

body[data-button-style^="rounded"] button.forminator-button-submit:hover {
    background-color: #75157c !important;
}

.forminator-button-submit::after {
    content: "";
    background: url("img/button-arrow.png") center no-repeat;
    background-size: contain;
    width: 21px;
    height: 6px;
    position: absolute;
    right: 10px;
}

.img-grid .wpb_wrapper {
    display: flex !important;
    flex-flow: row wrap;
}

.img-grid .img-with-aniamtion-wrap {
    width: 33.33%;
}

.zmagine-footer {
    width: 80px !important;
    display: inline !important;
    position: relative;
    top: 5px;
    margin-left: 5px;
    margin-bottom: 0 !important;
}

.vc_row:not(.onblack) .toggles--minimal-shadow .toggle::before {
    box-shadow: 0px 0px 20px #eee;
}

.toggles--minimal-shadow .toggle {
    border-bottom: none;
    background: linear-gradient(to left, #07000B 0%, #35024C 64%, #35024C 100%);
    padding: 0px !important;
    margin-bottom: 20px !important;
}

/*.vc_row:not(.onblack) .toggles--minimal-shadow .toggle.open {
    box-shadow: 0px 0px 16px #666;
}*/

.toggles--minimal-shadow .toggle .toggle-title {
    padding: 0px 40px;
}

.toggles--minimal-shadow .toggle .toggle-heading {
    font-size: 24px;
    text-transform: uppercase;
    line-height: normal !important;
}

.toggles--minimal-shadow .toggle.open .toggle-title {
    background: linear-gradient(to right, #d40080, #75157c);
}

.toggles--minimal-shadow .toggle .toggle-title i {
    right: 40px !important;
}

.toggles--minimal-shadow .toggle .toggle-title b {
    text-transform: none;
    font-size: 17px;
    color: #d40080;
    font-family: "Futura-Med-Italic", sans-serif !important;
}

.toggles--minimal-shadow .toggle .wpb_wrapper ul li, .feature ul li, .bullet-list ul li {
    list-style: none;
    position: relative;
    margin-bottom: 30px !important;
}

.toggles--minimal-shadow .toggle .wpb_wrapper ul li::before {
    content: "\f10c";
    position: absolute;
    left: -30px;
    font-size: 16px;
    font-family: FontAwesome;
    color: #d40080;
}

.toggles--minimal-shadow .toggle .wpb_wrapper ol li {
    margin-bottom: 30px;
}

.toggles--minimal-shadow .toggle .inner-toggle-wrap {
    padding: 40px !important;
}

.toggles--minimal-shadow .toggle-title a, .toggles--minimal-shadow .inner-toggle-wrap {
    color: #fff !important;
}

.toggles--minimal-shadow .toggle.default.open > .toggle-title i, .toggles--minimal-shadow .toggle.default:hover > .toggle-title i, .toggles--minimal-shadow .toggle:not(.open):not(:hover) > .toggle-title i {
    border-color: #fff !important;
}

.toggles--minimal-shadow .toggle.default.open > .toggle-title i::after, .toggles--minimal-shadow .toggle.default.open > .toggle-title i::before, 
.toggles--minimal-shadow .toggle.default:hover > .toggle-title i::after, .toggles--minimal-shadow .toggle.default:hover > .toggle-title i::before,
.toggles--minimal-shadow .toggle > .toggle-title i::before, .toggles--minimal-shadow .toggle > .toggle-title i::after {
    background-color: #fff !important;
}

.m-name {
    margin-bottom: 2px !important;
}

.m-name h3 {
    line-height: 22px;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    margin-top: 25px;
    padding-left: 25px;
}

.m-role p {
    padding-left: 25px;
    font-family: "Futura-Medium-Italic", sans-serif !important;
    color: #d40080;
}

.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:not(.is-selected) {
    opacity: 1;
}

.nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:not(.is-selected)::before {
    width: 10px !important;
    height: 10px !important;
}

.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:not(.is-selected)::before {
    box-shadow: inset 0px 0px 0px 1px #fff !important;
    background-color: transparent !important;
}

.light .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:not(.is-selected):hover::before {
    background-color: #fff !important;
}

.dark .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:not(.is-selected)::before {
    background-color: #ADADAD !important;
}

.gradient-hover-tb .vc_column-inner {
    background: linear-gradient(to bottom, #07000B 0%, #35024C 64%, #35024C 100%);
    color: #fff;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    padding: 40px !important;
    transition: box-shadow .5s;
}

.gradient-hover-tb.reverse .vc_column-inner {
    background: linear-gradient(to bottom,#d40080,#75157c);
}

.gradient-hover-tb h3, .gradient-hover-tb p {
    color: #fff;
}

.gradient-hover-tb .vc_column-inner::before {
    content: "";
    background: linear-gradient(to bottom,#d40080,#75157c);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s;
}

.gradient-hover-tb.reverse:not(.nohover) .vc_column-inner::before {
    background: linear-gradient(to bottom, #07000B 0%, #35024C 64%, #35024C 100%);
}

.gradient-hover-tb .vc_column-inner:hover::before {
    opacity: 1;
}

.gradient-hover-tb:not(.noshadow) .vc_column-inner:hover {
    box-shadow: 0px 0px 15px #666;
}

.lst-box .iwithtext {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.twi .iwithtext {
    display: flex;
    align-items: center;
}

.lst-box.studio .iwithtext {
    align-items: flex-start !important;
}

.raw-box .iwithtext {
    display: flex;
    margin-bottom: 20px;
    align-items: top;
}

.lst-box .iwithtext .iwt-text, .raw-box .iwithtext .iwt-text, .twi .iwithtext .iwt-text {
    padding-left: 20px;
}

.lst-box .iwithtext h3, .twi .iwithtext h3 {
    line-height: 22px;
    margin-bottom: 0 !important;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
}

.lst-box .wpb_text_column h3 {
    margin-bottom: 0 !important;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
}

.lst-box .iwithtext .iwt-icon, .raw-box .iwithtext .iwt-icon, .twi .iwithtext .iwt-icon {
    position: relative !important;
}

.lst-box .iwithtext img, .raw-box .iwithtext img {
    width: 60px !important;
    min-width: 60px;
    margin-bottom: 0 !important;
}

.twi.teamwork .iwithtext img {
    width: 100px !important;
    min-width: 100px;
    position: relative;
    top: -5px;
}

.twi.alles-geht .iwithtext img {
    width: 45px !important;
    min-width: 45px;
    position: relative;
    top: 5px;
}

.twi.kommunikation .iwithtext img {
    width: 65px !important;
    min-width: 65px;
    position: relative;
    top: 10px;
}

.twi.zusammenarbeit .iwithtext img {
    width: 70px !important;
    min-width: 70px;
    position: relative;
    top: 5px;
}

.lst-box .wpb_text_column, .usp-box .wpb_text_column {
    position: relative;
    z-index: 1;
}

.lst-box .nectar-button {
    margin-bottom: 0;
    align-self: flex-end;
}

.lst-box:hover .nectar-button {
    background: transparent !important;
    box-shadow: 0px 0px 0px 2px #fff;
}

.lst-box .nectar-button:hover {
    color: #831D7C !important;
    background: transparent !important;
}

.lst-box .nectar-button:hover::before {
    background: #fff !important;
}

.lst-box > .vc_column-inner .wpb_wrapper {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.impress .work-info-bg {
    display: none !important;
}

.logo-footer {
    width: 200px;
}

.footer-socials .img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0 !important;
}

.footer-socials .social {
    width: 23px !important;
    margin-left: 7px;
}

.footer-line .divider-border {
    width: 110%;
    margin-left: -5%;
}

#footer a {
    opacity: 1;
}

#footer strong {
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

.f-hl:not(.aheight) {
    height: 45px;
}

.f-hl {
    margin-bottom: 5px !important;
}

.f-hl p {
    line-height: 20px;
}

.f-hl.f-loc strong, #footer a:hover {
    color: #D40080 !important;
}

.f-content {
    line-height: 35px;
}

.img-h-90 {
    height: 90px !important;
    width: auto !important;
}

.usp-box h3 {
    line-height: 22px;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
    height: 44px;
    margin-top: 30px;
}

.wborder .vc_column-inner {
    box-shadow: inset 0px 0px 0px 2px #fff;
}

.testimonial_slider .testimonial-name {
    font-family: "Futura-Bold-Italic", sans-serif !important;
    font-size: 23px !important;
}

.testimonial_slider .testimonial-name {
    color: #CD007E;
}

.testimonial_slider .title {
    font-family: "Futura-Med-Italic", sans-serif !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

.faq .toggles--minimal-shadow .toggle-title {
    background: none !important;
}

.faq .toggles--minimal-shadow .toggle::before, .faq .toggles--minimal-shadow .toggle.open {
    box-shadow: none !important;
}

.faq .toggles--minimal-shadow .toggle, .faq .toggles--minimal-shadow .toggle.open {
    background: transparent !important;
    border: 2px solid #E30087;
}

.feature {
    margin-bottom: 60px;
}

.feature .img-with-aniamtion-wrap {
    min-width: 80px !important;
    margin-right: 50px;
}

.feature .wpb_text_column {
    text-align: justify;
}

.absolute {
    position: absolute;
}

.coverSd {
    width: 100%;
    height: 280px;
}

.tabbed .tab-item {
    text-transform: uppercase;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    vertical-align: bottom !important;
    line-height: 20px;
    font-size: 20px;
    display: inline-flex !important;
    height: 95px;
    align-items: end;
    flex: 1;
}

.tabbed .tab-item a {
    display: flex;
    align-items: center;
    height: 80px;
    border-radius: 0 !important;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

.tabbed .tab-item:not(.active-tab) a {
    background-color: #E9E9E7 !important;
    color: #000 !important;
}

.tabbed ul li .active-tab {
    background: linear-gradient(to right, #d40080, #75157c);
    height: 95px;
}

.tabbed ul li .active-tab::after {
    box-shadow: none !important;
}

.tabbed .wpb_tabs_nav {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0 !important;
    gap: 5px;
}

.tabbed .wpb_tabs_nav::after {
    display: none !important;
}

.tabbed .wpb_tab {
    padding: 40px;
    background: linear-gradient(to left, #07000B 0%, #35024C 64%, #35024C 100%);
    color: #fff !important;
}

.tabbed h4 {
    color: #fff !important;
}

.wpb_tab h3 {
    color: #fff !important;
    font-family: "Futura-Med-Italic", sans-serif !important;
}

.versprechen img {
    margin-top: -10px;
}

.zielgruppe img {
    margin-top: -5px;
}

.trends img {
    margin-top: -17px;
}

.raw-box:not(.no-justify) .wpb_wrapper {
    text-align: justify;
}

.nectar-fancy-ul ul li {
    padding-left: 30px;
}

.gradient-box.rside.wpb_column .column-bg-overlay-wrap {
    left: unset;
    right: 0;
}

.icon-text-big .iwithtext {
    display: flex;
    flex-flow: row wrap;
}

.icon-text-big .iwt-icon {
    position: relative !important;
}

.icon-text-big .iwt-icon img {
    width: 200px !important;
}

.justify {
    text-align: justify;
}

#header-outer header .nectar-menu-icon {
    order: 1;
    margin-left: 10px;
    margin-right: 0;
}

.main-content .wpb_text_column .sh-link a {
    color: #fff !important;
    display: block;
    border: 2px solid #d40080;
    padding: 10px 20px;
    position: relative;
}

.main-content .wpb_text_column .sh-link a::after {
    content: "+";
    color: #fff !important;
    position: absolute;
    right: 20px;
    font-size: 22px;
}

.main-content .wpb_text_column .sh-link.sh-show a::after {
    content: "-";
}

.light .nectar-fancy-ul {
    color: #fff !important;
}

.nectar-button span {
    text-transform: uppercase;
}

.online-events h1 {
    font-size: 50px;
    padding: 40px;
    background: linear-gradient(to bottom,#d40080,#75157c);
    display: inline-block;
    border-radius: 20px;
    margin-left: -40px;
}

.fs-30 h3 {
    font-size: 30px;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
}

.oe-lst .vc_column-inner {
    height: 150px;
}

.oe-lst-wrapper .nectar-flickity {
    position: relative;
}

.oe-lst-wrapper .nectar-flickity::before {
    content: "";
    position: absolute;
    height: 500px;
    bottom: -350px;
    background: #fff;
    left: -9999px;
    right: -9999px;
    z-index: -1;
}

.oe-lst-wrapper .carousel-dynamic-wrapper {
    overflow: visible !important;
}

.oe-lst-wrapper h2, .oe-lst-wrapper h3 {
    color: #fff !important;
}

.m-it li {
    font-size: 20px;
}

.reasons .wpb_wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.reasons .iwithtext {
    display: flex;
    flex-flow: column;
    align-items: center;
    flex: 1 30%;
}

.reasons .iwithtext .iwt-icon {
    position: relative !important;
}

.reasons .iwithtext .iwt-icon img {
    height: 90px;
    width: auto !important;
}

.reasons .iwithtext .iwt-text {
    padding-left: 0 !important;
    text-align: center;
    text-transform: uppercase;
}

.reasons .iwithtext .iwt-text h3 {
    color: #d40080;
    font-size: 18px;
    line-height: normal;
    margin-top: 15px;
}

.reasons .wpb_wrapper {
    gap: 50px;
}

.reasons-quote blockquote {
    padding: 50px !important;
}

.map .wpb_wrapper {
    position: relative;
}

.map .wpb_wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -40px;
    right: -40px;
    background: linear-gradient(180deg, #d40080, #75157c);
    z-index: -1;
}

.buchung-berlin {
    border: 2px solid #d40080;
}

.list-item-wrapper .inner-wrap.row-bg-layer {
    z-index: 1;
}

.bgz .row-bg-wrap {
    z-index: -1;
}

.messe.lst-box .iwithtext h3 {
    font-size: 16px;
}

.messe.magnet.lst-box .iwithtext img {
    width: 80px !important;
}

.messe.muscle.lst-box .iwithtext img {
    position: relative;
    top: -15px;
}

.lst-box.messe .nectar-button {
    align-self: flex-start !important;
}

.bbutton > .vc_column-inner > .wpb_wrapper {
    position: relative;
    padding-bottom: 50px;
}

.bbutton .nectar-button {
    position: absolute;
    top: unset;
    bottom: 0;
}

#header-outer:not(.transparent) .sf-menu > li ul {
    border-top: none;
}

.contact-nav a {
    border: 2px solid #fff;
    border-radius: 90px;
    padding: 8px 15px !important;
}

.contact-nav .nectar-menu-icon {
    color: #fff !important;
}

.job-hd {
    font-size: 23px;
}

.job-hd strong {
    color: #d40080 !important;
}

.headline.jobs h2 {
    font-size: 23px;
}

.bewerben {
    border: 2px solid #d40080;
    border-radius: 30px;
}

.job-row h2 {
    transition: color .5s;
}

.job-row:hover h2 {
    color: #d40080 !important;
}

.kontakt-wrapper {
    z-index: 0 !important;
}

.page-cases .nectar-post-grid-item .content {
    display: none;
}

.scroll-hl h1 {
    font-size: 42px;
}

.scroll-hl .nectar-scrolling-text {
    margin-bottom: 0 !important;
}

.case-pk h3 {
    color: #d40080 !important;
    margin-bottom: 0 !important;
    font-size: 17px;
    line-height: normal;
}

.hl-bold h3 {
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

.case-pk .iwt-text {
    font-family: "Futura-Med-Italic", sans-serif !important;
    padding-left: 20px !important;
}

.case-pk .iwt-icon {
    position: relative !important;
}

.case-pk .iwithtext {
    display: flex;
    flex-flow: row wrap;
    bordeR: 2px solid #fff;
    border-radius: 30px;
    padding: 30px 40px;
}

.case-pk .iwt-icon img {
    margin-bottom: 0 !important;
    height: 70px !important;
    width: auto !important;
}

.single-case .impress .nectar-flickity[data-control-style="material_pagination"]:not(.masonry) .flickity-viewport {
    margin-top: 0 !important;
}

.hl-white h3 {
    color: #fff !important;
}

body[data-header-resize="1"].single-case .container-wrap {
    padding-top: 0 !important;
}

.ref-wrapper {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    margin-bottom: 100px;
}

.ref {
    flex: 0 calc(25% - 8px);
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.ref img {
    margin-bottom: 0 !important;
    display: block;
}

.ref-teaser .ref {
    flex: 0 calc(33.33% - 8px);
}

.ref a {
    position: relative;
    display: block;
    height: 100%;
}

.ref-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: opacity .5s;
    margin-bottom: 0 !important;
    padding: 20px;
}

.ref-title h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    margin-bottom: 0 !important;
    line-height: 23px;
}

.ref-title h4 {
    font-family: "Futura-Med-Italic", sans-serif !important;
    color: #d40080;
    line-height: 23px;
    margin-bottom: 0 !important;
}

.ref:hover .ref-title {
    opacity: 1;
}

.ref-nav-wrapper {
    display: none;
}

.ref-nav {
    display: flex;
    flex-flow: row wrap;
    column-gap: 40px;
    margin-bottom: 50px;
    margin-top: -15px;
    line-height: 35px;
    opacity: 0;
}

a.ref-nav-item {
    font-family: 'Futura-Med-Italic', sans-serif;
}

a.ref-nav-item:not(.active) {
    color: #fff;
}

a.ref-nav-item:hover {
    color: #d40080;
}

.page-template-referenzen .headline h1 {
    transition: color .5s;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.page-template-referenzen .headline h1:hover {
    color: #d40080;
}

.page-template-referenzen .headline h1::before {
    content: "Filter";
    height: 31px;
    width: 50px;
    position: absolute;
    right: -60px;
    font-size: 15px;
    padding-left: 10px;
}

.page-template-referenzen .headline h1::after {
    content: "";
    width: 31px;
    height: 31px;
    background: url("img/filter.png") center no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 15px;
    transform: rotateY(0);
    transition: transform 0.5s;
}

.page-template-referenzen .headline h1:hover::after {
    transform: rotateY(180deg);
}

.page-template-referenzen .load-more, .page-template-blog .load-more, .page-cases .load-more {
    padding: 10px 40px !important;
    border-radius: 200px !important;
    position: relative;
    display: inline-block;
}

.page-template-referenzen .pagination, .page-template-blog .pagination, .page-cases .pagination {
    display: flex;
    justify-content: center;
}

.single-case .nectar-scrolling-text h1 {
    font-size: 60px;
}

.single-case .header-content .img-with-aniamtion-wrap, .single-case .header-content .img-with-aniamtion-wrap img,
.page-id-87980 .header-content .img-with-aniamtion-wrap, .page-id-87980 .header-content .img-with-aniamtion-wrap img,
.page-template-referenzen .header-content .img-with-aniamtion-wrap, .page-template-referenzen .header-content .img-with-aniamtion-wrap img {
    width: 100%;
}

.single-case .header .divider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-video-button {
    display: inline-block;
    padding: 10px 20px;
}

.full-width-content .img-with-aniamtion-wrap[data-max-width="100%"] img {
    width: 100%;
}

.blacked-top-bg, .blacked-bottom-bg {
    position: absolute;
    left: -9999px;
    right: -9999px;
    background: #000;
}

.blog-details .wpb_wrapper {
    display: flex;
    column-gap: 18px;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.blog-details .iwithtext {
    padding: 15px 20px;
    display: flex;
    border: 2px solid #fff;
    border-radius: 15px;
    align-items: center;
    margin-bottom: 0;
}

.blog-details .iwithtext .iwt-text {
    line-height: 20px;
    padding-left: 20px;;
}

.blog-details .iwt-icon {
    position: relative;
}

.blog-details .iwt-icon img {
    float: left;
    margin-bottom: 0;
}

.blog-details .iwithtext strong {
    color: #d40080;
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

.blog-details .iwithtext em {
    font-style: normal;
    font-family: "Futura-Med-Italic", sans-serif !important;
}

.author-info .avatar {
    width: 200px;
    border-radius: 360px;
}

.author-info .col > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    column-gap: 40px;
    align-items: center;
    flex-flow: row wrap;
}

.author-info .wpb_text_column {
    margin-bottom: 0;
}

.author-info strong {
    font-size: 22px;
    color: #d40080;
    font-family: "Futura-Bold-Italic", sans-serif !important;
    margin-bottom: 15px;
    display: inline-block;
}

.author-info .bio {
    flex: 1;
}

.blog-wrapper, .case-wrapper {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    margin-bottom: 100px !important;
}

.blog-wrapper .blog-post {
    width: calc(33% - 18px);
    background: linear-gradient(45deg,#35024c 0%,#07000b 100%);
    position: relative;
    padding-bottom: 100px;
}

.case-wrapper .case {
    width: calc(25% - 23px);
    position: relative;
    overflow: hidden;
    aspect-ratio: 2 / 3.1;
}

.case-wrapper .case a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .5s;
}

.case-wrapper .case a:hover {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
}

.blog-wrapper .blog-post .avatar {
    width: 60px;
    height: 60px;
    border-radius: 200px;
    margin-bottom: 0 !important;
}

.blog-wrapper .blog-post .info-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: -30px;
    padding-left: 15px;
    z-index: 1;
    align-items: center;
}

.blog-wrapper .cat-link {
    border-radius: 0 !important;
    padding: 10px 15px;
    position: relative;
}

.blog-wrapper .read-more {
    display: inline-block;
    padding: 5px 20px;
    opacity: 1 !important;
    position: absolute;
    z-index: 1;
    bottom: 50px;
}

.blog-wrapper .post-content {
    padding: 15px 30px 0px 30px;
}

.blog-wrapper .post-title {
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 23px;
}

.upperbold h3, .nectar-milestone .subject, .nectar-milestone .number h3 {
    font-family: "Futura-Bold-Italic", sans-serif !important;
    text-transform: uppercase;
}

.nectar-milestone .subject {
    line-height: 21px !important;
}

.blog-wrapper .thumb {
    display: block;
    aspect-ratio: 4 / 3;
    background-size: cover !important;
}

.blog-filters {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.blog-filters h3 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

.blog-filter {
    display: inline-block;
    padding: 2px 10px;
    opacity: 1 !important;
    font-size: 11px !important;
    margin: 0px 5px;
    position: relative;
}

.blog-filter span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 200px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
}

.page-template-blog .load-more {
    opacity: 1 !important;
}

.testimonial_slider blockquote p {
    font-size: 15px;
    line-height: 27px;
}

.ocm-dropdown-arrow .fa.fa-angle-down::before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #d40080;
}

#slide-out-widget-area .ocm-dropdown-arrow {
    transform: translateY(-50%) rotate(-90deg) !important;
    order: 1;
    position: relative !important;
    right: 0px !important;
}

#slide-out-widget-area .open-submenu > .ocm-dropdown-arrow {
    transform: translateY(-50%) !important;
}

#slide-out-widget-area a {
    font-family: "Futura-Bold-Italic", sans-serif !important;
    font-size: 15px !important;
    text-transform: uppercase;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li {
    display: flex;
    flex-flow: row wrap;
}

.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container .menu-item-has-children > a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container .menu-item-has-children > a {
    order: 0;
    margin-right: 0 !important;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .sub-menu {
    order: 2;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .open-submenu .sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a {
    color: #d40080;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a::after, .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text::after {
    display: none;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container ul:not(.sub-menu) li a:hover {
    color: #d40080 !important;
}

.wpb_text_column:not(.subline, .h3-color) h3 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: normal !important;
    font-family: "Futura-Bold-Italic", sans-serif !important;
}

@media screen and (min-width: 1360px) {
    .nh .nectar_cascading_images {
        margin-top: -50px;
    }

    .slide-out-widget-area-toggle {
        display: none !important;
    }

    .contact-nav-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 1001px) {
    .single-case .nectar-flickity[data-desktop-columns="3"]:not(.masonry) .flickity-slider .cell {
        width: 31.3%;
    }
}

@media screen and (min-width: 1000px) {
    .nh .nectar_cascading_images {
        position: absolute;
    }

    .forminator-custom-form {
        padding-left: 13px !important;
        padding-right: 25px !important;
    }

    .gradient-box.wpb_column .column-bg-overlay-wrap {
        width: 120%;
    }

    .count:not(.img-left), .count.img-left .img-with-aniamtion-wrap {
        position: relative;
    }
    
    .count:not(.img-left) .wpb_column:nth-child(2n+1)::before, .count.img-left .wpb_column:nth-child(2n+1) .img-with-aniamtion-wrap::before {
        content: "";
        position: absolute;
        height: 70px;
        width: 70px;
        top: -35px;
        left: -35px;
        background: linear-gradient(35deg,#d40080,#75157c);
        font-family: "Futura-Bold-Italic", sans-serif !important;
        color: #fff;
        font-size: 50px;
        text-align: center;
        line-height: 70px;
        border-radius: 90px;
        border: 3px solid #fff;
        z-index: 1;
    }
    
    .count-1 .wpb_column:nth-child(2n+1)::before {
        content: "1" !important;
    }
    
    .count-2 .wpb_column:nth-child(2n+1) .img-with-aniamtion-wrap::before {
        content: "2" !important;
    }
    
    .count-3 .wpb_column:nth-child(2n+1)::before {
        content: "3" !important;
    }
    
    .count-4 .wpb_column:nth-child(2n+1) .img-with-aniamtion-wrap::before {
        content: "4" !important;
    }
    
    .count-5 .wpb_column:nth-child(2n+1)::before {
        content: "5" !important;
    }

    .feature .img-with-aniamtion-wrap img {
        max-width: 80px;
    }

    #top .sf-menu li ul li a {
        white-space: nowrap;
        text-transform: uppercase;
    }

    .sf-menu > li ul {
        width: auto;
    }

    .header.mobile, .header.mobile .nectar-video-bg {
        display: none;
    }

    .header.desktop, .header.desktop .nectar-video-bg {
        display: block;
    }
}

@media screen and (max-width: 1359px) {
    .contact-nav {
        display: none !important;
    }
}


@media screen and (max-width: 999px) {
    .click-list .nectar-icon-list[data-direction="horizontal"][data-columns] .nectar-icon-list-item {
        width: 100%;
        margin: 0;
    }

    .list-item-wrapper:not(.click-list) .nectar-icon-list[data-direction="horizontal"][data-columns] .nectar-icon-list-item {
        width: calc(100% - 30px);
        margin: 0;
    }

    .click-list .nectar-icon-list-item {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        padding-bottom: 50px;
    }

    .list-item-wrapper:not(.click-list) .nectar-icon-list-item {
        padding-bottom: 50px;
    }

    .nectar-icon-list-item .content {
        margin-left: 40px;
    }

    .click-list .nectar-icon-list::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -50px;
        left: 18px;
        right: unset;
        bottom: 50px;
        width: 4px;
        background: #d40080;
        border-radius: 90px;
        height: unset;
    }

    .contact-info-wrapper {
        left: -10px;
    }

    .header-content {
        width: calc(100% - 25px) !important;
    }

    .header-space {
        width: 1px !important;
    }

    img.location {
        width: 100% !important;
    }

    .feature {
        margin-bottom: 60px !important;
    }

    .feature img {
        width: 80px !important;
    }

    .toggle-heading {
        line-height: normal !important;
    }

    .count {
        position: relative;
    }
    
    .count .img-with-aniamtion-wrap::before {
        content: "";
        position: absolute;
        height: 70px;
        width: 70px;
        top: -35px;
        left: -35px;
        background: linear-gradient(35deg,#d40080,#75157c);
        font-family: "Futura-Bold-Italic", sans-serif !important;
        color: #fff;
        font-size: 50px;
        text-align: center;
        line-height: 70px;
        border-radius: 90px;
        border: 3px solid #fff;
        z-index: 1;
    }
    
    .count-1 .img-with-aniamtion-wrap::before {
        content: "1" !important;
    }
    
    .count-2 .img-with-aniamtion-wrap::before {
        content: "2" !important;
    }
    
    .count-3 .img-with-aniamtion-wrap::before {
        content: "3" !important;
    }
    
    .count-4 .img-with-aniamtion-wrap::before {
        content: "4" !important;
    }
    
    .count-5 .img-with-aniamtion-wrap::before {
        content: "5" !important;
    }

    .lst-box.messe .iwt-icon {
        width: 80px;
    }

    .ref {
        flex: 0 calc(50% - 8px);
    }

    .author-info .col > .wpb_column > .vc_column-inner > .wpb_wrapper {
        flex-flow: column;
        justify-content: center;
        row-gap: 30px;
        text-align: center;
    }

    .blog-wrapper .blog-post {
        width: 100%;
    }

    .blog-wrapper .thumb {
        aspect-ratio: 16 / 9;
    }

    .blog-details .wpb_wrapper {
        justify-content: flex-start;
        margin-bottom: 15px;
        gap: 20px;
    }

    .blog-details .wpb_wrapper .iwithtext {
        width: 205px;
    }

    .home .header {
        min-height: unset !important;
        aspect-ratio: 4 / 5;
    }

    .home .header .col {
        min-height: unset !important;
    }

    .home .header .nectar-video-wrap video {
        aspect-ratio: 4 / 5;
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }

    .home .header .divider {
        display: none;
    }
}

@media screen and (min-width: 481px) and (max-width: 999px) {
    .img-grid .img-with-aniamtion-wrap {
        width: 50%;
    }

    .nectar-split-heading h1, .nectar-split-heading h2 {
        font-size: 30px;
    }

    .tabbed .tab-item {
        font-size: 16px;
    }

    .feature .vc_column-inner > .wpb_wrapper {
        display: flex;
    }

    .footer-row {
        width: 50% !important;
    }

    .footer-socials .vc_column-inner .wpb_wrapper {
        display: flex;
    }
}

@media screen and (min-width: 691px) and (max-width: 999px) {
    .usp-box.wpb_column {
        width: 50%;
    }

    .lst-box.wpb_column, .raw-box.wpb_column {
        width: 50%;
        margin-bottom: 0 !important;
    }

    .coverSd {
        height: 210px;
    }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
    .feature .img-with-aniamtion-wrap {
        margin-right: 0;
    }

    .feature img {
        margin: 0px auto 30px auto !important;
    }

    .tabbed .tab-item {
        font-size: 16px;
    }

    .footer-row {
        text-align: center !important;
    }

    .logo-footer {
        margin: auto;
    }

    .footer-socials .vc_column-inner .wpb_wrapper {
        display: flex;
        justify-content: center;
    }

    h1, h2 {
        font-size: 30px !important;
    }

    .twi .vc_column-inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .twi .iwithtext {
        flex-flow: column;
    }

    .twi .iwithtext .iwt-text {
        text-align: center;
        padding-left: 0 !important;
    }

    .twi .iwithtext img {
        top: 0 !important;
    }

    .twi .wpb_text_column p {
        text-align: center;
    }

    .kunden-slider .owl-dots {
        display: none !important;
    }
}

@media screen and (max-width: 690px) {
    .coverSd {
        height: 12vh;
    }

    .tabbed .tab-item a {
        height: 65px !important;
        display: flex !important;
        text-align: left !important;
    }

    .tabbed .tab-item {
        flex: 1 calc(50% - 5px);
        height: 65px !important;
    }
}

@media screen and (max-width: 599px) {
    .img-grid .img-with-aniamtion-wrap {
        width: 50%;
    }

    .nectar-split-heading h1, .nectar-split-heading h2 {
        font-size: 30px;
    }

    .reasons .iwithtext {
        flex: 1 100%;
    }
}

@media screen and (max-width: 490px) {
    .case-pk .iwithtext {
        justify-content: center;
        text-align: center;
        flex-flow: column;
    }

    .case-pk .iwt-text {
        padding-left: 0 !important;
    }

    .ref {
        flex: 1 100%;
    }
}

@media screen and (max-width: 479px) {
    .nectar-split-heading h1, .nectar-split-heading h2 {
        font-size: 24px;
    }
}