/***************** Variablen ********************/
:root {
  --pvn-c1: #895230; /*Braun, 137,82,48*/
  --pvn-c1-80: RGBA(137, 82, 48, 0.8);  
  --pvn-c2: #82b8ba; /*Hellblau*/
  --pvn-c2-50: RGBA(130, 184, 186, 0.5);
  --pvn-c2-80: RGBA(130, 184, 186, 0.8);
  --pvn-c3: #868e96; /*Grau*/
}

@media (min-width: 992px) {
  html::before {
	content: ' ';
	display: block;
	background-image: url(/images/praevona-baum-02-2000x1250-80.webp);
	background-position: 0 50%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	width: 100vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: -10;
  }
}

html, body {
  cursor: url(/images/praevona-icon-dot-blue.svg) 10 10, auto;
}

a:hover, .burger-icon {
  cursor: url(/images/praevona-icon-dot-brown.svg) 10 10, auto;
}

/*@media (max-width: 991.98px) {
  html::before {
    background-image: url(/images/praevona-baum-02-1000x1667-60.webp);
    background-position: 50% 50%;
  }
}*/

/******************* header *********************/
#sp-header {
  background: 0;
  box-shadow: 0 0 0 0;
  padding: 0 2.5vw 0 2vw;
}

#sp-header .logo-image {
  margin-top: 40px;
}

.sp-megamenu-wrapper {
  margin-right: 15px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
  font-weight: 400;  
}

#offcanvas-toggler.offcanvas-toggler-right {
  position: relative;
  right: 2.5vw;
  top: 10px;
  width: 30px;
}

.offcanvas-toggler .burger-icon {
  width: 30px;
}

#offcanvas-toggler .burger-icon > span {
  height: 4px;
  width: 30px;
}

@media (max-width: 991.98px) {
  .sp-megamenu-wrapper {
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  #sp-header .logo-image {
    height: 80px;
  }
}

@media (max-width: 399.98px) {
  #sp-header .logo-image {
    height: 60px;
    margin-top: 20px;
  }
}

/**************** Off-Canvas *****************/
.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li > a:focus {
  color: var(--pvn-c1) !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  opacity: 0.7;
}

.close-offcanvas {
  top: 25px;
  width: 30px;
  height: 30px;
  right: 25px;
}

/************* Elemente, Größen, Abstände + Design ****************************/
#sp-main-body .pvn-col-bg-c2 a:hover {
  color: var(--pvn-c1);
}

p:last-child {
  margin-bottom: 0;
}

.sppb-btn {
  width: 220px;
}

.pvn-ul {
  padding: 0;
  margin: 0 0 0 20px;
  list-style: none;
}

.pvn-ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 2px;
}

.pvn-ul li:before {
  content: url(/images/praevona-icon-dots-loading-white.svg);
  left: 0px;
  width: 17px;
  position: absolute;
}

#pvn-ds-ds .pvn-ul li:last-child {
  margin-bottom: 1rem;
}

.pvn-img-text {
  width: 15px;
  margin-left: 10px;
  display: inline;
}

#pvn-home-leistungen p {
  margin-left: 20px;
}

.sppb-addon-image-overlay {
  border-radius: 20px;
}

.sp-scroll-up {
  bottom: 30px; 
  right: 30px;
  width: 60px;
  height: 45px;
  line-height: 45px;
  font-size: 1.4rem;
  background: #fff;
  color: var(--pvn-c1);
  overflow: unset !important;
 }

.sp-scroll-up:hover {
  color: #fff;
  background: var(--pvn-c2);
}

