/*
 Theme Name:     BRICKS 
 Theme URI:      http://www.elegantthemes.com
 Description:  	 BRICKS Theme
 Author:         aceArt
 Author URI:     https://aceart.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
@font-face {
   font-family: "Inter";
   src: url("/wp-content/themes/child-theme/fonts/Inter_Light.ttf") format("truetype");
}

@font-face {
   font-family: "Inter Bold";
   src: url("/wp-content/themes/child-theme/fonts/Inter_Bold.ttf") format("truetype");
}

@font-face {
   font-family: "Roboto";
   src: url("/wp-content/themes/child-theme/fonts/RobotoSlab-Regular.ttf") format("truetype");
}

:root {
   --family-font-headline: "Roboto";
   --family-font-text: "Inter";
   --family-font-text-bold: "Inter Bold";
   --color-white: #fff;
   --color-darkblue: #003F75;
   --color-purple: #701E5A;
   --color-lightblue: #E3F1F4;
   --color-cyan: #74B8C7;

   --color-green: #9BAA0E;
   --color-brown: #A1873D;
   --color-darkgreen: #455B22;

   /*Projectcolor*/
   --pro-beige: #F3ECDB;
   --pro-yellow: #EBEECF;
   --pro-purple: #E2D4DE;
   --pro-green: #DADED3;
   --pro-blue: #E0ECEE;

   --pro-beige-text: #C1A24A;
   --pro-yellow-text: #9BAA0E;
   --pro-purple-text: #70295A;
   --pro-green-text: #455B22;
   --pro-blue-text: #65A0AA;

   --border-radius: 5rem;
   --border-radius-small: 2.5rem;

   --fs-intro: 2.5rem;
   /*40px*/
   --lh-intro: 3.125rem;
   /*50px*/

   --fs-headline-big: 5rem;
   --lh-headline-big: 5.5rem;

   --fs-headline-half: 3.75rem;
   --lh-headline-half: 4.375rem;

   --fs-headline-medium: 2.188rem;
   --lh-headline-medium: 2.75rem;

   --fs-headline-small: 1.875rem;
   /*30px*/
   --lh-headline-small: 2.813rem;
   /*45px*/

   --fs-footer: 1rem;

   --fs-text: 1.125rem;
   --lh-text: 1.75rem;

   --fs-text-small: 0.875rem;
   --lh-text-small: 1.5rem;

}

@media(max-width:980px) {

   :root {

      --border-radius: 80px;
      --border-radius-small: 40px;

      --fs-intro: 1.563rem;
      /*25px*/
      --lh-intro: 2.188rem;
      /*40px*/

      --fs-headline-big: 2.25rem;
      --lh-headline-big: 2.75rem;

      --fs-headline-half: 2.188rem;
      --lh-headline-half: 2.813rem;

      --fs-headline-medium: 1.75rem;
      --lh-headline-medium: 2rem;

      --fs-headline-small: 1.5rem;
      /*24px*/
      --lh-headline-small: 2.438rem;
      /*39px*/

      --fs-footer: 1rem;

      --fs-text: 1.125rem;
      --lh-text: 1.75rem;

      --fs-text-small: 0.875rem;
      --lh-text-small: 1.5rem;
   }
}

.bg-green {
   background-color: var(--color-green);
}

.bg-darkblue {
   background-color: var(--color-darkblue);
}

.bg-purple {
   background-color: var(--color-purple);
}

.bg-brown {
   background-color: var(--color-brown);
}

.bg-darkgreen {
   background-color: var(--color-darkgreen);
}

.bg-lightblue {
   background-color: var(--color-lightblue);
}

.bg-cyan {
   background-color: var(--color-cyan);
}

.bg-white {
   background-color: var(--color-white);
}


h1,
h2,
h3,
h4,
h5 {
   font-family: var(--family-font-headline);
   hyphens: auto;
}

