/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*03032026: RV*/
selector .swiper-wrapper{
  transition-timing-function: linear !important;
}

/*05032026: RV - CSS für Tabelle in "Alle Fotoboxen"*/
:root{
  --bx-accent:#EB6419;
  --bx-row:#E9E9EA;
  --bx-text:#111;
}

/* Reset gegen Theme-Linien */
.bx-compare, .bx-compare tr, .bx-compare td, .bx-compare th{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.bx-compare{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:fixed; /* zwingt die colgroup-Breiten */
  color:var(--bx-text);
}

/* Spaltenbreite wie Vorlage */
.bx-compare col.bx-col-feature{ width:28%; }
.bx-compare col.bx-col-pack{ width:17.5%; }

/* Zebra: nur grau/weiß */
.bx-compare tbody tr{ background:#fff !important; }
.bx-compare tbody tr:nth-child(even){ background:var(--bx-row) !important; }
.bx-compare tbody td{ background:transparent !important; }

/* Abstände/Typo */
.bx-compare td{
  padding:26px 22px;
  vertical-align:middle;
  font-size:18px;
  font-weight:400 !important;
}

/* Linke Spalte wie Vorlage (fetter) */
.bx-feature{
  font-size:22px;
  font-weight:700 !important;
  text-align:left !important;
}

/* Paket-Spalten immer zentriert */
.bx-center{
  text-align:center !important;
  overflow-wrap:break-word; /* erlaubt Umbruch wie in der Vorlage */
}

/* Icons */
.bx-ic{
  display:inline-block;
  font-size:20px;
  line-height:1;
  font-weight:700;
}
.bx-check{ color:var(--bx-accent); }
.bx-x{ color:#000; }

.bx-compare tbody tr td:first-child{
  font-family: "Paytone One", sans-serif !important;
  font-weight: 400 !important;
}

/* ==========================================================================
   30042026: RV – Section „Warum Kimodo" – Icon-Box Styling
   Scope: .section_warum (CSS-Klasse am Elementor-Bereich setzen)
   Ziel:  Jedes Icon bekommt einen orangen Rahmenkreis auf weißem BG;
          das vom SVG mitgelieferte Kreis-Rect wird ausgeblendet, damit
          kein doppelter Kreis entsteht. Hover invertiert BG/Icon-Farbe.
   ========================================================================== */

/* Grundlayout: sichtbarer Kreis um das Icon */
body {
  overflow-x: hidden;
}

/* Rahmen + Hintergrund auf dem Parent-Element */
.section_warum .elementor-icon-box-icon .elementor-icon {
  border: 2px solid #EB641C;
  border-radius: 50%;
  background: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

/* SVG-Hintergrundkreis (rect) ausblenden – würde sonst mit dem
   CSS-Rahmen einen doppelten Kreis erzeugen */
.section_warum .elementor-icon-box-icon svg > rect {
  display: none;
}

/* SVG 5 (Made in Austria): Außenkreis-Pfad (.st1) ebenfalls ausblenden */
.section_warum .elementor-icon-box-icon svg .st1 {
  display: none;
}

/* Icon-Pfade: standardmäßig dunkel (#1E2730) */
.section_warum .elementor-icon-box-icon svg path,
.section_warum .elementor-icon-box-icon svg .st0 {
  fill: #1E2730 !important;
  transition: fill 0.3s ease;
}

/* Hover: Hintergrundkreis wird dunkel … */
/*.section_warum .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon {
  background: #1E2730;
}

/* … und Icon-Farbe wechselt auf Weiß */
/*.section_warum .elementor-icon-box-wrapper:hover .elementor-icon-box-icon svg path,
.section_warum .elementor-icon-box-wrapper:hover .elementor-icon-box-icon svg .st0 {
  fill: white !important;
}