#pvn-ds-ds h3 {
  margin-top: 3rem;
}
#pvn-ds-ds .ds-zwischen-hl-klein {
  margin-top: 2rem;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  .pvn-trennung {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

@media (max-width: 575.98px) {
  .pvn-ul {
    margin: 0 0 0 10px;
  }
}

@media (max-width: 339.98px) {
  .pvn-d-from340 {
    display: none;
  }
}

/**************** Formulare *****************/
.sppb-addon-form-builder .sppb-form-check, .sppb-addon-form-builder .sppb-form-check-label {
  max-width: 99%;
}

.sppb-form-group:not(#sp-footer .sppb-form-group) {
  margin-bottom: 30px;
}

.sppb-form-group label:not(#sp-footer label) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sppb-form-group select:not(.form-select):not(.form-control), .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-form-group textarea {
  padding: 0.5rem 20px !important;
}

.sppb-addon-form-builder select:not(.form-select):not(.form-control) {
  color: var(--pvn-c3);
}

.sppb-addon-form-builder .sppb-form-check-label:before {
  border: 1px solid var(--pvn-c2);
  border-radius: 50% !important;
}

.sppb-ajax-contact-status {
  margin: 30px auto 20px 30px !important;
}

.sppb-text-success, .sppb-text-danger {
  font-weight: 400 !important;
  font-style: normal;
  color: #fff !important;
}

.sppb-addon-optin-forms {
  padding: 0;
}
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
  padding: 0 0 20px;
}

#sp-footer .sppb-form-check {
	margin-left: -15px;
}

.sppb-optin-form-status {
  margin-top: 30px;
}

/*@media (max-width: 399.98px) {
  .sppb-form-group:not(.sppb-form-builder-field-0, .sppb-form-builder-field-1, .sppb-form-builder-field-2, .sppb-form-builder-field-3, .sppb-form-builder-field-4, .sppb-form-builder-field-5) label {
  position: relative !important;
  overflow: visible;
  }
}*/


/****************** Sections *****************/
#pvn-home-hero {
  min-height: 800px;
}

.pvn-sec-content {
  padding: 60px 0;
}

.pvn-col-bg-c1 {
  background: var(--pvn-c1-80);
}

.pvn-col-bg-c2 {
  background: var(--pvn-c2-80);
}

@media (max-width: 575.98px) {
  #pvn-home-hero {
    min-height: 670px;
  }
  .pvn-sec-content {
    padding: 30px 0;
  }
}

/****************** Footer *****************/
#sp-footer {
  margin-top: 200px;
  padding: 0 7.5vw;
  background: rgba(137, 82, 48, 0.8);
}

#sp-footer .pvn-ul li:before {
  top: 2px;
  width: 15px;
}

#sp-footer .pvn-icon-kontakt h4 {
  font-size: 0.8rem;
  margin-bottom: 0;
}

#sp-footer .pvn-icon-kontakt a {
  color: var(--pvn-c1);
}

#sp-footer .pvn-icon-kontakt a:hover {
  color: var(--pvn-c2);
}

#pvn-footer-icons {
  position: fixed;
  top: 30%;
  left: 0;
}

.addon-root-feature {
  transition: opacity 0.5s ease, visibility 0.5s;
}

.addon-root-feature.pvn-hidden {
  opacity: 0;
  visibility: hidden; /* Verhindert Klicks auf das unsichtbare Element */
  pointer-events: none; /* Verhindert, dass man Dinge anklickt, die unsichtbar sind */
}

@media (max-width: 991.98px) {
  #pvn-footer-icons {
    top: 25%;
  }
}


/**************** Fonts *********************/
/* varela-round-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/varela-round-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/varela-round-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


body, .sp-megamenu-parent > li > a, #sp-footer, .menu.nav-pills > li > a {
  font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4 {
  font-family: 'Varela Round', sans-serif !important;
}

h2, h3, .sp-megamenu-parent > li > a {
  text-transform: uppercase;
}

.sppb-btn {
  font-weight: 500;
}

@media (max-width: 575.98px) {
  body, p, .sppb-btn, .sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-addon-form-builder-form .sppb-form-group textarea {
	font-size: 1.3rem !important;
  }
  h1 {
    font-size: 3.25rem !important;
  }
  h2 {
    font-size: 1.7rem !important;
  }
  #sp-footer p {
    font-size: 1rem !important;
  }
}

@media (max-width: 399.98px) {
  body, p, .sppb-btn, .sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-addon-form-builder-form .sppb-form-group textarea {
    font-size: 1.15rem !important;
  }
  h1 {
    font-size: 2.75rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  h3 {
    font-size: 1.35rem !important;
  }
}

@media (max-width: 349.98px) {
  body, p, .sppb-btn, .sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-addon-form-builder-form .sppb-form-group textarea {
    font-size: 1rem !important;
  }
  h1 {
    font-size: 2.5rem !important;
  }
  h2 {
    font-size: 1.25rem !important;
  }
  h3 {
    font-size: 1.15rem !important;
  }
}