/*
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
*/


#page-header-wrap.fullscreen-header {
    background: linear-gradient(#4d4d4d, #2b2b2b);
}

#slide-out-widget-area > .inner-wrap {
	padding-top: 0 !important;
}

@media screen and (max-width: 500px) {
	#slide-out-widget-area > .inner-wrap {
		padding-top: 15vH !important;
	}
}

.ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top nav ul .slide-out-widget-area-toggle a:after {
	display: none;
}

.home .nectar-box-roll .overlaid-content[data-alignment-v=bottom] .inner-wrap,
.home .nectar-box-roll .overlaid-content[data-alignment-v=bottom] .span_6 {
    bottom: 2%;
}

#ajax-content-wrap {
	margin-top: 0 !important;
}

#page-header-bg .page-header-overlay-color {
    display: none !important;
}

.overlaid-content {
	background: transparent !important;
}

.overlaid-content > .container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.claim_on_video {
	position: absolute;
	bottom: 0;
	right: 2%;
}

.mobile-hero {
	display: none;
}

@media screen and (max-width: 1366px) {
	.mobile-hero {
    	display: block;
	}
	.mobile-hero video {
		width: 100vw;
	  	height: 100vh;
	  	object-fit: cover;
	}
}


#page-header-bg .container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important
}

#header-outer #logo img {
    transition: all ease-in-out 500ms;
}

.shrinked #header-outer #logo img {
    height: 100px;
}

ul.menuopen > li a {
	position: relative;
	padding: .5em 0 !important;
	transition: color 300ms ease-in-out;
	z-index: 9;
}

ul.menuopen > li:hover a {
	color: #456373 !important;
}

#menu-rechtliches > li {
	line-height: 1.4em;
}

body .iwithtext .fa.fa-instagram:before {
    font-size: 60px !important;
    border-top: 10px solid black !important;
    color: #999 !important;
}

body h1 {
    font-family: Lato;
    text-transform: none;
    letter-spacing: -1px;
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 700;
	margin-bottom: .3em;
}

.home h1 {
    font-size: 38px;
}


/* portfolio Styles */
.portfolio-items .work-meta h4 {
	display: none;
}

.portfolio-items .elastic-portfolio-item .parallaxImg-shadow {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
	border: 2px solid #666;
}

.portfolio-items .elastic-portfolio-item:hover .parallaxImg-shadow {
	border: 2px solid #fff;
}

.portfolio-items.no-masonry .bg-overlay {
    width: 100% !important;
    height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	border: 0 !important;
	position: relative !important;
	display: inline-block !important;
	padding: 20px !important;
}

.portfolio-items .parallaxImg-layers > div:first-child .bg-img:after {
    background: none !important;
}

.portfolio-items .bg-img {
	background-size: 75% !important;
}

.backbutton {
	border: 1px solid #fff;
	color: #fff !important;
	margin-bottom: 2em;
}

.nectar-button.small {
    font-size: 10px;
    padding: 4px 10px;
}

.swiper-container:hover .slider-prev > i,
.swiper-container:hover .slider-next > i {
	background: #596a7b !important;
}

.project-attrs {
	font-size: 1.275em;
}

h3.projecttitle {
	text-align: left;
	color: #486474 !important;
	font-size: 4.2em !important;
}

h4.projectsubtitle {
	font-size: 2.2em !important;
	font-weight: 300 !important;
	color: #486474 !important;
	line-height: 2.0em !important;
	padding-top: 0.25em !important;
	margin-bottom: 0 !important;
}

.single-portfolio .nectar-love-wrap {
	display: none !important;
}

.vert-center > a:first-child {
	display: none;
}

.vert-center > a:last-child {
	font-size: 1.275em !important;
	background: #596a7b !important;
}

.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .work-info-bg {
    opacity: 0.35;
}

.nectar-icon-list-item {
    margin-bottom: 5px;
}

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

.single-portfolio #sidebar-inner {
	position: relative;
}

.single-portfolio #sidebar-inner::before {
	position: absolute;
	top: -35px;
	left: 0;
	content: "Unsere Leistungen:";
	font-size: 1.4em;
	font-weight: bold;
}

.portfolio-items .col .work-info .vert-center {
	min-height: 60px;
}

