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

div.page-header-bg-image {
  position: relative; /* Wichtig für das ::after-Pseudoelement */
}


div.page-header-bg-image::after {
	
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://rytec4.luc.net/wp-content/plugins/salient-nectar-slider/img/textures/grid.png'); /* Pfad zum Texturbild */
  background-repeat: repeat; /* Kacheln des Bildes */
  background-size: auto; 
  opacity: 0.9;/* Anpassung der Transparenz des Overlays */
  pointer-events: none; /* Verhindert, dass das Overlay interaktive Elemente blockiert */
}
/*
ul.sf-menu {
  position: relative;
}

ul.sf-menu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 2em;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

ul.sf-menu li {
  position: relative;
  z-index: 1;


ul.sf-menu > li > a {
	
	margin-top: 0px !important;
	
}





#menu-item-5476 > a > span,
#menu-item-5478 > a > span,
#menu-item-5483 > a > span,
#menu-item-5484 > a > span,
#menu-item-5486 > a > span,
#menu-item-5488 > a > span {
	
  text-shadow:
    0 0 4px rgba(0, 0, 0, 0.8),  
    0 0 10px rgba(0, 0, 0, 0.5); 
}


.readable-text {
  color: white;
  text-shadow:
    0 0 4px rgba(0, 0, 0, 0.8),  
    0 0 10px rgba(0, 0, 0, 0.5); 
}

*/

/** Redesign 2023 Rytec Circular **/

#nectar-slider-instance-1 > div > div.swiper-wrapper > div.swiper-slide.testimonial-slider.swiper-slide-visible.swiper-slide-active > div.container > div {

padding-left: 25px !important;
padding-right: 25px !important;
}



.luc-grid-ce div.pt-cv-ifield{
	
	border: 1px solid #e0e0e0;

}


#milestones {
padding-left: 80px;
}


.milestone-column {
    color: white !important;
    border-radius: 50%;
    background-color: #376158;
    margin-right: 20px !important;
    flex: 1;
    aspect-ratio: 1;
}


.milestone-column > .material .wpb_row, .material .wpb_content_element {
    margin-bottom: 0.5em !important;
}

.milestonetxt {
    padding-left: 30px;    
}


@media only screen and (max-width: 1350px) and (min-width: 1000px) {
.milestonetxt, .milestone-txt, div.nectar-milestone.animated-in > div.subject {
    font-size: 14px !important;
    line-height: 18px !important;
}

}



@media only screen and (min-width: 10px) and (max-width: 1100px) {
#milestones, #milestonetitle {
display:none !important;
visibility: hidden !important;
}

}






/***** Referenzblätter 2024 ******/


/*Luc's dirty häck for correct Filter-Bookmark-Jumping. It works somehow...*/
#weitere-referenzen {
	margin-top: 30px;
}


.info-box {
	background-color: rgba(102, 102, 51, 1) !important;
	padding: 20px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;

}


@media only screen and (min-width: 1000px) {
	.info-box {
	margin-top: -150px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-bottom: 150px !important;
}
}


.info-box p {
	padding-bottom: 3px;
    color: #FFFFFF; /* Weiß */
    font-size: 15px;
    line-height: 1.4; /* Erhöht den Zeilenabstand für bessere Lesbarkeit */
    font-weight: 400; /* Optional: Leichtes Fett für bessere Sichtbarkeit */
}
.info-box li {
	margin-bottom: -5px;
	list-style: none;
	color: white;
}


.info-box a {
	color: #FAE767;
}

.info-box ul {
	font-size: 15px;
	margin-left: 0px;
	margin-top: 0px !important;
	color: white;
}

.info-box a:hover {
	text-decoration: underline;
}


.yellow-box-icon {

margin-top: 30px;

}


#yellow-iconbox p {
	padding-bottom: 10px !important;
}


#yellow-iconbox a:hover {
	text-decoration: underline;
	color: rgb(209,41,35);
	
	}


/** Redesign 2024 **/


/* Container für die Zeile */
.row.header-row {
    display: flex;
    flex-direction: row;
}

/* Logo nach rechts verschieben */
.col.span_3 {
    order: 2; /* Logo wird nach rechts verschoben */
    text-align: right; /* Optional: Logo am rechten Rand ausrichten */
	    display: block; /* Stellt sicher, dass es als Block-Element angezeigt wird */
    margin-left: auto; /* Schiebt das Element nach rechts */
    width: auto; /* Optional: Sicherstellen, dass es nicht die gesamte Breite einnimmt */
}
}

/* Navigation nach links verschieben */
.col.span_9 {
    order: 1; /* Navigation wird nach links verschoben */
	text-align: left; /* Navigation links ausrichten */
}