h1 {
   font-size: var(--fs-headline-big);
   line-height: var(--lh-headline-big);
   font-family: var(--family-font-headline);
   text-transform: uppercase;
   color: var(--color-white);

   /* font-weight: bold;
   font-size: 190px;
   font-family: var(--family-font-headline);
   background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
   -webkit-background-clip: text;
   color: transparent;
   border: 1px solid transparent;
   padding: 5px;
   display: inline-block; */

}

a {
   cursor: pointer;
}

.outline {

   -webkit-text-stroke: 1px white;
}

h2 {
   font-size: var(--fs-headline-big);
   line-height: var(--lh-headline-big);
   color: var(--color-purple);
}

.h-text h1 {
   font-family: var(--family-font-headline);
   font-size: var(--fs-headline-half);
   line-height: var(--lh-headline-half);
   color: var(--color-white);
   text-transform: none;
}

h3 {
   font-size: var(--fs-headline-medium);
   line-height: var(--lh-headline-medium);
   color: var(--color-purple);
}

b,
strong {
   font-family: var(--family-font-text-bold);
}

p,
div,
li,
a {
   font-family: var(--family-font-text);
   font-size: var(--fs-text);
   line-height: var(--lh-text);
}

.et_pb_row.border,
.et_pb_column.border {
   border-radius: var(--border-radius);
   border-top-right-radius: 0px;
   padding: 100px;
}

.et_pb_row.border-top,
.et_pb_column.border-top {
   border-radius: var(--border-radius);
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   padding: 100px;
}

.et_pb_row.border-bottom,
.et_pb_column.border-bottom {
   border-radius: var(--border-radius);
   border-top-right-radius: 0px;
   border-top-left-radius: 0px;
   padding: 100px;
}

.border-video iframe,
video {
   border-radius: var(--border-radius);
   border-top-right-radius: 0px;
}

video {
   background-color: var(--color-darkblue);
}

.et_pb_video_box video {
   width: 70% !important;
   height: auto !important;
}

.et_pb_video_box {
   text-align: center;
}

html .media-controls-container {
   background-color: var(--color-darkblue) !important;
}

.intro p,
.intro .et_pb_text_inner,
.intro :is(h2, h3, h4) {
   font-size: var(--fs-intro);
   line-height: var(--lh-intro);
   color: var(--color-darkblue);
   font-family: var(--family-font-text);
}

.headline-small {
   font-size: var(--fs-headline-small);
   line-height: var(--lh-headline-small);
}

.intro :is(b, strong) {
   color: var(--color-purple);
}

body #page-container .et_pb_section .et_pb_button.bricks-button,
body #page-container .et_pb_section .et_pb_button.bricks-button:hover {
   border-radius: 30px;
   border-top-right-radius: 0px;
   background-color: var(--color-purple);
   font-family: var(--family-font-text-bold);
   font-size: 14px;
   color: var(--color-white);
   text-transform: uppercase;
   padding: 10px 20px 10px 35px !important;
   /* border: 1px solid var(--color-purple); */
   border: 0px;
}

body #page-container .et_pb_section .et_pb_button.bricks-button:hover {
   background-color: #F4FAFB;
   color: var(--color-purple);
}

body #page-container .et_pb_section .et_pb_button.bricks-button::after {
   display: none;
}

body #page-container .et_pb_section .et_pb_button.bricks-button::before {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/pfeil_weiss.svg');
   background-size: 100%;
   background-repeat: no-repeat;
   display: block;
   width: 15px;
   height: 11px;
   top: calc(50% - 6px);
   opacity: 1;
   left: 45px;
}

body #page-container .et_pb_section .et_pb_button.bricks-button:hover::before {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/pfeil_purple.svg');
}

body #page-container .et_pb_section .et_pb_button.bricks-button.white-button {
   background-color: var(--color-white);
   color: var(--color-purple);
   border: none;
}

body #page-container .et_pb_section .et_pb_button.bricks-button.white-button:hover {
   background-color: var(--color-purple);
   color: var(--color-white);
}

body #page-container .et_pb_section .et_pb_button.bricks-button.white-button::before {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/pfeil_purple.svg');
}