@media screen and (max-width: 1366px) {
	.portfolio-items .col .work-info .vert-center {
		min-height: 52px;
	}
	.portfolio-items .col:nth-child(7) .work-info .vert-center {
		margin-bottom: -19px;
	}
}

@media screen and (max-width: 1024px) {
	#more-features {
		padding-top: 0 !important;
	}
	.container-wrap > div > div > div#leistungen > div.row-bg-wrap::before {
		bottom: 0.5em !important;
		height: 80px !important;
	}
	.portfolio-items .col .work-info .vert-center {
		min-height: 40px;
	}
	.portfolio-items .col:nth-child(7) .work-info .vert-center {
		margin-bottom: 10x;
	}
}

/* Letzter Stand */

@media screen and (max-width: 768px) {
	.portfolio-items .col .work-info .vert-center {
		min-height: 52px;
	}
}

.portfolio-items .col .work-item.style-3 .vert-center {
	top: auto !important;
    bottom: 0 !important;
	position: absolute;
	min-width: 60%;
	font-size: 1.6em !important;
}

.portfolio-items .col .work-item.style-3 .work-info-bg {
    opacity: 0 !important;
}

.portfolio-items .col .work-item.style-3 h3,
.portfolio-items .col .work-item.style-3-alt h3 {
    text-shadow: 0 0 10px rgba(20,20,20,.65) !important;
	font-size: 1.4em !important;
	color: #fff !important;
}

.molineheight h4 {
	line-height: 1.2em !important;
	margin-top: .25em !important;
	margin-bottom: .5em !important;
}

.lesslineheight {
	line-height: 1.4em;
}

.container-wrap > div > div > div#leistungen > div.row-bg-wrap::before {
	content: "";
	position: absolute;
	right: 2em;
	bottom: 2em;
	width: 488px;
	height: 150px;
	background-image: url("https://system-werbung.de/wp-content/uploads/2025/11/claim.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	pointer-events: none;
	z-index: 25;
}

.nectar-milestone .number {
	font-size: 150px !important;
	line-height: 60px !important;
}

.nectar-milestone .number .symbol-wrap {
	font-size: 120px !important;
}



/* Morphing Outline */
.morphing-outline .inner {
    aspect-ratio: 1/1;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.morphing-outline i.fa {
	font-size: 3em !important;
	margin-top: .25em;
}

.smallsubheadline {
	font-size: 1.2em;
}

.smallheadline {
	font-size: 2.4em;
	font-weight: 600;
}

h4.wp-block-heading {
	color: #fff;
}

@media screen and (max-width: 1400px) {
	.morphing-outline img.theswb,
	.morphing-outline img.theswb2,
	.morphing-outline .smallheadline {
		display: none !important;
	}
	.morphing-outline i.fa {
		margin-top: 0;
	}
}


@media only screen and (min-width: 1000px) {
	.ascend #header-outer[data-full-width=true] #top .slide-out-widget-area-toggle > div a {
		align-items: flex-start;
		padding-top: 66px;
	}
}

@media screen and (max-width: 999px) and (min-width: 501px) {
	.morphing-outline img.theswb,
	.morphing-outline img.theswb2,
	.morphing-outline .smallheadline {
		display: block !important;
	}
}

ascend #header-outer[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top nav ul .slide-out-widget-area-toggle a:after {
	display: none !important;
}

.post-featured-img > img {
	width: 100%;	
}

/* SWIPER Main slider full width */
.main-slider {
	width: 100%;
	height: 100%;
	background: #456373;
}

.main-slider .swiper-wrapper,
.main-slider .swiper-slide {
	height: 100%;
}

.main-slider .swiper-slide {
	display: flex;
	flex-direction: row;
}

.main-slider .theimage {
	flex: 75%;
}

.main-slider .theimage img {
	display: block;
}

.main-slider .thecaption {
	flex: 25%;
	position: relative;
	background: rgba(69,99,115, 1);
	color: #fff;
	padding: 1.5em;
}

.main-slider .thecaption h3 {
    margin: 1.5vh 0;
}

.main-slider .thecaption ul {
    margin-top: .5em;
	margin-bottom: 0;
}

.main-slider .thecaption ul li {
    list-style: square;
    list-style-position: outside;
	font-size: 1.25em;
	line-height: 1.8em;
}