/* Sicherstellen, dass die anderen Spalten weiterhin im Fluss bleiben */
.row:not(.header-row) {
    display: block; /* Standardmäßiges Blockverhalten für andere Zeilen */
}


@media only screen and (min-width: 1000px) {
    #header-outer[data-format=default] #top .span_9 {
        margin-left: 0px;
    }
}


#top {
	
	margin-top: 5vh;
}

/*

.category-table-container {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
}
*/
/* Standard Desktop-Styling */
table {
    width: 100%;
    border-collapse: collapse;
	border: none !important;
}

thead {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}

th, td {
    padding: 8px;
    text-align: left !important;
	line-height: 23px !important;
	font-size: 17px !important;
}

thead th {
    border-bottom: 1px solid black !important;
	border-top: none !important;
    border-right: none !important;
    border-left: none !important;
	background-color: #ffffff !important;
}

tbody td {
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-right: none !important;
    border-left: none !important;
}

tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

tbody tr:hover {
    background-color: #fffacd !important;
}

/* Mobile Styling für die Tabelle */
@media (max-width: 1000px) {
    /* Tabelle und Layout als Blockelemente */
    table, thead, tbody, th, td, tr {
        display: block;
        width: 100%;
    }

    /* Tabellenkopf ausblenden */
    thead {
        display: none;
    }

    /* Jeder Datensatz als "Karte" */
    tbody tr {
        margin-bottom: 16px;
        padding: 1px;
        border-top: 1px solid black; /* Rote Linie zwischen Datensätzen */
    }

    /* Einzelne Zellen linksbündig und Label/Wert-Darstellung */
    tbody td {
        display: block;
        text-align: left;
        padding: 2px 0 !important;
        border: none !important;
    }

    /* Label und Wert in derselben Zeile */
    tbody td::before {
        content: attr(data-label) ": "; /* Doppelpunkt und weiches Leerzeichen */
        font-weight: bold;
        display: inline-block; /* Label und Wert in derselben Zeile */
		width: 200px;
    }
	
	/* Abstand zum Label als Block für mehrzeilige Werte */
	.mob-tab-div {
		padding-left: 200px;
		margin-top: -23px;
	}
}


/* Hover-Effekt für die gesamte Zeile */
tbody tr:hover {
    background-color: #fffacd !important; /* Leicht gelblicher Hover-Effekt */
}



.all-posts-button {
    margin-top: 20px;
    text-align: right;
}

.all-posts-button .button {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
}

.all-posts-button .button:hover {
    background-color: #005177;
}


/*********** Redesign 2022/24 **************/

/******** Inpage Styles ******/


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



h1 {
	margin-top: 70px;
	margin-bottom: 40px;
	color: rgb(209,41,35);
}

h2 {
	margin-top: 60px !important;
	margin-bottom: 20px !important;

}

h3 {
	margin-top: 40px !important;
	margin-bottom: 20px !important;
}

/***** Rytec-Liste **********/


/* Entfernt Standard-Aufzählungszeichen und linken Einzug für alle Listen in WPBakery-Text-Elementen außer in .social-sharing-buttons und .pt-cv-view */
.wpb_text_column .wpb_wrapper ul:not(.social-sharing-links ul):not(.pt-cv-view ul),
.wpb_text_column .wpb_wrapper ol:not(.social-sharing-links ol):not(.pt-cv-view ol) {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0.1em; /* Abstand zwischen Listenelementen */
}

/* Styling für Listenelemente nur in WPBakery-Text-Elementen außer in .social-sharing-buttons und .pt-cv-view */
.wpb_text_column .wpb_wrapper ul li:not(.social-sharing-links li):not(.pt-cv-view li),
.wpb_text_column .wpb_wrapper ol li:not(.social-sharing-links li):not(.pt-cv-view li) {
    list-style: none; /* Entfernt Standard-Aufzählungszeichen */
    position: relative; /* Ermöglicht das Platzieren des Pseudo-Elements */
    padding-left: 20px; /* Platz für den kürzeren Bindestrich und zusätzlichen Abstand zum Text */
    margin-bottom: 8px; /* Abstand zwischen den Listenelementen */
}

/* Pseudo-Element für den kürzeren Bindestrich vor jedem Listenelement außer in .social-sharing-buttons und .pt-cv-view */
.wpb_text_column .wpb_wrapper ul li:not(.social-sharing-links li):not(.pt-cv-view li)::before,
.wpb_text_column .wpb_wrapper ol li:not(.social-sharing-links li):not(.pt-cv-view li)::before {
    content: "–"; /* Kürzerer Bindestrich */
	color: red;
    position: absolute;
    left: 0; /* Linke Position des Bindestrichs */
    top: -2px;
    padding-right: 10px; /* Abstand zwischen Bindestrich und Text */
}



