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

:root {
 --blue: #002E6D;	
 --orange: #FF8300;
 --orange-2: #FF9D37;
 --orange-3: #FFB86E;
 --orange-4: #FFCE9B;
--orange-5: #FFDEBC;
--grey-1: #6682A8;
--grey-2: #9FB0C8;
--grey-3: #BDC9DA;
--grey-4: #EBF3FA;
--white: #FFFFFF;	
}

/* Typography */

p {
	line-height: 150%;
}

.nectar-rotating-words-title .dynamic-words {
	color: var(--orange);
}
.round-corners {
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.grey-background {
	background-color: var(--grey-4);
}
.blue-background {
	background-color: var(--blue);
}
.dark-grey-background {
	background-color: var(--grey-1);
}
.text-white, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
	color: var(--white);
}
.text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue h5, .text-blue h6  {
	color: var(--blue);
}
.text-orange, .text-orange h1, .text-orange h2, .text-orange h3, .text-orange h4, .text-orange h5, .text-orange h6  {
	color: var(--orange);
}

/* Heading 1
 */

.nectar-rotating-words-title.color_FFFFFF .heading {
	width: 17ch; 
}

@media (max-width: 999.99px) {
  .nectar-rotating-words-title.color_FFFFFF .heading {
	width: auto; 
}
}
/* Paddings */

.padding-32 > * {
	padding: 32px;
}
.radius-30 {
	border-radius: 30px;
}
@media only screen and (min-width:1px) and (max-width:999px) {
body #header-outer {
padding: 0!important;
}
}

/* Modell cards */

.solvemus--modell {
  counter-reset: modell;
  position: relative;
  counter-increment: modell;
}

.solvemus--modell::after {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}
.solvemus--modell.one::after {
	content: "01";
	color: var(--Orange-3, #FFB86E);
}
.solvemus--modell.two::after {
	content: "02";
	color: var(--Orange, #FF8300);
}
.solvemus--modell.three::after {
	content: "03";
	color: var(--Orange-4, #FFCE9B);
}
.solvemus--modell.four::after {
	content: "04";
	color: var(--Orange-2, #FF9D37);
}



/* Problem cards */

.problems-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(408px, auto);
  gap: 24px;
  counter-reset: card;
  box-sizing: border-box; 
  width: 100%;  
}
 
.card--hero {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  background-color: var(--white);
  position: relative;
  overflow: hidden;  
  border-radius: 30px;
  padding: 32px;
  box-sizing: border-box; 
  min-width: 0;  
}
.card--hero.card--hero img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80%;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  object-fit: contain; 
}
.card--01 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  background-color: var(--orange-5);
}

.card--02 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
	background-color: var(--orange-3);
}

.card--03 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
	background-color: var(--orange-4);
}

.card--04 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
	background-color: var(--orange-2);
}
 
.card {
  border-radius: 30px;
  padding: 32px;
 display: flex;
 flex-direction: column;
 justify-content: end;
	box-sizing: border-box;  
  min-width: 0;  
}
.problems-grid > .card {
  position: relative;
  counter-increment: card;
}
.card::after {
  content: counter(card, decimal-leading-zero);
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.15;
  pointer-events: none;
  color: var(--orange);
  filter: brightness(60%);
}

@media (max-width: 1024px) {
  .problems-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .card--hero {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .card--01,
  .card--02,
  .card--03,
  .card--04 {
    grid-column: auto;
    grid-row: auto;
  }
}
@media (max-width: 768px) {
  .problems-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .card,
  .card--hero {
    min-height: auto;
    padding: 24px;
    border-radius: 20px;
  }

  .card--hero img {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 260px;
    margin-top: 16px;
    align-self: flex-end;
  }

  .card::after {
    font-size: 40px;
    top: 16px;
    right: 16px;
  }
}

.card h5,
.card p {
  max-width: 90%;
  word-wrap: break-word;  
  overflow-wrap: break-word;  
}
}


/* Sticky cards in the alternative block
 */

.cards--alternative-column .wpb_wrapper {
    display: flex;
    gap: 1vh;
    flex-direction: column;
}

.cards--alternative img, .cards--alternative-no-stack img {
    width: 32px!important;
}

