/*
 * Platzhalter der Calendly Zwei-Klick-Loesung.
 * Farben wie die Landingpage: Dunkelgruen, Gold, Creme.
 */
.cal-zweiklick{
  --cal-primary:#0F3A30;
  --cal-secondary:#184938;
  --cal-accent:#B8842B;
  --cal-text:#495E56;
  --cal-line:#DCD8CF;
  max-width:800px; width:100%; margin:0 auto;
  font-family:inherit; box-sizing:border-box;
}
.cal-zweiklick *,.cal-zweiklick *::before,.cal-zweiklick *::after{box-sizing:border-box;}

.cal-zweiklick .cal-platzhalter{
  background:#fff; border:1px solid var(--cal-line); border-radius:12px;
  padding:38px 28px; text-align:center;
}
.cal-zweiklick .cal-icon{font-size:40px; line-height:1; margin-bottom:14px;}
.cal-zweiklick .cal-titel{
  margin:0 0 10px; font-size:clamp(20px,3.4vw,26px); font-weight:700;
  color:var(--cal-primary); line-height:1.25;
}
.cal-zweiklick .cal-text{margin:0 0 16px; font-size:16px; line-height:1.55; color:var(--cal-text);}
.cal-zweiklick .cal-hinweis{
  margin:0 auto 22px; max-width:520px; font-size:13px; line-height:1.5;
  color:var(--cal-text); opacity:.85;
}
.cal-zweiklick .cal-hinweis a{color:var(--cal-primary); text-decoration:underline;}

/* !important, weil Theme und Elementor Buttons generisch ueberschreiben */
.cal-zweiklick .cal-btn{
  display:inline-block; width:auto !important;
  padding:15px 34px !important; border:0 !important;
  background:var(--cal-primary) !important; color:#fff !important;
  font-family:inherit !important; font-size:17px !important; font-weight:700 !important;
  border-radius:10px !important; cursor:pointer; transition:background .15s;
}
.cal-zweiklick .cal-btn:hover{background:var(--cal-secondary) !important;}
.cal-zweiklick .cal-btn[disabled]{opacity:.65; cursor:progress;}

.cal-zweiklick .cal-alternative{margin:18px 0 0; font-size:14px; color:var(--cal-text);}
.cal-zweiklick .cal-alternative a{color:var(--cal-accent); font-weight:600; text-decoration:none;}
.cal-zweiklick .cal-alternative a:hover{text-decoration:underline;}

.cal-zweiklick .calendly-inline-widget{min-width:320px; height:630px;}

@media (max-width:480px){
  .cal-zweiklick .cal-platzhalter{padding:28px 18px;}
}

/* ---- Google-Maps-Variante: nutzt dieselbe Optik wie der Calendly-Platzhalter ---- */
.map-zweiklick{
  --cal-primary:#0F3A30;
  --cal-secondary:#184938;
  --cal-accent:#B8842B;
  --cal-text:#495E56;
  --cal-line:#DCD8CF;
  max-width:800px; width:100%; margin:0 auto;
  font-family:inherit; box-sizing:border-box;
}
.map-zweiklick *,.map-zweiklick *::before,.map-zweiklick *::after{box-sizing:border-box;}
.map-zweiklick .cal-platzhalter{
  background:#fff; border:1px solid var(--cal-line); border-radius:12px;
  padding:34px 26px; text-align:center;
}
.map-zweiklick .cal-icon{font-size:38px; line-height:1; margin-bottom:12px;}
.map-zweiklick .cal-titel{
  margin:0 0 10px; font-size:clamp(19px,3.2vw,24px); font-weight:700;
  color:var(--cal-primary); line-height:1.25;
}
.map-zweiklick .cal-text{margin:0 0 14px; font-size:16px; line-height:1.55; color:var(--cal-text);}
.map-zweiklick .cal-hinweis{
  margin:0 auto 20px; max-width:520px; font-size:13px; line-height:1.5;
  color:var(--cal-text); opacity:.85;
}
.map-zweiklick .cal-hinweis a{color:var(--cal-primary); text-decoration:underline;}
.map-zweiklick .cal-alternative{margin:16px 0 0; font-size:14px; color:var(--cal-text);}
.map-zweiklick .cal-alternative a{color:var(--cal-accent); font-weight:600; text-decoration:none;}
.map-zweiklick .cal-alternative a:hover{text-decoration:underline;}
.map-zweiklick iframe{display:block; width:100%; border:0; border-radius:10px;}

/* gemeinsamer Knopf fuer beide Varianten */
.cal-zweiklick .zk-btn,.map-zweiklick .zk-btn{
  display:inline-block; width:auto !important;
  padding:15px 34px !important; border:0 !important;
  background:var(--cal-primary) !important; color:#fff !important;
  font-family:inherit !important; font-size:17px !important; font-weight:700 !important;
  border-radius:10px !important; cursor:pointer; transition:background .15s;
}
.cal-zweiklick .zk-btn:hover,.map-zweiklick .zk-btn:hover{background:var(--cal-secondary) !important;}
.cal-zweiklick .zk-btn[disabled],.map-zweiklick .zk-btn[disabled]{opacity:.65; cursor:progress;}

@media (max-width:480px){
  .map-zweiklick .cal-platzhalter{padding:26px 16px;}
}