body #page-container .et_pb_section .et_pb_button.bricks-button.white-button:hover::before {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/pfeil_weiss.svg');
}

/*no arrow Button*/
body #page-container .et_pb_section .et_pb_button.bricks-button.no-arrow::before {
   background-image: none;
}

body #page-container .et_pb_section .et_pb_button.bricks-button.no-arrow,
body #page-container .et_pb_section .et_pb_button.bricks-button.no-arrow:hover {
   padding: 10px 20px !important;
}

.et_pb_row.border-rl {
   padding-left: 100px;
   padding-right: 100px;
}


@media(max-width:980px) {

   .et_pb_row.border-rl {
      padding-left: 50px;
      padding-right: 50px;
   }


   .et_pb_row.border,
   .et_pb_column.border,
   .et_pb_row.border-top,
   .et_pb_column.border-top,
   .et_pb_row.border-bottom,
   .et_pb_column.border-bottom {
      padding: 50px;
   }

   .border-rl {
      padding-left: 50px;
      padding-right: 50px;
   }
}

/*Attention!*/
.et_pb_section.et_pb_section_0,
.single .et_pb_section.et_pb_section_0_tb_body {
   margin-top: 150px;
}

@media(max-width:980px) {

   .et_pb_section.et_pb_section_0,
   .single .et_pb_section.et_pb_section_0_tb_body {
      margin-top: 70px;
   }
}

@media(max-width:450px) {

   .et_pb_section.et_pb_section_0,
   .single .et_pb_section.et_pb_section_0_tb_body {
      margin-top: 60px;
   }
}


html {
   background-color: #f4fafb;
}

body {
   max-width: 1920px;
   margin: auto;
}

/*#region Starseite*/
.start-header {
   display: flex;
   flex-direction: column;
   justify-content: end;
   overflow: hidden;
}

.start-header .et_pb_row.start-row {
   margin-bottom: 0px;
}

html .start-header .et_pb_row.start-row .et_pb_column {
   display: flex;
   flex-direction: column;
   width: 90% !important;
   max-width: 1620px;
   margin: auto !important;
   margin-right: auto !important;
   gap: 20px;
   float: initial;
   justify-content: center;
   height: 100%;
}

.start-header .et_pb_row.start-row::after {
   background-image: url('/wp-content/themes/child-theme/assets/Linien_Weiss.svg');
   display: block;
   background-size: 100%;
   background-repeat: no-repeat;
   height: 100px;
   position: absolute;
   left: 0;
   width: 1920px;
   transition: 0s;
   bottom: 0;
   visibility: visible;
}

.header-slider {
   position: absolute;
   height: 100%;
   z-index: 0;
}

.header-slider .et_pb_column,
.header-slider .et_pb_slider,
.header-slider .et_pb_slides,
.header-slider .et_pb_slide {
   height: 100%;
}


.advantage-row h3 :is(span) {
   font-size: var(--fs-headline-small);
   line-height: var(--lh-headline-small);
   color: var(--color-purple);
}

.medium-column .et_pb_button_module_wrapper {
   max-width: 1360px;
   margin-left: auto !important;
   margin-right: 0px !important;
}

.header-half {
   overflow: hidden;
}

.header-half .et_pb_section {
   height: 530px;
}

.header-half .et_pb_row {
   height: 530px;
   width: 100%;
   max-width: 1920px;
}

.header-half::after {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/Linien_Weiss.svg');
   display: block;
   background-size: 100%;
   width: 1920px;
   height: 100px;
   visibility: visible;
   position: absolute;
   bottom: 0;
   z-index: 3;
}

.header-half .h-text {
   padding-left: 7%;
   padding-right: 3%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 55px;
}

.header-half .h-text .et_pb_image img {
   width: 100%;
   max-width: 650px;
}

.header-half .h-text .et_pb_image {
   margin: initial;
   padding-bottom: 50px;
}

body ul li.last-menu-item {
   margin-bottom: 50px !important;
}

