@charset "UTF-8";
/*
Theme Name: incluvo
Author: STUDIOHORN
Author URI: https://studio-horn.de
Description: Das globale incluvo Theme
[...]
Template: twentytwentyfive
[...]
*/
/*== General SCSS ==*/
/*== General ==*/
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter18pt-Light.eot") format("embedded-opentype");
  src: url("assets/fonts/Inter18pt-Light.woff") format("woff"), url("assets/fonts/Inter18pt-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter18pt-Regular.eot") format("embedded-opentype");
  src: url("assets/fonts/Inter18pt-Regular.woff") format("woff"), url("assets/fonts/Inter18pt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter18pt-Italic.eot") format("embedded-opentype");
  src: url("assets/fonts/Inter18pt-Italic.woff") format("woff"), url("assets/fonts/Inter18pt-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter18pt-Medium.eot") format("embedded-opentype");
  src: url("assets/fonts/Inter18pt-Medium.woff") format("woff"), url("assets/fonts/Inter18pt-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter18pt-Bold.eot") format("embedded-opentype");
  src: url("assets/fonts/Inter18pt-Bold.woff") format("woff"), url("assets/fonts/Inter18pt-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
main {
  margin-top: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  letter-spacing: unset !important;
}
p, a, li, div {
  font-family: "Inter", sans-serif !important;
  letter-spacing: unset !important;
  -webkit-hyphens: auto;
}
strong {
  font-weight: 700 !important;
}
h1 {
  font-size: var(--fs-h1);
}
h2 {
  font-size: var(--fs-h2);
}
h3 {
  font-size: var(--fs-h3);
}
h4 {
  font-size: var(--fs-h4);
}
h5 {
  font-size: var(--fs-h5);
}
figcaption {
  font-size: 16px !important;
}
:root {
  --primary: #2F6673;
  --secondary: #50A68E;
  --tertiary: #F2B28D;
  --light: #D5E1EA;
  /* Bitte Schriftgrößen nun in diesem Format anlegen */
  --fs-h1: clamp(33.419px, 2.089rem + ((1vw - 3.2px) * 2.077), 60px);
  --fs-h2: clamp(24.034px, 1.502rem + ((1vw - 3.2px) * 1.247), 40px);
  --fs-h3: clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 0.863), 30px);
  --fs-h4: clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.68), 25px);
  --fs-p-small: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);
  --fs-p: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);
  --fs-p-big: clamp(16.293px, 1.018rem + ((1vw - 3.2px) * 0.68), 25px);
}
/* Hiermit können die responsive Spacings von Wordpress angepasst werden

@media(max-width: 1200px) {
  body {
    --wp--preset--spacing--10: 1rem !important;
    --wp--preset--spacing--30: min(1.5rem, 2.0vw) !important;
    --wp--preset--spacing--40: min(2rem, 3vw) !important;
    --wp--preset--spacing--50: min(4.5rem, 6vw) !important;
    --wp--preset--spacing--60: min(6.5rem, 8vw) !important;
  }
} */
.responsive-padding-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
@media (min-width: 768px) {
  .responsive-padding-x {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .responsive-padding-x {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}
.img-w-100 img {
  width: 100% !important;
}
.wp-block-group, .wp-block-cover {
  box-sizing: border-box;
  scroll-margin-top: 150px;
}
.wp-block-cover {
  overflow: hidden;
}
.fw-blod {
  font-weight: 700 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-regular {
  font-weight: 500 !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.wp-block-button .wp-block-button__link {
  transition: 0.25s;
}
.wp-block-button .wp-block-button__link:hover {
  transform: scale(1.05);
  text-decoration: underline;
}
.wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 100vw;
  overflow: hidden;
}
.hyphens-auto {
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}
.wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align="full"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: unset;
}
.border-primary {
  border-color: var(--primary) !important;
}
.border-secondary {
  border-color: var(--secondary) !important;
}
.entry-content {
  margin-top: 0 !important;
}
@media (max-width: 992px) {
  .center-animated-text-group .spacer-10vw {
    height: 20vw !important;
  }
  .center-animated-text-group .spacer-18vw {
    height: 30vw !important;
  }
}
.mw-unset {
  max-width: unset;
}
.mw-unset img {
  max-width: unset;
}
.wp-block-button__link.has-primary-color {
  transition: 0.25s;
}
.wp-block-button__link.has-primary-color:hover {
  background-color: var(--primary) !important;
  color: white !important;
  border-color: var(--primary) !important;
}
/*== Layout ==*/
table td {
  padding: 0.75em !important;
}
table * {
  font-size: var(--fs-p);
}
@media (max-width: 781px) {
  .flex-direction-alternate {
    flex-direction: column-reverse !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .faq-container .accordions {
    z-index: 2;
    position: relative;
  }
  .faq-container .faq-pseudo {
    position: absolute;
    opacity: 0.25;
    bottom: 25px;
    right: 25px;
    width: 45vw;
  }
}
/*== Layout END ==*/
/*== z-index Styling ==*/
.z-99 {
  z-index: 99 !important;
  position: relative;
}
.z-98 {
  z-index: 98 !important;
  position: relative;
}
.z-97 {
  z-index: 97 !important;
  position: relative;
}
.z-96 {
  z-index: 96 !important;
  position: relative;
}
.z-95 {
  z-index: 95 !important;
  position: relative;
}
.z-94 {
  z-index: 94 !important;
  position: relative;
}
/*== WPForms Styling ==*/
.wpforms-container input, .wpforms-container textarea {
  border-color: transparent !important;
  border-radius: 5px !important;
}
.wpforms-container legend, .wpforms-container label {
  color: var(--primary) !important;
}
.wpforms-container button {
  padding: 15px 25px !important;
  border-radius: 50px !important;
  border: solid 1px var(--primary) !important;
  background-color: var(--primary) !important;
  color: white !important;
  font-weight: 700 !important;
  transition: 0.25s;
  font-size: 20px !important;
  height: unset !important;
}
.wpforms-container button:hover {
  transform: scale(1.1);
}
/*== WPForms Styling END ==*/
.grecaptcha-badge {
  opacity: 0 !important;
}
/*== General END ==*/
/*== Navigation ==*/
/*== Navigation END ==*/
/*== Header ==*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.25s;
}
header.header--scrolled {
  background-color: white;
}
/*== Header END ==*/
/*== Footer ==*/
footer {
  margin-top: 0 !important;
}
/*== Footer END ==*/
/*== Site specific SCSS ==*/
/*== content ==*/
.hero {
  overflow: visible;
}
.hero .wp-block-cover__inner-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: end;
}
.hero .wp-block-cover__inner-container .hero-container .wp-block-image {
  margin-bottom: -13vw;
  width: 50vw;
  height: auto;
}
.hero .wp-block-cover__inner-container .hero-container .wp-block-image img {
  width: auto !important;
}
@media (max-width: 1200px) {
  .hero .wp-block-cover__inner-container .hero-container .wp-block-image {
    margin-bottom: -50px;
    width: 400px;
    height: auto;
    position: absolute;
    opacity: 0.5;
    right: var(--wp--preset--spacing--40);
  }
  .hero .wp-block-cover__inner-container .hero-container .wp-block-image img {
    width: auto !important;
  }
  .hero .wp-block-cover__inner-container .hero-container .wp-block-group {
    z-index: 2;
  }
}
@media (max-width: 992px) {
  .hero .wp-block-cover__inner-container .hero-container .wp-block-image {
    width: 250px;
  }
}
@media (max-width: 768px) {
  .hero .wp-block-cover__inner-container .hero-container .wp-block-image {
    width: 250px;
    margin-bottom: 350px;
  }
}
.intro-section p.has-light-background-color {
  padding: 0.75rem 1rem !important;
  width: fit-content;
  margin-left: 0 !important;
}
.faq-container .faq-columns .wp-block-group:nth-child(1) {
  max-width: 899px;
  width: 100%;
}
.faq-container .wp-block-advgb-accordions {
  width: 100%;
}
.faq-container .wp-block-advgb-accordions .wp-block-advgb-accordion-item {
  margin-bottom: 10px !important;
  border-top: solid 1px var(--primary);
}
.faq-container .wp-block-advgb-accordions .wp-block-advgb-accordion-item .advgb-accordion-header {
  background-color: transparent !important;
  border: none !important;
}
.faq-container .wp-block-advgb-accordions .wp-block-advgb-accordion-item .advgb-accordion-body {
  border: none !important;
  border-color: transparent !important;
}
.kontaktformular {
  position: relative;
}
.kontaktformular:after {
  content: "";
  position: absolute;
  width: 35vw;
  height: 35vw;
  background-image: url("assets/img/Pseudo.svg");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
}
.kontaktformular .wpforms-container {
  z-index: 2;
  position: relative;
}
.vorab-check .wpforms-container input, .vorab-check .wpforms-container textarea {
  border-color: transparent !important;
  border-radius: 5px !important;
  background-color: #f2f2f2 !important;
}
.vorab-check .wpforms-container legend, .vorab-check .wpforms-container label {
  color: var(--primary) !important;
}
.vorab-check .wpforms-container .wpforms-submit-container {
  display: flex;
}
.vorab-check .wpforms-container button {
  margin: auto;
  padding: 15px 25px !important;
  border-radius: 50px !important;
  border: none !important;
  background-color: var(--tertiary) !important;
  color: var(--primary) !important;
  font-weight: 700 !important;
  transition: 0.25s;
  font-size: 20px !important;
  height: unset !important;
}
.vorab-check .wpforms-container button:hover {
  transform: scale(1.1);
}
.legal-header {
  width: 100%;
}
.facts-single .wp-block-image img {
  min-width: 75px;
}
.facts-grid .wp-block-image img {
  min-width: 35px;
}
@media (max-width: 992px) {
  .about-section {
    margin-bottom: -175px !important;
  }
}
@media (max-width: 576px) {
  .about-section {
    margin-bottom: -100px !important;
  }
}
/*== content END ==*/
/* Accessibility Chekcer */
.ac-check-block .ac-input-url {
  padding: 0.75rem;
  font-size: var(--wpforms-field-size-font-size);
  border: solid 1px var(--cmplz_button_accept_text_color);
  border-radius: 50px;
}
.ac-check-block .ac-run-button {
  font-size: var(--wp--preset--font-size--fs-p);
  font-style: normal;
  font-weight: 500;
  padding-top: 0.75rem;
  padding-right: var(--wp--preset--spacing--30);
  padding-bottom: 0.75rem;
  padding-left: var(--wp--preset--spacing--30);
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
  border-radius: 50px;
  transition: 0.25s;
}
.ac-check-block .ac-run-button:hover {
  transform: scale(1.05);
  text-decoration: underline !important;
}
.ac-check-block .audit-cta {
  font-size: var(--wp--preset--font-size--fs-p);
  font-style: normal;
  font-weight: 500;
  padding-top: 0.75rem;
  padding-right: var(--wp--preset--spacing--30);
  padding-bottom: 0.75rem;
  padding-left: var(--wp--preset--spacing--30);
  background-color: var(--tertiary);
  color: var(--primary);
  border-radius: 50px;
  transition: 0.25s;
  width: fit-content;
  text-decoration: none;
  font-weight: 700 !important;
}
.ac-check-block .audit-cta:hover {
  transform: scale(1.05);
  text-decoration: underline !important;
}
.ac-check-block .accordion--result {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px;
  padding: 0;
  margin: 2rem auto;
}
.ac-check-block .accordion__header h4 {
  font-size: var(--fs-p-big) !important;
}
/* Accessibility Chekcer END */
/*== Blog Stying ==*/
/*== Module specific SCSS ==*/