@media screen and (max-width: 1500px) {
	.main-slider .thecaption {
		font-size: .85em;
	}
	.main-slider .thecaption h3 {
		font-size: 2em;
		margin: 0;
	}
}

@media screen and (max-width: 1200px) {
	.main-slider .thecaption ul li {
		line-height: 1.4em;
	}
	.main-slider .theimage {
		flex: 70%;
	}

	.main-slider .thecaption {
		flex: 30%;
		padding: .75em;
	}
}

@media screen and (max-width: 1023px) {
	.main-slider .swiper-slide {
		display: flex;
		flex-direction: column;
	}
}

.main-slider .swiper-button-next, .swiper-button-prev {
	background: rgba(72, 100, 116, 1);
	padding: .5em;
}

.main-slider .swiper-button-prev {
	left: 0 !important;
}

.main-slider .swiper-button-next {
	right: 0 !important;
}

.main-slider h3 {
	color: #fff;
	hyphens: auto;
}

.main-slider .theyear {
    font-size: 1.25em;
    font-weight: 500;
    display: inline-block;
}

.bottomcap {
	position: absolute;
	bottom: 2em;
	left: 2em;
	line-height: 1.4em;
}

@media screen and (max-width: 1400px) {
	.bottomcap {
		bottom: 1em;
	}
}

@media screen and (max-width: 991px) {
	.theimage > .thedesktop {
		display: none !important;
	}
}

@media screen and (min-width: 992px) {
	.theimage > .themobile {
		display: none !important;
	}

	.theimage > .thedesktop {
		display: block !important;
	}
}


/* SWIPER Thumbnail slider */
.thumb-slider {
  box-sizing: border-box;
}

.thumb-slider .swiper-slide {
  width: auto;  /* Höhe = 100% */
  height: 100%;
  filter: brightness(0.75);
  cursor: pointer;
  transition: all ease-in 300ms;
}

.thumb-slider .swiper-slide-visible:hover,
.thumb-slider .swiper-slide-thumb-active {
  filter: brightness(1);
}

.thumb-slider img {
  width: auto;   /* wichtig */
  height: 100%;  /* füllt die Höhe */
  object-fit: cover; /* füllt die Box komplett */
}

.swiper-button-next, .swiper-button-prev {
    color: #ffffff;
}

.wpb_wrapper > div {
	margin-bottom: 8px;
}

.blog-recent[data-style*="classic_enhanced"] .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
    padding: 6.5%;
}

img.theswb, img.theswb2 {
    max-width: 100px !important;
	padding-left: 20px !important;
	display: block !important;
	margin-bottom: 1em !important;
}

img.theswb2 {
    filter: brightness(100);
}


/* Pop Up */
#popmake-6896 h3,
#popmake-6896 h5 {
    color: #fff;
}

#popmake-6896 h3 {
    font-size: 2.5em;
}

.pum-content p {
    margin-bottom: 0;
	padding-bottom: 0;
}

.pum-theme-6889 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close {
    height: 40px;
    width: 40px;
    font-size: 40px;
	font-weight: 600;
	background: #333;
}

.pum-content .wp-block-columns > .wp-block-column:first-child p {
	font-size: 14px;
	line-height: 20px;
}

.pum-content p a:visited,
.pum-content p a:hover,
.pum-content p a:link {
	color: #dedede;
}


/* WP Forms Formular NOT INSTALLED */

.wpforms-field-label,
.wpforms-one-half label {
	color: #fff !important;
}

.wpforms-field input,
.wpforms-field textarea {
	background: rgba( 72, 100, 116, 0.90 ) !important;
	box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.5 )  !important;
	color: #fff !important;
	border-radius: 0 !important;
	outline: 0 !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field input:active,
.wpforms-field textarea:active {
	background: rgba( 255, 255, 255, 0.1 ) !important;
}

div.wpforms-container-full button[type=submit]:not(:active) {
    background: #fff !important;
    color: rgba( 72, 100, 116, 0.90 ) !important;
    font-weight: 600;
    text-transform: none !important;
    border-radius: 0 !important;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
	width: 100% !important;
}


.flexy {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexy img.img-with-animation {
	width: 500px !important;
	height: auto !important;
}



/* Ninja Forms */
#nf-form-2-cont,
#nf-form-2-cont h3 {
	color: #fff;
}