.cards--alternative {
    background-color: var(--grey-4);
    border-radius: 30px;
    padding: 1.6em 1.6em 1.6em 0;
    position: sticky;  
    margin-bottom: 20px !important;
    transition: transform 0.3s ease;
	min-height: 180px;
}
	
.cards--alternative-no-stack {
    background-color: var(--white);
    border-radius: 30px;
    padding: 1.6em 1.6em 1.6em 0;
    position: relative;  
    margin-bottom: 20px !important;
}
.cards--alternative-with-img {
	position: sticky;  
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}
.cards--alternative:nth-child(1), .cards--alternative-with-img:nth-child(1) {
    top: 120px; 
    z-index: 3;
}

.cards--alternative:nth-child(2), .cards--alternative-with-img:nth-child(2) {
    top: 180px;  
    z-index: 4;
}

.cards--alternative:nth-child(3), .cards--alternative-with-img:nth-child(3) {
    top: 190px; 
    z-index: 5;
}

.cards--alternative:nth-child(4) {
    top: 200px;  
    z-index: 6;
}

.cards--alternative:hover {
    transform: scale(1.02);
}

@media (max-width: 999.99px) {
	.cards--alternative, .cards--alternative-no-stack {
		padding: 1.6em;
	}
.cards--alternative:nth-child(1), .cards--alternative-with-img:nth-child(1) {
    top: 0px; 
    z-index: 1;
}

.cards--alternative:nth-child(2), .cards--alternative-with-img:nth-child(2) {
    top: 0px;  
    z-index: 1;
}

.cards--alternative:nth-child(3), .cards--alternative-with-img:nth-child(3) {
    top: 0px; 
    z-index: 1;
}

.cards--alternative:nth-child(4) {
    top: 0px;  
    z-index: 1;
}


}

@media (max-width: 768px) {
    .cards--alternative  {
        position: relative;
        top: auto;
        margin-top: 0;
    }
}

.overlay {
	position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: flex;
  align-items: center;
  padding: 3rem;
}

/* Kontakt button  */


.btn_kontakt:hover a:after {
	height: 0!important;
}  
.btn_kontakt {
	margin-left: 17px; 
}
.nectar-header-text-content:hover {
	background-color: var(--blue);
	border-radius: 50px!important;
	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	margin-right: 0;
}


 
#header-outer, body #header-outer, body[data-header-color="dark"] #header-outer {
	background-color: unset;
}
 
body #header-outer .container {
 padding-left: max(calc(var(--container-padding)/3),25px);
 padding-right: max(calc(var(--container-padding)/7),0px);
	border-radius: 80px;
 background-color: rgba(102, 130, 168, 0.75)!important;
	border-radius: 50px;
	position: relative;
  backdrop-filter: blur(8px) saturate(170%);
  -webkit-backdrop-filter: blur(8px) saturate(170%);
  border-radius: 50px;
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

body #header-outer .container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    -45deg,
    rgba(255,255,255,0.35),
    rgba(255,255,255,0.05)
  );
  pointer-events: none;
}

@media only screen and (min-width :1px) and (max-width :999px) {
#header-outer[data-has-menu=false][data-format=default] #top .span_3, #header-outer[data-has-menu=true] #top .span_3, #header-outer[data-has-menu=true][data-mobile-fixed="1"] #top .span_3, #header-outer[data-has-menu=true][data-ptnm="1"] #top .span_3, body.material #header-outer[data-format=centered-menu-bottom-bar] #top .span_3 {
text-align: left;
padding: 17px;
}}


/* Accordeon with circles */


div[data-style="animated_circle"][data-ac-bg-color="1"] .toggle {
	padding: 0 var(--toggle-spacing);
	background-color: var(--grey-3);
	border-radius: 30px; 
	transition: background-color 0.4s ease-out;
}

.toggle-title, .inner-toggle-wrap p {
color: var(--blue);
}

div[data-style="animated_circle"][data-ac-bg-color="1"] .toggle.open {
	background-color: white;
	transition: background-color 0.4s ease-out;
}

/* Overlay animation */

.cards--alternative-with-img {
  position: relative;
}

