/* int-tech, 10.10.2026: Stilregeln des Live-Beratungs-Widgets fuer BEIDE Zustaende ("Buero besetzt" mit Foto, Telefon und
   Rueckruf-Knopf / "nicht besetzt" mit Hinweistext). Unveraenderte Kopie der Regeln aus
   theme_thermalex/assets/styles/main.css (24 Regeln) und theme_thermalex/style.css (11 Regeln), damit sie unabhaengig davon
   vorhanden sind, welcher Zustand beim Erzeugen der WP-Rocket-used-CSS einer Adresse gerade sichtbar war.
   Geladen durch mu-plugins/inttech-live-beratung.php, von "Unused CSS entfernen" und Minify ausgenommen.
   Bei Aenderungen am Theme-Widget hier nachziehen. */

/* --- main.css --- */
.page__phone { position: fixed; right: -18.75rem; top: 30%; z-index: 10; transition: all 0.3s ease-in-out; }
.page__phone.active { right: 0; }
.page__phone--outer { font-size: 3em; position: absolute; width: 5rem; height: 5rem; text-align: center; color: white; left: -5rem; cursor: pointer; background-color: #004f9e; display: flex; align-items: center; justify-content: center; }
.page__phone--outer .icon::before { content: "\EA01"; }
.page__phone--inner { width: 18.75rem; background-color: #f5f5f5; padding: 1.875rem; position: relative; }
.page__phone--inner.work--time { padding-right: 0; }
.page__phone--inner.work--time .page__phone--form { margin-top: 0 !important; }
.page__phone--inner.work--time h3 { margin: 0 0 10px; font-size: 1.40625rem; font-weight: 500; line-height: 1.2; }
.page__phone--inner.work--time svg { width: 16px; margin-right: 10px; }
.page__phone--inner.work--time svg path { color: white; }
.page__phone--inner.work--time p.tel { display: flex; align-items: center; padding: 0.5em; background-color: #ec7700; }
.page__phone--inner.work--time a.page__phone--tel { line-height: 1; color: white; font-size: 1.25em; position: relative; z-index: 1; }
.page__phone--inner.work--time .img { position: absolute; bottom: 0; right: 0; width: 160px; }
.page__phone--inner.work--time .img img { width: 100%; display: block; }
.page__phone--inner.work--time a.page__phone--btn { display: block; width: fit-content; font-size: 0.875rem; color: white; background-color: #004f9e; transition: all 0.3s ease-in-out; text-align: center; padding: 0.5rem 1rem; margin-top: 20px; border-radius: 2px; position: relative; z-index: 1; }
.page__phone--inner.work--time a.page__phone--btn:hover { background-color: #004387; }
.page__phone--form { font-size: 0.9em; margin-top: 1.25rem; }
.page__phone--form p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; }
.page__phone--form a { color: #004f9e; }
.page__phone--form a:hover, .page__phone--form a:focus { color: #004387; }
@media screen and (max-width: 767px) { .page__phone--outer { width: 4rem; height: 4rem; left: -4rem; } }
@media screen and (min-width: 320px) and (max-width: 359px) { .page__phone { right: -15.5rem; } }
@media screen and (min-width: 320px) and (max-width: 359px) { .page__phone--inner { width: 15.4rem; padding: 1.125rem; } }
@media screen and (min-width: 320px) and (max-width: 359px) { .page__phone--inner.work--time .img { width: 115px; } }

/* --- style.css (Produktseite, Kasten links) --- */
.product-page__phone .page__phone--inner { width: 100%; }
.product-button-to-description .product-page__phone .page__phone--form p>a.page__phone--tel { color: white !important; }
.product-page__phone a.page__phone--tel { padding: 0; opacity: 1; background: transparent; text-align: left; font-weight: normal; }
.product-page__phone .page__phone--tel:hover { background: transparent; }
.product-page__phone .page__phone--inner.work--time .img { width: 45%; }
.product-page__phone .page__phone--inner.work--time a.page__phone--btn { width: 60%; opacity: 1; font-weight: normal; }
.product-button-to-description .product-page__phone .page__phone--form p>a { color: #004f9e !important; }
.product-page__phone .page__phone--form a { background: none; font-weight: normal; display: inline; padding: 0; line-height: inherit; font-size: inherit; }
.product-page__phone .page__phone--form a:hover { color: #004387; }
.product-page__phone .page__phone--inner.work--time.page__phone--inner_style3 { padding-right: 1.875rem; }
@media screen and (min-width: 320px) and (max-width: 359px) { .product-page__phone .page__phone--inner.work--time.page__phone--inner_style3 { padding-right: 1.125rem; } }