@media(max-width:980px) {

   .header-half .et_pb_section {
      height: 300px;
   }

   .header-half .et_pb_row {
      height: 300px;
   }

   .header-half .et_pb_column_1 {
      height: 100%;
   }

   .advantage-row .et_pb_blurb_content {
      max-width: 100%;
   }

   .header-half .h-text {
      padding: 5%;
      height: 100%;

      position: absolute;
      bottom: 0;
      z-index: 4;

      overflow: hidden;

      background-color: rgba(116, 184, 199, 0.66);
   }

   .header-half .h-text .et_pb_image {
      padding-bottom: 0px;
   }



   .header-half .h-text .et_pb_image img {
      max-width: 480px;
      width: 90%;
   }

   .header-half::after {
      display: none;
   }

   .header-half .h-text::after {
      content: "";
      background-image: url('/wp-content/themes/child-theme/assets/Linien_Weiss.svg');
      display: block;
      background-size: 100%;
      width: 1920px;
      height: 50px;
      visibility: visible;
      position: absolute;
      bottom: 0;
      left: 0px;
      z-index: 3;
   }

   .header-half .h-text {
      gap: 0px;
   }

   /* html .start-header .et_pb_row .et_pb_column {
      padding-top: 30px;
   } */


}



/*#endregion Starseite*/

/*#region Footer*/

.footer-darkblue::before {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/Linien_Weiss.svg');
   display: block;
   background-size: 100%;
   width: 100%;
   height: 60px;
}

.footer-darkblue p {
   font-size: var(--fs-footer);
   font-family: var(--family-font-text);
   line-height: 24px;
}

.footer-darkblue a {
   font-size: var(--fs-footer);
   color: var(--color-white);
   text-decoration: underline;
}

.footer-lightblue .et_pb_column {
   margin: auto;
   color: var(--color-darkblue);
}

.footer-lightblue .et_pb_column:last-child a,
.footer-lightblue .et_pb_column p {
   margin: 0px 5px;
   color: var(--color-darkblue);
   font-size: var(--fs-text-small);
}

.footer-darkblue .et_pb_main_blurb_image {
   margin-bottom: 25px;
}

.et_pb_gutters2.et_pb_row .f-address {
   width: 30%;
   margin-right: 0px;
}

.et_pb_gutters2.et_pb_row .f-mail {
   margin-right: 0px;
}

.et_pb_gutters2.et_pb_row .f-phone {
   margin-right: 0px;
}

.et_pb_gutters2.et_pb_row .f-social {
   width: 10%;
   margin-right: 0px;
   display: flex;
   align-items: flex-end;
}

.footer-darkblue .et_pb_social_media_follow li {
   margin-bottom: 0px;
}

@media(max-width:980px) {
   .et_pb_gutters2.et_pb_row .et_pb_column_0_tb_footer.f-address {
      width: 100%;
   }

   .et_pb_gutters2.et_pb_row .et_pb_column_1_tb_footer.f-address,
   .et_pb_gutters2.et_pb_row .f-mail,
   .et_pb_gutters2.et_pb_row .f-phone {
      width: 33%;
   }

   .et_pb_gutters2.et_pb_row .f-social {
      width: 100%;
   }

   .footer-darkblue::before {
      background-size: 200%;
   }

}

@media(max-width:767px) {

   .footer-darkblue::before {
      background-size: 300%;
   }

}

/*#endregion Footer*/

/*#region FAQ*/
.et_pb_accordion .et_pb_toggle.et_pb_accordion_item {
   border-radius: var(--border-radius);
   border-top-right-radius: 0px;
   font-size: var(--fs-text);
   line-height: var(--lh-text);
   padding: 60px 90px;
   border: none;
}

.et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title {
   color: var(--color-white);
}

.et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--color-darkblue);
}

.et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   content: "";
   mask-image: url('/wp-content/themes/child-theme/assets/accarrow_close.svg');
   mask-repeat: no-repeat;
   display: block;
   background-size: 30px;
   width: 30px;
   height: 20px;
   transition: ease 0.3s;
   transform: rotate(0deg);
   background-color: var(--color-darkblue);
}

