:root{
  --wcfy-c-petrol:#1C7B69;
  --wcfy-c-darkpetrol:#177362:
  --wcfy-c-bordeaux:#7A1E2B;
  --wcfy-c-gold:#C8A126;
  --wcfy-c-blue:#1E3A8A;
  --wcfy-c-violet:#6D3FA3;

  --wcfy-c-bg:#F7F5F2;
  --wcfy-c-ink:#1C2A3A;
  --wcfy-c-border:rgba(28,42,58,0.14);

  --wcfy-font:"Open Sans", system-ui, sans-serif;

  --wcfy-fs-h1: clamp(2rem,1.4rem + 2.5vw,3.2rem);
  --wcfy-fs-h2: clamp(1.4rem,1.1rem + 1vw,2rem);
  --wcfy-fs-body: clamp(1rem,0.95rem + 0.3vw,1.1rem);
  --wcfy-fs-small: clamp(0.85rem,0.8rem + 0.2vw,0.95rem);

  --wcfy-s-2: clamp(1rem,0.8rem + 0.6vw,1.4rem);
  --wcfy-s-3: clamp(1.4rem,1.1rem + 1vw,2.2rem);
  --wcfy-s-4: clamp(2rem,1.5rem + 2vw,3.5rem);

  --wcfy-r:1.6rem;
	
   --wcfy-glass-wash-strong:
    linear-gradient(135deg,
      rgba(24,57,108,0.26) 0%,
      rgba(48,132,38,0.22) 35%,
      rgba(155,131,28,0.20) 70%,
      rgba(90,51,137,0.18) 100%);
}

