/* petonova — Knopf und Terminfenster "Kostenlose Beratung" */
/* Weiss auf Mint: hebt sich klar vom Hintergrund ab, bleibt hell und konkurriert nicht mit dem Orange */
a.btn.b2[data-beratung]{background:#fff;color:var(--dark,#003E2D);box-shadow:inset 0 0 0 1.5px rgba(1,159,128,.35),0 10px 26px rgba(0,62,45,.12);transition:transform .18s ease,box-shadow .18s ease}
a.btn.b2[data-beratung]:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--green,#019F80),0 14px 32px rgba(0,62,45,.18)}
a.btn.b2[data-beratung] svg.kal{color:var(--green,#019F80)}
.btn svg.kal{width:18px;height:18px;margin-right:8px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

html.ber-offen,html.ber-offen body{overflow:hidden}
.ber-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:18px}
.ber-hinter{position:absolute;inset:0;background:rgba(0,40,30,.55);cursor:pointer}
.ber-karte{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:18px;width:100%;max-width:760px;height:min(820px,calc(100vh - 36px));height:min(820px,calc(100dvh - 36px));box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.ber-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;border-bottom:1px solid #e3ece8}
.ber-klein{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green,#019F80)}
.ber-titel{font-size:19px;font-weight:800;color:var(--dark,#003E2D);margin-top:4px;letter-spacing:-.02em;line-height:1.25}
.ber-zu{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#f1f6f4;font-size:26px;line-height:1;color:#35524a;cursor:pointer}
.ber-zu:hover{background:#e3ece8}
.ber-rahmen{position:relative;flex:1;min-height:0}
.ber-laden{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7f78}
.ber-iframe{position:relative;display:block;width:100%;height:100%;border:0;background:transparent}
.ber-geladen .ber-laden{display:none}
.ber-fuss{font-size:12px;line-height:1.5;color:#6b7f78;padding:10px 20px 14px;margin:0;border-top:1px solid #e3ece8}
.ber-fuss a{color:inherit;text-decoration:underline}

@media(max-width:600px){
  .ber-modal{padding:0}
  .ber-karte{max-width:none;height:100vh;height:100dvh;border-radius:0}
  .ber-titel{font-size:17px}
}