.et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before {
   content: "";
   mask-image: url('/wp-content/themes/child-theme/assets/accarrow_close.svg');
   mask-repeat: no-repeat;
   display: block;
   background-size: 30px;
   width: 30px;
   height: 20px;
   transition: ease 0.3s;
   transform: rotate(180deg);
   background-color: var(--color-white);
}

@media(max-width:980px) {
   .et_pb_accordion .et_pb_toggle.et_pb_accordion_item {
      padding: 30px 40px;
   }

   .et_pb_accordion .et_pb_toggle.et_pb_accordion_item h3 {
      font-size: var(--fs-headline-small);
      line-height: var(--lh-headline-small);
   }

}

.faq-bg {
   background-image: radial-gradient(circle at 50% 36%, #701e5a 1%, rgba(208, 181, 201, 0.33) 45%, rgba(255, 255, 255, 0) 50%) !important;
   animation: breathe 3s infinite ease-in-out;
}

@keyframes breathe {

   0%,
   100% {
      background-size: 100%;
      background-position: 50% 35%;
      background-image: radial-gradient(circle at 50%, #701e5a 1%, rgba(208, 181, 201, 0.33) 45%, rgba(255, 255, 255, 0) 50%) !important;
   }

   50% {
      background-size: 130%;
      background-position: 50% 15%;
      background-image: radial-gradient(circle at 50%, #701e5a 1%, rgba(208, 181, 201, 0.33) 45%, rgba(255, 255, 255, 0) 50%) !important;
   }
}

.faq-bg-support {
   background-image: radial-gradient(circle at 50% 60%, #701e5a 1%, rgba(208, 181, 201, 0.33) 55%, rgba(255, 255, 255, 0) 60%) !important;
   animation: breathe 3s infinite ease-in-out;
}

@media(max-width:767px) {
   .faq-bg-support {
      background-image: radial-gradient(circle at 50% 60%, #701e5a 1%, rgba(208, 181, 201, 0.33) 70%, rgba(255, 255, 255, 0) 80%) !important;
      animation: breathe 3s infinite ease-in-out;
   }

   .faq-bg {
      background-image: radial-gradient(circle at 50% 24%, #701e5a 1%, rgba(208, 181, 201, 0.33) 30%, rgba(255, 255, 255, 0) 64%) !important;
      animation: breathe 3s infinite ease-in-out;
   }
}

/* @keyframes breathe {

   0%,
   100% {
      background-image: radial-gradient(circle at 50% 33%, #701e5a 0%, rgba(208, 181, 201, 0.33) 44%, rgba(255, 255, 255, 0) 64%) !important;
   }

   50% {
      background-image: radial-gradient(circle at 50% 33%, #701e5a 0%, rgba(208, 181, 201, 0.33) 44%, rgba(255, 255, 255, 0) 64%) !important;
   }
} */

/*blue accordion*/
.et_pb_accordion.blue-accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close {
   background-color: var(--color-cyan);
}

.et_pb_accordion.blue-accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open {
   background-color: var(--color-lightblue);
   color: var(--color-darkblue);
}

/*Pro accordion*/
.et_pb_accordion.pro-accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close {
   background-color: var(--color-white);
}

.et_pb_accordion.pro-accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open {
   background-color: var(--color-white);
   color: var(--color-darkblue);
}

/*#endregion FAQ*/

/*#region Testimonial*/

#show-more {
   display: none;
}

.testimonial-row {
   color: var(--color-white);
}

.testimonial-row h3 :is(span) {
   font-size: var(--fs-headline-small);
   line-height: var(--lh-headline-small);
   color: var(--color-white);
}

/*üage Tedtimonial*/
.testimon-row blockquote {
   margin: 0px;
   border-left: 0px solid;
   padding-left: 0px;
   padding-bottom: 10px;
}

.testimon-row blockquote p {
   font-family: var(--family-font-headline);
   font-size: var(--fs-headline-small);
   line-height: var(--lh-headline-small);
}

.testimon-row p {
   font-size: var(--fs-text);
   line-height: var(--lh-text);
}

/*editor*/
.editor-modul {
   display: flex;
   flex-wrap: wrap;
   gap: 3%;
   row-gap: 30px;
}

.editor-text {
   width: 22%;
   background-color: var(--pro-beige);
   padding: 30px;
   position: relative;
   margin-bottom: 30px;
}

.editor-text::after {
   content: "";
   background-image: url('/wp-content/themes/child-theme/assets/pfeil_dunkelblau.svg');
   background-size: 100%;
   background-repeat: no-repeat;
   display: inline-block;
   width: 30px;
   height: 24px;

   position: absolute;
   right: -20px;
   top: calc(50% - 10px);
}

.editor-text:last-of-type::after {
   display: none;
}

@media(max-width:1280px) {
   .editor-modul {
      gap: 3%;
   }

   .editor-text {
      width: 31%;
   }
}

@media(max-width:980px) {
   .editor-modul {
      gap: 4%;
   }

   .editor-text {
      width: 48%;
   }
}

@media(max-width:767px) {
   .editor-modul {
      gap: 0%;
   }

   .editor-text {
      width: 100%;
   }

   .editor-text::after {
      content: "";
      background-image: url('/wp-content/themes/child-theme/assets/pfeil_dunkelblau.svg');
      position: absolute;
      right: calc(50% - 12px);
      top: initial;
      bottom: -15px;
      transform: rotate(90deg);
   }

}

/*#endregion Testimonial*/

/*#region Unternehmen*/
.border-programm {
   border-radius: var(--border-radius);
   border-top-right-radius: 0px;
}

.border-programm-first {
   padding: 100px;
}

.border-programm-second .et_pb_image,
.border-programm-second .et_pb_image_wrap {
   height: 100%;
}

.border-programm-second .et_pb_image_wrap img {
   height: 100%;
   object-fit: cover;
   overflow: hidden;
   border-bottom-right-radius: var(--border-radius);
}

@media(max-width:767px) {
   .border-programm-first {
      padding: 50px;
   }
}

/*#endregion Unternehmen*/

/*#region Support*/
.person a {
   color: var(--color-white);
   text-decoration: underline;
}

.person img {
   max-width: 200px;
}

.person .et_pb_image_wrap .et-waypoint::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   /* Change the color and opacity as needed */
}


.faq-row h3 {
   font-size: 9.375rem;
   line-height: 10rem;
   color: var(--color-white);
}

@media(max-width:980px) {
   .person .et_pb_blurb_content {
      display: flex;
      align-items: center;
      flex-direction: column;
   }

   .faq-row h3 {
      font-size: 5.375rem;
      line-height: 6rem;
   }
}


/*#endregio Support*/

/*#region Projekt*/
/*beige*/
.pro-beige {
   background-color: var(--pro-beige);
}

.pro-beige .intro :is(h2, h3, h4) {
   font-family: var(--family-font-headline);
   color: var(--pro-beige-text);
}

.pro-beige .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.pro-beige .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--pro-beige-text);
}

.pro-beige .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before,
.pro-beige .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   background-color: var(--pro-beige-text);
}

/*yellow*/
.pro-yellow {
   background-color: var(--pro-yellow);
}

.pro-yellow .intro :is(h2, h3, h4) {
   font-family: var(--family-font-headline);
   color: var(--pro-yellow-text);
}

.pro-yellow .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.pro-yellow .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--pro-yellow-text);
}