.list-checkbox-wrap .nf-field-element li, .list-image-wrap .nf-field-element li, .list-radio-wrap .nf-field-element li {
    display: flex;
}

.list-radio-wrap .nf-field-element li label {
    margin-left: 0.5em;
}

.nf-response-msg > p {
	font-size: 1.4em !important;
	padding-bottom: 1em !important;
}


/* Grundzustand aller Eingabefelder */
.nf-form-content input.nf-element,
.nf-form-content select.nf-element,
.nf-form-content textarea.nf-element {
    background-color: rgba(255, 255, 255, 0.15);
	border-radius: 5px;
    color: #ffffff;
    transition: background-color 0.2s ease, color 0.2s ease;
	font-size: 1.2em;
	padding: .675em;
}

/* Fokus-Zustand */
.nf-form-content input.nf-element:focus,
.nf-form-content textarea.nf-element:focus {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    outline: none;
}

/* Nach Fokus (wenn Inhalt vorhanden ist) */
.nf-form-content input.nf-element:not(:placeholder-shown),
.nf-form-content textarea.nf-element:not(:placeholder-shown) {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

/* Labels ebenfalls weiß */
.nf-form-content .nf-field-label,
.nf-form-content label,
.nf-form-content .nf-label-span {
    color: #ffffff;
}

/* Submit Button */
.nf-form-content input[type="submit"].nf-element {
    background-color: #ffffff;
    color: #456373;
    border: none;
    padding: 14px 28px;
    font-weight: 600;
	font-size: 1em;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover */
body[data-form-submit="regular"] .container-wrap .span_12.light input[type="submit"]:hover,
.nf-form-content input[type="submit"].nf-element:hover {
    background-color: rgba(255, 255, 255, 0.9);
    color: #456373;
}

.nf-error-msg {
	padding: 0 .5em;
	background: #963A35;
	color: #fff;
}

#nf-field-36-wrap > div:first-child,
#nf-field-38-wrap > div:first-child {
	display: none;
}

.pum-content .wp-block-image img {
	margin: 3em 0 1em 0;
	width: 50%;
	height: auto;
}

@media screen and (max-width: 1024px) {
	.nf-form-content input.nf-element, .nf-form-content select.nf-element, .nf-form-content textarea.nf-element {
		font-size: 1.1em;
	}
}




/* Footer */

.footerlogo {
	margin-top: .75em;
    width: 250px !important;
    height: auto !important;
}

.nectar-social {
	display: none;
}


/* Social */

.social a {
	background: #fff;
	border-radius: 50%;
}

#footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
}

#footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a:hover {
	background: #456373;
	color: #fff;
}

body .fa.fa-facebook:before,
body .fa.fa-instagram:before {
    font-size: 30px;
}

.mobileonly {
	display: none;
}


/* Media Queries */

@media screen and (max-width: 1440px) {
	.portfolio-items .col .work-item.style-3 .vert-center {
		font-size: 1.2em !important;
	}
	h2 {
		font-size: 2.2em !important;
	}
	h3, .smallheadline {
		font-size: 1.9em !important;
	}
	h3.title {
		line-height: 1.4em !important;
	}
}

@media screen and (max-width: 1280px) {
	.main-slider .thecaption {
		font-size: .85em;
	}
	.main-slider .thecaption h3 {
		font-size: 1.75em;
		margin-top: .25em;
	}
	.portfolio-items .col .work-item.style-3 h3,
	.portfolio-items .col .work-item.style-3-alt h3 {
		font-size: 1.2em !important;
	}
	h3.projecttitle {
		font-size: 3.6em !important;
	}
	.off-canvas-menu-container a {
		font-size: 2.5em !important;
	}
	div.topforgoals {
		margin-bottom: 2em;
	}
}

@media screen and (max-width: 1023px) {
	.main-slider .thecaption {
		padding: 1.5em 1.5em 5em 1.5em ;
	}
	.main-slider .thecaption ul {
		display: flex;
		flex-wrap: wrap;
	}
	.main-slider .thecaption ul li {
		flex: 1 0 50%;
		/* flex: 0 0 auto;
        padding-right: 2em; */
	}
	.main-slider .swiper-button-next {
		transform: translateY(-50%);
		top: auto !important;
	}
	.main-slider .swiper-button-prev {
		top: auto !important;
		right: 1.75em !important;
		left: auto !important;
		transform: translateY(-50%);
	}
	.portfolio-items .col .work-item.style-3 h3,
	.portfolio-items .col .work-item.style-3-alt h3 {
		font-size: 1.4em !important;
	}
	h2 {
		font-size: 2em !important;
	}
}