.petrol {color:#1C7B69;}
.darkpetrol {color:#177362;}
.bordeaux {color:#7A1E2B;}
.gold {color:#C8A126;}
.blue {color:#1E3A8A;}
.violet {color:#6D3FA3;}

.petrol-bg {background-color:#1C7B69;}
.darkpetrol-bg {background-color:#177362;}
.bordeaux-bg {background-color:#7A1E2B;}
.gold-bg {background-color:#C8A126;}
.blue-bg {background-color:#1E3A8A;}
.violet-bg {background-color:#6D3FA3;}

.roundedcorners { border-radius: var(--wcfy-r-24);}


.section {margin: clamp(2rem, 4vw, 6rem) 0;}
/* =========================================================
   2) Luxus – mehr Tiefe, weicher “Ambient Shadow” + subtile Glows
   Ziel: hochwertig, weich, “teure” Tiefe
   ========================================================= */

.wcfy-shadow-lux-1{
  box-shadow:
    0 1px 1px rgba(17,17,17,0.05),
    0 18px 50px rgba(17,17,17,0.14);
}
.wcfy-shadow-lux-2{
  box-shadow:
    0 2px 3px rgba(17,17,17,0.06),
    0 24px 70px rgba(17,17,17,0.16),
    0 10px 40px rgba(24,57,108,0.10);
}
.wcfy-shadow-lux-3{
  box-shadow:
    0 2px 4px rgba(17,17,17,0.08),
    0 30px 92px rgba(17,17,17,0.18),
    0 14px 54px rgba(155,131,28,0.10);
}

 /*-------------------------------------------------------------------------------------------------- */

  /* div mit padding links rechts */
.wcfy-inner-pad{
  padding-left:  1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 991px){
  .wcfy-inner-pad{
    padding-left: 12.25rem;
    padding-right: 12.25rem;
  }
}

.wcfy-big-inner-pad{
  padding-left:  0rem;
  padding-right: 0rem;
}

@media (min-width: 991px){
  .wcfy-big-inner-pad{
    padding-left: 19.64rem;
    padding-right: 19.64rem;
  }
}

.wcfy-bigger-inner-pad{
  padding-left:  0rem;
  padding-right: 0rem;
}

@media (min-width: 991px){
  .wcfy-bigger-inner-pad{
    padding-left: 22.7rem;
    padding-right: 22.7rem;
  }
}

.wcfy-inner-pad-0{
  padding-left:  0rem;
  padding-right: 0rem;
}

@media (min-width: 991px){
  .wcfy-inner-pad-hofladen{
    padding-left: 9rem;
    padding-right: 9rem;
  }
}

/* Farbige backgrounds */
.wcfy-header-bg {
      background:
        radial-gradient(65% 85% at 16% 22%, rgba(31,143,122,0.20), transparent 60%),
        radial-gradient(60% 85% at 84% 22%, rgba(109,63,163,0.16), transparent 60%),
        radial-gradient(70% 90% at 78% 88%, rgba(30,58,138,0.14), transparent 62%),
        linear-gradient(180deg, rgba(232,220,195,0.52), rgba(247,245,242,1));
		backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
    }

.wcfy-color-bg-01 {
      background:
        radial-gradient(65% 85% at 16% 22%, rgba(31,143,122,0.20), transparent 60%),
        radial-gradient(60% 85% at 84% 22%, rgba(109,63,163,0.16), transparent 60%),
        radial-gradient(70% 90% at 78% 88%, rgba(30,58,138,0.14), transparent 62%),
        linear-gradient(180deg, rgba(232,220,195,0.52), rgba(247,245,242,1));
    }

.wcfy-color-bg-02 {
    background:
	  linear-gradient(135deg,
      rgba(24,57,108,0.26) 0%,
      rgba(48,132,38,0.22) 35%,
      rgba(155,131,28,0.20) 70%,
      rgba(90,51,137,0.18) 100%
	);
}
/* Farbige Textboxen */

.wcfy-box{
  padding:var(--wcfy-s-3);
  border-radius:var(--wcfy-r);
  color:#fff;
  position:relative;
  overflow:hidden;
}

.wcfy-box h2{
  margin-top:0;
  font-size:var(--wcfy-fs-h2);
	color: #FFFFFF;
}

.wcfy-box p {
	color: #FFFFFF;
}

.wcfy-box small{
  font-size:var(--wcfy-fs-small);
}


.wfcy-centerbox {
	display: flex;
	justify-content: center;   /* horizontal */
	align-items: center;       /* vertikal */

	border: 1px solid #ccc;
}

.wfcy-centerbox-no-border {
	display: flex;
	justify-content: center;   /* horizontal */
	align-items: center;       /* vertikal */
}
/* Farbvarianten */

.wcfy-box--petrol{
  background:linear-gradient(135deg,var(--wcfy-c-petrol),#145C52);
}
.wcfy-box--blue{
  background:linear-gradient(135deg,var(--wcfy-c-blue),#0F2553);
}
.wcfy-box--violet{
  background:linear-gradient(135deg,var(--wcfy-c-violet),#3D2164);
}
.wcfy-box--bordeaux{
  background:linear-gradient(135deg,var(--wcfy-c-bordeaux),#4E0F18);
}
.wcfy-box--gold{
  background:linear-gradient(135deg,#D8B649,var(--wcfy-c-gold));
  color:#1C2A3A;
}

.wcfy-panel--petrol {
      background:
        radial-gradient(70% 80% at 18% 20%, rgba(255,255,255,0.18), transparent 60%),
        linear-gradient(135deg, var(--wcfy-c-petrol), #124E45);
    }
.wcfy-panel--blue {
      background:
        radial-gradient(70% 80% at 18% 20%, rgba(255,255,255,0.16), transparent 60%),
        linear-gradient(135deg, var(--wcfy-c-blue), #10244F);
    }
.wcfy-panel--violet {
      background:
        radial-gradient(70% 80% at 18% 20%, rgba(255,255,255,0.16), transparent 60%),
        linear-gradient(135deg, var(--wcfy-c-violet), #3F2164);
    }
.wcfy-panel--bordeaux {
      background:
        radial-gradient(70% 80% at 18% 20%, rgba(255,255,255,0.16), transparent 60%),
        linear-gradient(135deg, var(--wcfy-c-bordeaux), #4E0D18);
    }
.wcfy-panel--gold {
      color:rgba(28,42,58,0.92);
      border:1px solid rgba(28,42,58,0.10);
      background:
        radial-gradient(70% 80% at 18% 20%, rgba(255,255,255,0.45), transparent 60%),
        linear-gradient(135deg, #D6B64A, var(--wcfy-c-gold));
      box-shadow: 0 1.25rem 3.25rem rgba(200,161,38,0.22);
    }

/* Box-Shadows */
.shadow-green-strong {
  box-shadow: 0 14px 40px rgba(48,132,38,0.38), 0 40px 120px rgba(48,132,38,0.28);
}


/* ===== Kräftige Farb-Shadows ===== */

.shadow-blue-strong{
  box-shadow:
    0 14px 40px rgba(24,57,108,0.35),
    0 40px 120px rgba(24,57,108,0.25);
}

.shadow-green-strong{
  box-shadow:
    0 14px 40px rgba(48,132,38,0.38),
    0 40px 120px rgba(48,132,38,0.28);
}

.shadow-gold-strong{
  box-shadow:
    0 14px 40px rgba(155,131,28,0.40),
    0 40px 120px rgba(155,131,28,0.30);
}

.shadow-orange-strong{
  box-shadow:
    0 14px 40px rgba(245,124,24,0.42),
    0 40px 120px rgba(245,124,24,0.30);
}

.shadow-violet-strong{
  box-shadow:
    0 14px 40px rgba(91,74,230,0.40),
    0 40px 120px rgba(91,74,230,0.28);
}

.shadow-cyan-strong{
  box-shadow:
    0 14px 40px rgba(25,167,198,0.40),
    0 40px 120px rgba(25,167,198,0.28);
}

 /*-------------------------------------------------------------------------------------------------- */
/* schatten fuer sticky-header */
/* Chrome-Fix: Shadow wird oft durch overflow hidden/clip abgeschnitten */
#header,
#header .header-body,
#header .header-container,
#header .header-row{
  overflow: visible !important;
}

/* Schatten unten – am stabilsten auf .header-body */
#header .header-body{
  box-shadow: 0 10px 24px rgba(0,0,0,0.21) !important;
  position: relative;
  z-index: 1040;
}

/* Media-Queries fuer header-row mit logo - Desktop / Mobile */
.header-logo-mobile { display: none; }
.header-logo { display: block; }

@media (max-width: 767.98px) {
.header-logo-mobile { display: block; }
.header-logo { display: none!important; }
}

.bigheaderpics {width:100%;height:auto;}

@media (min-width: 1100px) {
.bigheaderpics {width:100%;height:auto;}
}

.section-top-claim {padding: 0!important;}

/* Footer CSS */
#footer {
  background: #1C7B69!important;
  border-top: 4px solid #177362;
  font-size: 0.9rem;
  margin-top: 0px;
  padding: 0;
  position: relative;
  clear: both;
}

#footer .footer-copyright.footer-copyright-style-2 {
  background:
        radial-gradient(65% 85% at 16% 22%, rgba(31,143,122,0.20), transparent 60%),
        radial-gradient(60% 85% at 84% 22%, rgba(109,63,163,0.16), transparent 60%),
        radial-gradient(70% 90% at 78% 88%, rgba(30,58,138,0.14), transparent 62%),
        linear-gradient(180deg, rgba(232,220,195,0.52), rgba(247,245,242,1));
  border-top: 0;
  border-top-left-radius: var(--wcfy-radius-top);
  border-top-right-radius: var(--wcfy-radius-top);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#footer .footer-copyright p {
	color: #111;
	font-size: var(--wcfy-fs-1);
}
#footer a:not(.btn):not(.no-footer-css) {
  color: #FFF;
}

#footer .footer-copyright a:not(.btn):not(.no-footer-css) {
  color: #111;
}

#footer p {
	color: #FFF;
}

p {color: #111;}

.wcfy-site #footer ul, .wcfy-site #footer ol {
  margin: 0;
  padding: 0;
  line-height: var(--wcfy-lh-body);
}


@media (max-width: 767.98px) {
	.pic-distance-top {margin-top: 1.5rem;}
}

.parilogo {width: clamp(15.625rem, 20vw, 21.875rem);height:auto;}

.big-text {
    font-size: clamp(1.2rem, calc(1rem + 0.833vw), 1.8rem);
    line-height: clamp(1.55, calc(1.45 + 0.3vw), 1.88);
}

 /*-------------------------------------------------------------------------------------------------- */
/* 'scroll-to-top' ganz rechts unten*/
html .scroll-to-top {
  transition: opacity 0.3s, visibility 0.3s;
  background: #59be49;
  background-color: rgb(89, 190, 73);
  border-radius: 50% 50% 0 0;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  bottom: 0;
  right: 10px;
  position: fixed;
  z-index: 1040;
  min-width: 3.125rem;
  min-height: 2.75rem;
  padding: 1.25rem 0 1.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF !important;
  text-decoration: none;
  font-size: 1em;
  opacity: 0;
  visibility: hidden;
}

/* Sichtbar-Zustand (Porto nutzt .visible) */
html .scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
}

/* Tastatur-Fokus */
html .scroll-to-top:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

.scroll-to-top:hover,
.scroll-to-top:focus-visible {
  background-color: #057652;
  text-decoration: none!important;
}

/* =========================================================
   WCFY / DATENSCHUTZSEITE
========================================================= */

.wcfy-privacy{
	max-width: 70rem;
	margin: clamp(2rem, 3vw, 4rem) auto;
	line-height: 1.7;
}

.wcfy-privacy__header{
	margin-bottom: clamp(1.5rem,2vw,2.5rem);
}

.wcfy-privacy__section{
	margin-bottom: clamp(2rem,2.5vw,3rem);
}

.wcfy-privacy h2{
	margin-top: clamp(1.5rem,2vw,2rem);
}

.wcfy-privacy h3{
	margin-top: 1rem;
	font-size: 1.05em;
}

.wcfy-privacy__list{
	padding-left: 1.4rem;
}

.wcfy-privacy__address{
	font-style: normal;
	margin-top: 1rem;
	line-height: 1.6;
}