.img-with-aniamtion-wrap {
  position: relative;
}

.overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  

  background: rgba(0, 0, 0, 0.75);
  padding: 24px;
  border-radius: 30px;

  transform: translateY(100%);
  will-change: transform;
	
  display: flex;
  align-items: flex-end;

  /* quote */
  background-image: url('/wp-content/uploads/2026/01/quote.png');
  background-repeat: no-repeat;
  background-position: 32px 32px;
  background-size: 56px auto;
}
.overlay h5 {
	color: var(--blue)!important;
}

@media (max-width: 767px) {
  .overlay {
    position: relative;
    transform: none !important;
    bottom: auto;
    left: auto;

    margin-top: 16px;
	  
	border-radius: 20px;
    min-height: auto;
    padding: 64px;
    background-position: 24px 24px;
    background-size: 40px auto;
  }
	.overlay h5 {
    font-size: 20px;
  }
	.cards--alternative-with-img {
  position: unset;
}

.img-with-aniamtion-wrap {
  position: unset;
}
}
 


/* Flip-cards */

.solvemus--flip-card:nth-child(1)
.flip-box-front .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.solvemus--flip-card:nth-child(1)
.flip-box-front .inner::before {
  content: "";
  width: 64px;
  height: 64px;

  background-image: url('/wp-content/uploads/2026/01/directions-arrows.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  display: block;
}
.solvemus--flip-card:nth-child(2)
.flip-box-front .inner::before {
  content: "";
  width: 64px;
  height: 64px;

  background-image: url('/wp-content/uploads/2026/01/home.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  display: block;
}
.solvemus--flip-card:nth-child(4)
.flip-box-front .inner::before {
  content: "";
  width: 64px;
  height: 64px;

  background-image: url('/wp-content/uploads/2026/01/people.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  display: block;
}
.solvemus--flip-card:nth-child(5)
.flip-box-front .inner::before {
  content: "";
  width: 64px;
  height: 64px;

  background-image: url('/wp-content/uploads/2026/01/hands-security.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  display: block;
}

.solvemus--flip-card h4 {
	margin-top: 3vh;
	color: var(--blue);
	max-width: 20ch;
}

/* Footer */

#menu-footer-menu {
	
	color: #FFF;
 
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 250%; 
}
.menu li {
	list-style: none!important;
}
#menu-footer-menu a:hover {
	color: var(--orange);
}

#footer-outer #copyright {
	color: white;
}

/* Cookie button */
#cc--main .cc-link {
	border: none;
	color: var(--blue);
	border-bottom: 1px solid var(--blue);
	border-radius: 0!important;
}

#c-bns button:first-child, #s-bns button:first-child {
	background: var(--blue);
}

#cm {
	border-radius: 2em;
	padding-top: 1.65em;
}

/* Insurance block
 */

.insurance-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	color: var(--blue);
	padding-bottom: 2vh;
}

.insurance-block h5 {
	color: var(--blue);
}

.text-content {
	max-width: 100%; 
	flex: 0 0 70%;
}

.illustration {
	flex: 0 0 auto;
}

.insurance-block-parent {
	border-radius: 3.125rem 3.125rem 0 0;
	background: var(--Grey-4, #EBF3FA)!important; 
}

.insurance-block-parent-grey {
	border-radius: 3.125rem 3.125rem 0 0;
	background: var(--Grey-3, #6682A8)!important; 
}

.insurance-block-parent-grey h5, 
.insurance-block-parent-grey p {
	color: white;
}

@media (max-width: 768px) {
	.insurance-block {
		flex-direction: column;
		gap: 20px;
	}
	
	.text-content {
		flex: 1 1 100%;
		max-width: 100%;
	}
	
	.illustration {
		flex: 1 1 100%;
		width: 100%;
		justify-content: center;
        display: flex;
	}
	
	.illustration img {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
	.width-70 > * {
    width: 100%;
    margin: 0 auto;
}
}

@media (min-width: 690px) and (max-width: 1000px) {
	.text-content {
		flex: 0 0 60%;
	}
	
	.illustration {
		flex: 0 0 35%;
	}
}

.width-70 > * {
    width: 75%;
    margin: 0 auto;
}