@media screen and (max-width: 999px) {
	#logo img {
		margin-left: 10vw;
	}
	.container-wrap > div > div > div#leistungen {
		padding-bottom: 4em !important;
	}
	.container-wrap > div > div > div#leistungen > div.row-bg-wrap::before {
		width: 366px;
	}
	h3.projecttitle {
		text-align: center !important;
		padding-top: .25em !important;
	}
	h4.projectsubtitle {
		text-align: center !important;
		font-size: 1.8em !important;
		padding-top: .75em !important;
	}
	.desktop-services {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	.desktop-services {
		display: block;
	}
	.mobile-services {
		display: none;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1150px) {
	
}

@media screen and (max-width: 999px) and (min-width: 691px) {
	.page-id-6954 .row .col h3, body h3 {
		line-height: 1.25em;
	}
	html body #more-features > .span_12 {
		flex-wrap: nowrap !important;
	}
}

@media screen and (max-width: 768px) {
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
		font-size: 2em !important;
	}
	.home #ajax-content-wrap,
	.single-portfolio #ajax-content-wrap,
	.page-id-6954 #ajax-content-wrap {
		margin-top: 124px !important;
	}
	body #header-outer[data-transparent-header="true"].transparent {
		background-color: #456373 !important;
	}
	.container-wrap > div > div > div#leistungen {
		padding-bottom: 6em !important;
	}
	#page-header-bg .nectar-video-wrap {
		height: 50%;
		width: 100%;
	}
	.nectar-box-roll {
		height: 50% !important;
	}
	.blurred-wrap {
		background: #456373 !important;
	}
}

@media screen and (max-width: 767px) {
	.nectar-milestone .number {
		font-size: 110px !important;
		line-height: 50px !important;
	}
	.nectar-milestone .symbol {
		font-size: 82px !important;
	}
	h3.projecttitle {
		font-size: 3em !important;
	}
}


@media screen and (max-width: 500px) {
	.nectar-box-roll {
		height: 50% !important;
	}
	#page-header-bg .nectar-video-wrap {
		height: 50%;
		width: 100%;
	}
	.main-slider .thecaption {
		padding: 1em 1.5em 5em 1.5em ;
		font-size: .75em;
	}
	.main-slider .thecaption ul li {
		flex: 0 0 100%;
	}
	.main-slider .thecaption h3 {
		margin-top: 0;
	}
	.portfolio-items .col .work-item.style-3 h3,
	.portfolio-items .col .work-item.style-3-alt h3 {
		font-size: 1.4em !important;
	}
	.claim_on_video {
		right: 5%;
		width: 93% !important;
		max-width: 93% !important;
	}
	h2, h3 {
		font-size: 1.6em !important;
	}
	.page h1 {
    	font-size: 2.2em !important;
	}
	.page h3 {
    	font-size: 1.4em !important;
	}
	.home.page h1 b {
		font-size: .75em !important;
		line-height: .75em !important;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
		font-size: 1.5em !important;
	}
	.nectar-flickity:not(.masonry) .flickity-viewport {
		margin: 10px 0 !important;
	}
	
	.container-wrap > div > div > div#leistungen > div.row-bg-wrap::before {
		width: 310px;
	}
	.nectar-milestone .number {
		font-size: 100px !important;
		line-height: 40px !important;
	}
	.nectar-milestone .symbol {
		font-size: 80px !important;
	}
	h3.projecttitle {
		font-size: 2.6em !important;
	}
	.desktoponly {
		display: none;
	}
	.mobileonly {
		display: block;
	}
	input[type=submit] {
    	font-size: .85em !important;
	}
}

@media screen and (min-width: 1024px) {
	#header-outer {
		background-color: transparent !important;
		box-shadow: none !important;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1366px) {
	#leistungen {
		padding: 3em 0 5em 0 !important;
	}
}


/* reCaptcha */
.grecaptcha-badge {
    display: none;
}