/**
 * Button-Regeln, aus dem Customizer-CSS herausgeloest (Schritt S1).
 *
 * Inhalt 1:1 uebernommen aus:
 *   - wp_posts.ID 114 (Customizer > Zusaetzliches CSS), Prod-Stand 27.08.2026
 *   - Theme-Mod html_custom_css_mobile (Flatsome > Custom CSS > Mobile)
 *
 * Erzeugt von docs/buttons/s1-css-erzeugen.py, nicht von Hand pflegen: die
 * Bloecke muessen zeichengleich zu dem sein, was s1-customizer-bereinigen.php
 * aus der Datenbank entfernt, sonst aendert der Umzug das Aussehen.
 *
 * Absicht: der Zustand bleibt exakt gleich, die Regeln liegen ab jetzt
 * versioniert im Child-Theme statt in der Datenbank. Erst dadurch kann das
 * neue Button-Design (S2) sie sauber ueberschreiben, und erst dadurch laufen
 * Stage und Produktion nicht mehr auseinander.
 *
 * Nicht uebernommen: Social-Icons im Footer, die Flickity-Pfeile des
 * Logo-Sliders und die Borlabs-Cookie-Buttons. Die gehoeren nicht zu den CTAs.
 *
 * Die Pfeil-Regeln stehen mit hier, obwohl .icon-angle-left auch ausserhalb
 * von Buttons vorkommt: beide haengen an derselben :before-Regel und lassen
 * sich nicht trennen, ohne das Verhalten zu aendern.
 */

/* ----------------------------------------------------------- Pfeil-Icons */
.icon-angle-right {
  width: 28px;
  height: 38px;
  background-image: url("/wp-content/uploads/2025/07/Pfeil.svg");
  background-repeat: no-repeat;
  background-position: left;
	margin: 5px 0px 5px 0px !important;
}

.icon-angle-right:before, .icon-angle-left:before {
	display: none;
}

.icon-angle-left {
  width: 20px;
  height: 30px;
  background-image: url("/wp-content/uploads/2025/09/Pfeil-Links.svg");
  background-repeat: no-repeat;
  background-position: left;
	margin: 5px 0px 5px 0px !important;
}

/* ---------------------------------------------------------- Grundgewicht */
.header-button .button, .button {
  font-weight: 100 !important;
}

/* -------------------------------------------------------- Blaue Variante */
.bluebutton {
	background: #095494;
}

.bluebutton .icon-angle-right {
	margin: 0px;
	padding: 0px 0 0px 25px;
	list-style: none;
	background-image: url("/wp-content/uploads/2025/07/Pfeil_weiss_blau.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px;
}

/* ------------------------------------------------ Preistabellen-Variante */
.pricinglight .button {
	background: #edf7ff;
  color: #095494;
}

.pricinglight .icon-angle-right {
	margin: 0;
	padding: 0px 0 0px 30px;
	list-style: none;
	background-image: url("/wp-content/uploads/2025/07/Pfeil-hellblau-dunkelblau.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}

.pricinglight .button:hover {
	color: #095494;
}

/* ------------------------------- Mobil (Theme-Mod, max-width 549px) */

@media (max-width: 549px) {
	.btnmb {
	    font-size: 11px;
	}
	.bluebutton {
	    font-size: 11px;
	}
	.button-center {
	  font-size: 11px;
	}
	.jebtn {
	  font-size: 11px;
	}
}