.pro-yellow .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before,
.pro-yellow .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   background-color: var(--pro-yellow-text);
}

/*purple*/
.pro-purple {
   background-color: var(--pro-purple);
}

.pro-purple .intro :is(h2, h3, h4) {
   font-family: var(--family-font-headline);
   color: var(--pro-purple-text);
}

.pro-purple .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.pro-purple .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--pro-purple-text);
}

.pro-purple .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before,
.pro-purple .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   background-color: var(--pro-purple-text);
}

/*green*/
.pro-green {
   background-color: var(--pro-green);
}

.pro-green .intro :is(h2, h3, h4) {
   font-family: var(--family-font-headline);
   color: var(--pro-green-text);
}

.pro-green .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.pro-green .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--pro-green-text);
}

.pro-green .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before,
.pro-green .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   background-color: var(--pro-green-text);
}

/*blue*/
.pro-blue {
   background-color: var(--pro-blue);
}

.pro-blue .intro :is(h2, h3, h4) {
   font-family: var(--family-font-headline);
   color: var(--pro-blue-text);
}

.pro-blue .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.pro-blue .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title {
   color: var(--pro-blue-text);
}

.pro-blue .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title::before,
.pro-blue .et_pb_accordion .et_pb_toggle.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before {
   background-color: var(--pro-blue-text);
}