blockquote > p {
	font-size: 15px !important;
	line-height: 21px !important;
}



 h4.pt-cv-title,
 div.pt-cv-content {
	margin-left: 10px !important;
	margin-right: 10px !important;
}



#nectar-slider-instance-1 > div > div.swiper-wrapper > div > div.container > div > h2 {
	
		color: #ffffff !important;
}


#nectar-slider-instance-1 > div > div.swiper-wrapper > div > div.container > div > p > span   {
	color: #ffffff !important;
	margin-left: -7px;
}




.swiper-slide .content p.transparent-bg span {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	
}





/**************** Show Flags ***************/


#menu-item-3037 a::before {
  content:url('https://rytec.ch/wp-content/uploads/2021/09/Flag_of_Germany_11.png'); 
  position:relative; 
  z-index: 10000;
  margin-right:5px;
  margin-top: 1px;
}

#menu-item-3038 a::before {
  content:url('https://rytec.ch/wp-content/uploads/2021/09/Flag_of_Switzerland_11.png'); 
  position:relative; 
  z-index: 10000;
  margin-right:5px;
  margin-top:1px;
}






/**** Fix height on County-Change Secondary Nav ***/

.material #header-secondary-outer > .container, .material #header-secondary-outer > .container > nav {min-height: 15px; !important}



body.material #header-secondary-outer nav >.sf-menu {
	padding: 3px 0px 2px 0px;
}
#header-secondary-outer {
	min-height: 25px !important;
}

#header-secondary-outer nav > ul > li > a {
	line-height: 14px !important;
	padding: 10px 0px 3px 0px;
}




/*****Footerschatten ohne reveal *****/

.container-wrap {
	border-bottom: 1px #efefef solid;
}


/***** News-Teaser Startseite *****/

.pt-cv-content-item {
padding-bottom: 15px !important;	
}

/*****
div.pt-cv-carousel-caption {
		box-shadow: 0 8px 4px rgba(0,0,0,0.05), 0 10px 41px rgba(0,0,0,0.05);
}

[pt_view id="19429c4v8c"]
*****/

.pt-cv-scrollable .carousel-control:hover span {color: #ccc !important}
.pt-cv-scrollable .pt-cv-carousel-indicators li.active {background-color: #376158 !important; background-image: none !important;}
/***** #pt-cv-view-19429c4v8c .pt-cv-carousel-caption:hover {background-color: #f9f9f9 !important;} *****/
.pt-cv-scrollable .carousel-control {bottom: -20px!important; top: auto!important;}
.pt-cv-scrollable .carousel-control span {background: #376158 !important}


div.carousel-inner > div > .row {
	margin: 0px;
}

a.pt-cv-href-thumbnail {
	height: 120px !important;
	
}

/****** News ****/

.pt-cv-timeline div.pt-left:after,
.pt-cv-timeline div.pt-right:after,
.pt-cv-timeline div.pt-right:after,
.pt-cv-timeline div.pt-left:after,
.pt-cv-timeline .tl-spine {
	background-color: #D12923;
}




/***** HEADER-MENU *****/
#search-btn > div > a,
.home ul.sf-menu > li > a {
text-shadow: -1px 0 rgba(102,102,102,0.1), 0 1px rgba(102,102,102,0.1), 1px 0 rgba(102,102,102,0.1), 0 -1px rgba(102,102,102,0.1);
opacity: 1 !important;
}
#search-btn > div > a,
ul.sf-menu > li > a {
margin-top: 20px;
color: rgba(255,255,255,0.95);
}

#header-outer .sf-menu li ul li a {
	color: black;
}


#menu-item-1837-de > a {
	margin-right: 2px !important;
	    font-weight: 100 !important;
}

#menu-item-1837-fr:before {
	content: " | " !important;
	    font-family: Open Sans;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 100;
	color: white;
	margin-top: 20px;
}

#menu-item-1837-fr > a {
	margin-left: 2px !important;
	font-weight: 100 !important;
}

.off-canvas-menu-container li.lang-item-de > a,
.off-canvas-menu-container li.lang-item-fr > a {
	float: left !important;
	font-weight: 100 !important;
	margin-right: 10px;
	font-size: 16px !important;
}


/***** SLIDER *****/

#featured article .post-title > a {
	background-color: rgba(229,30,36,0.6) !important;
	border: 1px solid rgba(229,30,36,0.6) !important;
}

