/* ===== GLOBAL MOBILE FIX ===== */

*{
box-sizing:border-box;
}

html, body{
overflow-x:hidden;
width:100%;
}

img{
max-width:100%;
height:auto;
display:block;
}

section{
padding-left:20px !important;
padding-right:20px !important;
}















/* GLOBAL CONTAINER */

.pf-container,
.pf-proof-container,
.pf-footer-inner{
max-width:1200px;
width:100%;
margin:0 auto;
}











:root{
  --bg:#070707;
  --surface:#111111;
  --border:#1c1c1c;
  --text:#eaeaea;
  --muted:#777;
  --accent:#c6a96f;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

/* ================= HEADER ================= */

.pf-header{
  position:fixed;
  width:100%;
  padding:25px 60px;
  backdrop-filter:blur(10px);
  z-index:1000;
}

.pf-header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.pf-logo{
  letter-spacing:5px;
  font-size:14px;
}

.pf-nav a{
  margin-left:40px;
  text-decoration:none;
  color:var(--muted);
  font-size:13px;
  letter-spacing:2px;
  transition:.3s;
}

.pf-nav a:hover{
  color:var(--text);
}

.pf-contact-btn{
  border:1px solid var(--border);
  padding:8px 18px;
}

/* ================= HERO ================= */

.pf-hero{
    min-height: 100vh;
padding-top: 120px;
padding-bottom: 60px;
display:flex;
align-items:center;
    background:radial-gradient(circle at 70% 30%, rgba(198,169,111,0.08), transparent 60%),
               linear-gradient(180deg,#0b0b0b,#111111);
}

.pf-hero-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    width:100%;
    align-items:center;
    gap:100px;
}

/* LEFT */

.pf-accent-line{
    width:120px;
    height:3px;
    background:linear-gradient(90deg,#e7d3a1,#c6a96f,#8f7645);
    margin-bottom:40px;
}

.pf-hero-left h1{
    font-size:72px;
    line-height:1.05;
    font-weight:600;
    background:linear-gradient(90deg,#f5e6c8,#c6a96f,#8f7645);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.pf-hero-left p{
    margin-top:35px;
    font-size:20px;
    color:#aaa;
    max-width:650px;
    line-height:1.6;
}

/* BUTTON */

.pf-hero-btn{
  display:inline-block;
  margin-top:30px;
  padding:14px 28px;
  border:1px solid #d4b36a;
  color:#d4b36a;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  transition:all .25s ease;
}

.pf-hero-btn:hover{
  background:#d4b36a;
  color:#0b0b0b;
}

/* RIGHT VISUAL */

.pf-visual-wrapper{
    position:relative;
    width:100%;
    max-width:420px;
    aspect-ratio:1 / 1;
}

.pf-visual-core{
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid rgba(198,169,111,0.4);
}

.pf-visual-outline{
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid rgba(198,169,111,0.15);
    transform:translate(25px,25px);
}

.pf-visual-grid{
    position:absolute;
    width:100%;
    height:100%;
    background-image:
        linear-gradient(rgba(198,169,111,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(198,169,111,0.05) 1px, transparent 1px);
    background-size:40px 40px;
}

/* ================= FOOTER ================= */

.pf-footer{
  padding:80px;
  border-top:1px solid var(--border);
  text-align:center;
  color:var(--muted);
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px){

.pf-hero-grid{
    grid-template-columns:1fr;
    gap:60px;
}

.pf-hero-left h1{
    font-size:42px;
}

.pf-visual-wrapper{
    height:300px;
}

}













/* ========================= */
/* SERVICES FINAL CLEAN */
/* ========================= */

.pf-services-section{
min-height:100vh;
padding:160px 60px 120px 60px;
display:flex;
justify-content:center;
}

.pf-services-container{
max-width:1100px;
width:100%;
text-align:center;
}

.pf-services-container h1{
font-size:42px;
margin-bottom:20px;
}

.pf-services-container p{
color:#888;
margin-bottom:60px;
}


/* GRID */

.pf-services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}


/* CARD */

.pf-service-card{
background:#111;
border:1px solid #1c1c1c;
border-radius:14px;
padding:26px;
cursor:pointer;
transition:.25s;
text-align:left;
min-height:90px;
}

.pf-service-card:hover{
border-color:#c6a96f;
transform:translateY(-3px);
}

.pf-service-card.active{
border-color:#c6a96f;
background:#161616;
}


/* HEADER */

.pf-service-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.pf-title{
font-size:15px;
}


/* SELECTED */

.pf-selected-indicator{
font-size:11px;
color:#c6a96f;
opacity:0;
}

.pf-service-card.active .pf-selected-indicator{
opacity:1;
}


/* DETAILS */

.pf-service-details{
display:none;
margin-top:15px;
font-size:13px;
color:#aaa;
line-height:1.6;
white-space:pre-line;
}

.pf-service-card.expanded .pf-service-details{
display:block;
}


/* BUTTON */

.pf-btn-wrapper{
margin-top:40px;
padding-top:20px;
}



.pf-services-grid{
margin-bottom:30px;
}


.pf-btn-wrapper{
margin-top:50px;
padding-top:25px;
border-top:1px solid rgba(198,169,111,0.15);
}



.pf-services-btn{
padding:16px 46px;
border:1px solid #c6a96f;
background:transparent;
color:#fff;
letter-spacing:2px;
border-radius:1px;
transition:.3s;
}

.pf-services-btn:hover{
background:#c6a96f;
color:#000;
}

.pf-services-btn:disabled{
opacity:0.3;
cursor:not-allowed;
}







/* SERVICES SIMPLE SYSTEM */

.pf-services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.pf-service-card{
background:#111;
border:1px solid #1c1c1c;
border-radius:14px;
padding:22px;
cursor:pointer;
transition:.25s;
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px;
}

.pf-service-card:hover{
border-color:#c6a96f;
transform:translateY(-2px);
}

.pf-service-card.active{
border-color:#c6a96f;
background:#161616;
}

.pf-service-card span{
opacity:0;
color:#c6a96f;
font-size:12px;
}

.pf-service-card.active span{
opacity:1;
}







.pf-services-btn{
display:inline-block;
padding:16px 46px;
border:1px solid #c6a96f;
background:transparent;
color:#fff;
letter-spacing:2px;
border-radius:1px;
transition:.3s;
text-decoration:none;
text-align:center;
}

.pf-services-btn:hover{
background:#c6a96f;
color:#000;
}





.pf-services-btn.disabled{
opacity:0.3;
pointer-events:none;
cursor:not-allowed;
}










/* ============================= */
/* TRUST SECTION */
/* ============================= */

.pf-trust{
  padding:160px 60px;
  background:linear-gradient(180deg,#0b0b0b,#090909);
}

.pf-trust-container{
  max-width:1200px;
  margin:auto;
}

.pf-trust-header{
  text-align:center;
  margin-bottom:80px;
}

.pf-trust-header h2{
  font-size:32px;
  margin-bottom:15px;
  letter-spacing:1px;
}

.pf-trust-header p{
  color:#777;
  font-size:14px;
  letter-spacing:1px;
}


/* GRID */

.pf-trust-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}


/* CARDS */

.pf-trust-card{
  background:#0f0f0f;
  border:1px solid rgba(212,179,106,0.15);
  padding:40px;
  transition:.3s;
  position:relative;
}

.pf-trust-card:hover{
  border-color:#d4b36a;
  transform:translateY(-5px);
}


/* GOLD LINE */

.pf-trust-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:2px;
  background:linear-gradient(90deg,#d4b36a,transparent);
}


/* TEXT */

.pf-trust-card h3{
  font-size:18px;
  margin-bottom:12px;
}

.pf-trust-card p{
  font-size:14px;
  color:#888;
  line-height:1.6;
}


/* RESPONSIVE */

@media(max-width:900px){

.pf-trust-grid{
  grid-template-columns:1fr;
}

.pf-trust{
  padding:120px 30px;
}

}













/* ============================= */
/* PROCESS / WIE WIR ARBEITEN */
/* ============================= */

.pf-process{
  padding:180px 60px;
  background:#060606;
}

.pf-process-container{
  max-width:1200px;
  margin:auto;
}

.pf-process-header{
  text-align:center;
  margin-bottom:100px;
}

.pf-process-header h2{
  font-size:32px;
  margin-bottom:15px;
}

.pf-process-header p{
  color:#777;
  font-size:14px;
}


/* GRID */

.pf-process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}


/* STEP */

.pf-process-step{
  position:relative;
  padding:40px;
  background:#0d0d0d;
  border:1px solid rgba(212,179,106,0.12);
  transition:.3s;
}

.pf-process-step:hover{
  border-color:#d4b36a;
  transform:translateY(-6px);
}


/* NUMBER */

.pf-step-number{
  font-size:14px;
  color:#d4b36a;
  margin-bottom:20px;
  letter-spacing:2px;
}


/* TITLE */

.pf-process-step h3{
  font-size:18px;
  margin-bottom:15px;
}


/* DESC */

.pf-step-desc{
  font-size:14px;
  color:#aaa;
  margin-bottom:20px;
  line-height:1.6;
}


/* LIST */

.pf-step-list{
  font-size:13px;
  color:#888;
  line-height:1.8;
  margin-bottom:20px;
}


/* NOTE */

.pf-step-note{
  font-size:12px;
  color:#666;
  display:block;
}


/* RESPONSIVE */

@media(max-width:1000px){

.pf-process-grid{
  grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.pf-process-grid{
  grid-template-columns:1fr;
}

.pf-process{
  padding:120px 30px;
}

}












.pf-form-wrapper{
margin-top:40px;
display:flex;
flex-direction:column;
gap:15px;
}

.pf-input{
padding:14px;
background:#111;
border:1px solid #1c1c1c;
color:#fff;
border-radius:6px;
outline:none;
}

.pf-input:focus{
border-color:#c6a96f;
}


















/* SELECTED SERVICES BOX */

.pf-selected-services{
margin-bottom:40px;
display:flex;
flex-direction:column;
gap:20px;
}

.pf-selected-box{
background:#111;
border:1px solid #1c1c1c;
padding:20px;
border-radius:10px;
}

.pf-selected-box h3{
margin-bottom:10px;
font-size:16px;
}

.pf-selected-box p{
font-size:13px;
color:#aaa;
line-height:1.6;
white-space:pre-line;
}


/* FORM */

.pf-form-wrapper{
display:flex;
flex-direction:column;
gap:15px;
}

.pf-form-row{
display:flex;
gap:15px;
}

.pf-input{
flex:1;
padding:14px;
background:#111;
border:1px solid #1c1c1c;
color:#fff;
border-radius:6px;
outline:none;
}

.pf-input:focus{
border-color:#c6a96f;
}










.pf-field{
display:flex;
flex-direction:column;
flex:1;
}

.pf-field label{
font-size:13px;
margin-bottom:6px;
color:#aaa;
}

.pf-field span{
color:#c6a96f;
}

/* ERROR STATE */

.pf-input.error{
border-color:#ff4d4d;
}

.pf-error-text{
color:#ff4d4d;
font-size:12px;
margin-top:4px;
display:none;
}

.pf-field.error .pf-error-text{
display:block;
}









.pf-visual-logo{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
opacity:0.8;
pointer-events:none;
}

































/* ============================= */
/* FAQ CLEAN */
/* ============================= */

.pf-faq{
  padding:160px 60px;
  background:#050505;
}

.pf-faq-container{
  max-width:900px;
  margin:auto;
}

.pf-faq-top{
  text-align:center;
  margin-bottom:70px;
}

.pf-faq-top h2{
  font-size:32px;
  margin-bottom:10px;
}

.pf-faq-top p{
  color:#777;
  font-size:14px;
}

/* LIST */

.pf-faq-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* ITEM */

.pf-faq-item{
  border:1px solid rgba(212,179,106,0.15);
  padding:20px 24px;
  background:#0b0b0b;
  cursor:pointer;
  transition:.25s;
}

.pf-faq-item:hover{
  border-color:#d4b36a;
}

/* HEADER */

.pf-faq-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:15px;
}

/* ICON */

.pf-faq-icon{
  color:#d4b36a;
  font-size:18px;
  transition:.25s;
}

/* ANSWER */

.pf-faq-answer{
  display:none;
  margin-top:15px;
  font-size:14px;
  color:#888;
  line-height:1.6;
  white-space:pre-line;
}

/* ACTIVE */

.pf-faq-item.active .pf-faq-answer{
  display:block;
}

.pf-faq-item.active .pf-faq-icon{
  transform:rotate(180deg);
}


















/* ============================= */
/* CTA HIGH CONVERSION */
/* ============================= */

.pf-cta{
  padding:200px 60px;
  background:
    radial-gradient(circle at 50% 20%, rgba(198,169,111,0.08), transparent 60%),
    linear-gradient(180deg,#0b0b0b,#050505);
  text-align:center;
  position:relative;
}

.pf-cta-container{
  max-width:900px;
  margin:auto;
}

.pf-cta h2{
  font-size:42px;
  margin-bottom:20px;

  background:linear-gradient(90deg,#f5e6c8,#c6a96f,#8f7645);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.pf-cta-sub{
  color:#aaa;
  font-size:16px;
  margin-bottom:60px;
}

/* STATS GRID */

.pf-cta-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-bottom:50px;
}



@media(max-width:768px){

.pf-cta-stats{
grid-template-columns:1fr;
gap:15px;
}

}







.pf-stat{
  padding:25px;
  border:1px solid rgba(212,179,106,0.15);
  background:#0d0d0d;
  transition:.3s;
}

.pf-stat:hover{
  border-color:#d4b36a;
  transform:translateY(-5px);
}

.pf-stat-number{
  display:block;
  font-size:26px;
  color:#d4b36a;
  margin-bottom:8px;
}

.pf-stat-text{
  font-size:13px;
  color:#777;
}

/* HIGHLIGHT */

.pf-cta-highlight{
  font-size:20px;
  color:#d4b36a;
  margin-bottom:30px;
}

/* TEXT */

.pf-cta-desc{
  font-size:15px;
  color:#888;
  line-height:1.7;
  max-width:700px;
  margin:0 auto 60px auto;
}

/* BUTTON (STRONG) */

.pf-cta-btn{
  display:inline-block;
  padding:20px 60px;
  border:1px solid #d4b36a;
  color:#d4b36a;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:14px;
  transition:.3s;
  position:relative;
  overflow:hidden;
}

/* GLOW EFFECT */

.pf-cta-btn::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(212,179,106,0.3),transparent);
  left:-100%;
  top:0;
  transition:.5s;
}

.pf-cta-btn:hover::before{
  left:100%;
}

.pf-cta-btn:hover{
  background:#d4b36a;
  color:#000;
  transform:translateY(-3px);
}


























/* ============================= */
/* CALENDAR */
/* ============================= */

.pf-calendar{
padding:160px 60px;
text-align:center;
}

.pf-calendar-container{
max-width:900px;
margin:auto;
}

.pf-calendar-controls{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin:40px 0;
}

.pf-calendar-controls button{
background:none;
border:1px solid #333;
color:#fff;
padding:6px 12px;
cursor:pointer;
}

.pf-calendar-grid{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:10px;
}

.pf-day{
background:#0d0d0d;
border:1px solid #1c1c1c;
padding:12px;
font-size:13px;
position:relative;
}

.pf-day span{
position:absolute;
bottom:6px;
right:6px;
}

/* DOTS */

.dot{
width:10px;
height:10px;
border-radius:50%;
display:inline-block;
}

.green{ background:#4dff9a; }
.yellow{ background:#ffd24d; }
.red{ background:#ff4d4d; }

/* LEGEND */

.pf-legend{
margin-top:40px;
display:flex;
justify-content:center;
gap:30px;
font-size:13px;
color:#aaa;
}






















































/* ============================= */
/* PARTNER */
/* ============================= */

.pf-partners{
margin:120px auto;
max-width:900px;
text-align:center;
padding:0 20px;
}

.pf-partners h2{
font-size:28px;
margin-bottom:10px;
}

.pf-partner-sub{
color:#888;
font-size:14px;
margin-bottom:40px;
}

.pf-partner-list{
display:flex;
flex-direction:column;
gap:20px;
}

.pf-partner-card{
display:flex;
align-items:center;
gap:20px;
padding:20px;
border:1px solid rgba(198,169,111,0.2);
border-radius:10px;
background:#0d0d0d;
transition:all 0.3s ease;
text-decoration:none;
color:inherit;
cursor:pointer;
}

/* HOVER */
.pf-partner-card:hover{
border-color:#c6a96f;
transform:translateY(-2px);
box-shadow:0 0 20px rgba(198,169,111,0.15);
}

.pf-partner-card img{
width:50px;
height:50px;
object-fit:contain;
}

/* BLOCKWISE GRÖSSER */
.pf-partner-big img{
width:70px;
height:70px;
}

.pf-partner-card h3{
font-size:16px;
margin-bottom:5px;
}

.pf-partner-card p{
font-size:13px;
color:#aaa;
}







/* ================= CONTACT ================= */

.pf-contact{
min-height:100vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 70% 30%, rgba(198,169,111,0.08), transparent 60%),
linear-gradient(180deg,#0b0b0b,#111111);
}

/* BOX */

.pf-contact-box{
text-align:center;
padding:60px 80px;
border:1px solid rgba(198,169,111,0.25);
border-radius:16px;
cursor:pointer;
transition:.3s;
}

.pf-contact-box:hover{
border-color:#c6a96f;
transform:translateY(-3px);
}

/* TEXT */

.pf-contact-label{
font-size:12px;
color:#777;
margin-bottom:10px;
letter-spacing:2px;
}

.pf-contact-email{
font-size:28px;
margin-bottom:10px;
}

.pf-contact-action{
font-size:12px;
color:#c6a96f;
opacity:0.7;
}

/* TOAST */

.pf-toast{
position:fixed;
bottom:40px;
left:50%;
transform:translateX(-50%) translateY(20px);
background:#c6a96f;
color:#000;
padding:10px 20px;
border-radius:6px;
font-size:13px;
opacity:0;
transition:.3s;
}

.pf-toast.active{
opacity:1;
transform:translateX(-50%) translateY(0);
}



.pf-contact-box{
margin-top:80px;
}





/* ================= FOOTER LINKS ================= */

.pf-footer-links{
margin-top:20px;
display:flex;
justify-content:center;
gap:30px;
}

.pf-footer-links a{
font-size:12px;
letter-spacing:1px;
color:#777;
text-decoration:none;
transition:.25s;
}

.pf-footer-links a:hover{
color:#c6a96f;
}















/* ================= LEGAL PAGES ================= */

.pf-legal-section{
min-height:100vh;
padding:160px 20px 100px;
display:flex;
justify-content:center;

background:radial-gradient(circle at 70% 30%, rgba(198,169,111,0.08), transparent 60%),
           linear-gradient(180deg,#0b0b0b,#111111);
}

.pf-legal-container{
max-width:800px;
width:100%;
}

/* TITEL */

.pf-legal-container h1{
font-size:36px;
margin-bottom:30px;
}

/* TEXT */

.pf-legal-container p{
color:#aaa;
line-height:1.7;
font-size:15px;
margin-bottom:20px;
}

/* UNTERÜBERSCHRIFTEN */

.pf-legal-container h2{
font-size:20px;
margin-top:40px;
margin-bottom:10px;
}



















/* ================= FOOTER NEW ================= */

.pf-footer{
padding:80px 60px 40px;
border-top:1px solid var(--border);
background:#070707;
}

/* INNER GRID */

.pf-footer-inner{
display:flex;
justify-content:space-between;
align-items:flex-start;
max-width:1000px;
margin:0 auto 50px auto;
gap:40px;
}

/* LOGO */

.pf-footer-logo{
letter-spacing:5px;
font-size:14px;
margin-bottom:15px;
}

/* TEXT */

.pf-footer-desc{
color:#888;
font-size:14px;
line-height:1.6;
max-width:300px;
}

.pf-footer-title{
font-size:12px;
letter-spacing:2px;
color:#c6a96f;
margin-bottom:10px;
}

.pf-footer-text{
font-size:14px;
color:#aaa;
margin-bottom:6px;
}

.pf-footer-sub{
font-size:12px;
color:#666;
}

/* BOTTOM */


.pf-footer-bottom{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-top:1px solid var(--border);
padding-top:20px;
gap:12px;
}

.pf-footer-copy{
font-size:12px;
color:#666;
}

/* LINKS */

.pf-footer-links{
display:flex;
gap:25px;
}

.pf-footer-links a{
font-size:12px;
color:#777;
text-decoration:none;
transition:.25s;
}

.pf-footer-links a:hover{
color:#c6a96f;
}

/* RESPONSIVE */

@media(max-width:900px){

.pf-footer-inner{
grid-template-columns:1fr;
gap:30px;
text-align:center;
}

.pf-footer-desc{
margin:auto;
}

.pf-footer-bottom{
flex-direction:column;
text-align:center;
}

}



















/* ================= MOBILE FIX ================= */

@media(max-width:768px){

/* TEXT FIX */

h1{
font-size:28px !important;
line-height:1.3;
}

h2{
font-size:22px !important;
}

p{
font-size:14px;
}

/* BUTTONS */

button, a{
width:100%;
text-align:center;
}

/* HERO FIX */

.pf-hero{
flex-direction:column;
text-align:left;
gap:30px;
}

.pf-hero-content{
width:100%;
}

.pf-hero-visual{
width:100%;
}

/* WICHTIG: LOGO / HOLOGRAMM */

.pf-hero{
align-items:flex-start;
}

/* GRID → STACK */

.pf-proof-grid,
.pf-services-grid,
.pf-partner-list{
display:flex !important;
flex-direction:column;
gap:20px;
}

/* CALCULATOR */

.pf-calculator{
padding:20px;
width:100%;
}

/* DROPDOWN */

.pf-service-dropdown{
width:100%;
}

/* PARTNER BOXEN */

.pf-partner-card{
flex-direction:row;
align-items:center;
gap:15px;
}

/* FOOTER */

.pf-footer-inner{
flex-direction:column;
text-align:center;
}

.pf-footer-col{
text-align:center !important;
}

/* FORM FIX */

input, textarea{
width:100%;
}

/* BUTTON FIX (ANFRAGE) */

.pf-cta-btn{
width:100%;
}

/* VERHINDERT OUT OF FRAME */

div, section{
max-width:100%;
overflow:hidden;
}

}






@media(max-width:768px){

.pf-footer-inner{
display:flex;
flex-direction:column;
gap:30px;
text-align:center;
}

/* jede Spalte schön getrennt */
.pf-footer-col{
width:100%;
}

/* TEXT schöner */
.pf-footer-desc,
.pf-footer-text{
max-width:280px;
margin:0 auto;
line-height:1.6;
}

}




/* ARBEITSZEITEN FEINSCHLIFF */

.pf-footer-col .pf-footer-sub{
color:#666;
font-size:12px;
}

.pf-footer-col .pf-footer-text{
font-size:14px;
color:#aaa;
}


.pf-footer-bottom{
margin-top:40px;
}











.pf-contact-title{
font-size:48px;
font-weight:600;
letter-spacing:1px;
margin-bottom:16px;
color:#fff;
}


.pf-contact-sub{
font-size:15px;
color:#aaa;
line-height:1.6;
}



.pf-contact-header{
text-align:center;
margin:0 auto; /* DAS ist der Schlüssel */
margin-bottom:60px;
max-width:600px;
padding:0 20px;
}






.pf-footer-text div {
  margin-bottom: 5px;
  opacity: 0.9;
}

.pf-footer-text div:last-child {
  margin-bottom: 0;
}





















/* ==========================================
   PERFORMANCE CTA
========================================== */
.pf-performance-cta{
  position:relative;
  padding:180px 24px;
  background:
    radial-gradient(circle at 20% 20%, rgba(198,169,111,0.08), transparent 45%),
    radial-gradient(circle at 80% 80%, rgba(198,169,111,0.05), transparent 45%),
    linear-gradient(180deg, #090909 0%, #111111 100%);
  overflow:hidden;
}

.pf-performance-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(198,169,111,0.015) 50%,
      transparent 100%
    );
  pointer-events:none;
}

.pf-performance-inner{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

.pf-performance-badge{
  display:inline-block;
  padding:10px 18px;
  margin-bottom:28px;
  border:1px solid rgba(198,169,111,0.25);
  border-radius:999px;
  background:rgba(198,169,111,0.06);
  color:#c6a96f;
  font-size:0.82rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.pf-performance-title{
  margin:0 0 28px;
  font-size:clamp(2.6rem, 6vw, 5.4rem);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-0.03em;
  color:#ffffff;
  text-wrap:balance;
}

.pf-performance-text{
  max-width:760px;
  margin:0 auto 28px;
  font-size:1.15rem;
  line-height:1.9;
  color:rgba(255,255,255,0.82);
}

.pf-performance-highlight{
  margin:0 0 42px;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:-0.01em;
  color:#c6a96f;
}

.pf-performance-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:20px 42px;
  border-radius:16px;
  border:1px solid rgba(198,169,111,0.35);
  background:
    linear-gradient(135deg, #c6a96f 0%, #f1d99b 50%, #c6a96f 100%);
  color:#0a0a0a;
  font-size:1rem;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:
    0 0 40px rgba(198,169,111,0.18),
    0 20px 60px rgba(0,0,0,0.35);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease;
}

.pf-performance-button:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:
    0 0 60px rgba(198,169,111,0.28),
    0 30px 80px rgba(0,0,0,0.45);
  filter:brightness(1.03);
}

.pf-performance-note{
  margin:22px 0 0;
  font-size:0.9rem;
  color:rgba(255,255,255,0.45);
  letter-spacing:0.03em;
}

@media (max-width: 768px){
  .pf-performance-cta{
    padding:120px 24px;
  }

  .pf-performance-text{
    font-size:1rem;
    line-height:1.8;
  }

  .pf-performance-highlight{
    font-size:1.1rem;
  }

  .pf-performance-button{
    width:100%;
    max-width:420px;
    padding:18px 28px;
    font-size:0.9rem;
  }
}