.custom-tcolor .et_pb_module_header {
   padding-top: 40px;
}

.custom-tcolor {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   row-gap: 50px;
}

.custom-tcolor .et_pb_column_1_5 {
   width: 30% !important;
}

@media(max-width:980px) {
   .custom-tcolor {
      row-gap: 0px;
   }

   .custom-tcolor .et_pb_column_1_5 {
      width: 47% !important;
   }

}

@media(max-width:767px) {
   .custom-tcolor .et_pb_column_1_5 {
      width: 100% !important;
   }

}

.border-rl .t-brown .et_pb_module_header:before {
   content: "01";
   position: absolute;
   top: 0px;
   color: var(--color-brown);
   font-size: var(--fs-headline-small);
   line-height: var(--fs-headline-small);
}

.border-rl .t-brown .et_pb_module_header span {
   color: var(--color-brown);
}

.border-rl .t-green .et_pb_module_header:before {
   content: "02";
   position: absolute;
   top: 0px;
   color: var(--color-green);
   font-size: var(--fs-headline-small);
   line-height: var(--fs-headline-small);
}

.border-rl .t-green .et_pb_module_header span {
   color: var(--color-green);
}

.border-rl .t-purple .et_pb_module_header:before {
   content: "03";
   position: absolute;
   top: 0px;
   color: var(--color-purple);
   font-size: var(--fs-headline-small);
   line-height: var(--fs-headline-small);
}

.border-rl .t-purple .et_pb_module_header span {
   color: var(--color-purple);
}

.border-rl .t-darkgreen .et_pb_module_header:before {
   content: "04";
   position: absolute;
   top: 0px;
   color: var(--color-darkgreen);
   font-size: var(--fs-headline-small);
   line-height: var(--fs-headline-small);
}

.border-rl .t-darkgreen .et_pb_module_header span {
   color: var(--color-darkgreen);
}

.border-rl .t-blue .et_pb_module_header:before {
   content: "05";
   position: absolute;
   top: 0px;
   color: var(--color-darkblue);
   font-size: var(--fs-headline-small);
   line-height: var(--fs-headline-small);
}

.border-rl .t-blue .et_pb_module_header span {
   color: var(--color-darkblue);
}

/*#endregion Projekt*/


.sub-navigation {
   position: fixed;
   top: 0px;
   right: 0;
   left: 0;
   background-color: var(--color-lightblue);
   padding: 10px;
   width: 100%;
   max-width: 1920px;
   z-index: 3;
   display: none;
   margin: auto;
}

.scrolling-active .sub-navigation {
   top: 100px;
   display: block;
}

.sub-navigation a {
   color: var(--color-darkblue);
   margin-right: 20px;
   font-size: var(--fs-text-small);
   scroll-margin-top: 100px
}

.sn {
   max-width: 1760px;
   width: 90%;
   margin: auto;
}

.active {
   font-family: var(--family-font-text-bold);
}

@media(max-width:980px) {
   .scrolling-active .sub-navigation {
      top: 105px;
   }

   .header-half .et_pb_column.et_pb_column_empty {
      display: block;
   }

   .header-half.et_pb_section_0 {
      height: auto;
   }
}

@media(max-width:767px) {
   .scrolling-active .sub-navigation {
      top: 90px;
   }
}