#featured article .post-title > a:hover {
	background-color: rgba(229,30,36,0.8);
}






/****** Content Views ******/

h4.pt-cv-title {
	line-height: 1.3em;
	
}


label.cvp-label {
	line-height: 35px !important;
}


select {
	border-radius: 7px;
	border: 1px grey solid;
	box-shadow: 0 8px 4px rgba(0,0,0,0.05), 0 10px 41px rgba(0,0,0,0.05);
}

div.cvp-live-filter {
	float: left !important;
	width: 47% !important;
	padding-bottom: 20px;
}

@media only screen and (max-width: 999px) {
	div.cvp-live-filter {
	width: 100% !important;
}
}

div.luc-grid-ref a
div.luc-grid-start a {
	color: #8c8c8c;
}
div.luc-grid-ref a:hover
div.luc-grid-start a:hover {
color: yellow;
text-decoration: none !important;
}



.luc-grid-ref div.pt-cv-ifield,
.luc-grid-start div.pt-cv-ifield,
.luc-grid-cat div.pt-cv-ifield {
box-shadow: 0 8px 4px rgba(0,0,0,0.05), 0 10px 41px rgba(0,0,0,0.05);
border-top: 1px solid rgba(204,204,204,0.2);
border-left: 1px solid rgba(204,204,204,0.2);
}

div.pt-cv-content {
	-ms-hyphens: auto !important;
	-webkit-hyphens: auto !important;
	hyphens: auto !important;
	
}


/*** Blog  *** Page Header & Content  **/

/*body.single-post h1.entry-title,*/
#page-header-bg h1,
body.single-post div.single-below-header,
body.single-post span.meta-category
 {
	display: none !important;
	visibility: hidden !important;
}

body.single-post h1.entry-title {
color: rgba(51,51,51,0.9) !important;
}

.post-area {
	max-width: 100% !important;
}


blockquote.testimonial > p {
	font-size: 16px !important;
line-height: 21px !important;
}


blockquote.praxisbeispiel > p {
	font-family: Roboto;
	font-size: 18px !important;
line-height: 23px !important;
}

p > em > small {
		font-size: 14px !important;
}


/*
.luc-team-foto {
border-radius: 50% !important;	
}

.luc-team-slogan div > blockquote > p {
font-size: 20px;
line-height: 27px;
font-style: italic;
}

.luc-team-icon {
margin-top: -45px;
}


.luc-team-slogan div > blockquote {
padding-left: 15px;
}


*/


.category-news div h1,
.category-news span.subheader {
visibility:hidden;
	display:none;
}
/**
div.container.main-content ul {
	margin-top: -15px;
}
***/
.bildlegende > div > p {
	font-size: smaller;
}

/******** Sharing-Buttons (functions.php) ****************/

div.sharer {
	text-align: center;
	margin: 0 auto;
}

ul.social-sharing-links {
	margin-top: 20px !important;
	display: inline-flex;
	padding: 0;
}

ul.social-sharing-links li {
	list-style: none !important;
}


ul.social-sharing-links li a {
font-size: 25px;
	margin-right: 0.5em;
	padding: 10px 15px 10px 15px;
	border-radius: 100px;
	color: #fff;
}

ul.social-sharing-links li a[href*="facebook.com"] {
    background: #3b5998;
}

ul.social-sharing-links li a[href*="facebook.com"]:before {
    font-family: FontAwesome;
    content: " " !important;
}


ul.social-sharing-links li a[href*="facebook.com"]:after {
    font-family: FontAwesome;
    content: "\f082";
}

ul.social-sharing-links li a[href*="twitter.com"] {
    background: #55acee;
}

ul.social-sharing-links li a[href*="twitter.com"]:after {
    font-family: FontAwesome;
    content: "\f099";
	font-weight: 400;
}


ul.social-sharing-links li a[href*="linkedin.com"] {
    background: #0077b5;
}

ul.social-sharing-links li a[href*="linkedin.com"]:after {
    font-family: FontAwesome;
    content: "\f0e1";
}


ul.social-sharing-links li a[href*="xing.com"] {
    background: #006567;
}


ul.social-sharing-links li a[href*="xing.com"]:after {
    font-family: FontAwesome;
    content: "\f168";
}



/** Footer **/

#footer-widgets h4 {
	padding-bottom: 15px;
}

div.follow-us-footer {
	margin-top: 20px;
}

div.follow-us-footer a {
	color: black !important;
}

/* Silbentrennung */
.row h2, .row h3, .row h4, .row h5, .row h6, .row p, .row ul .row li {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  hyphens: auto;
}