/* =====================================================================
   Selfiekastl – Custom CSS (Customizer → Zusätzliches CSS)
   Stand: v1.3 · passt zum Theme "Selfiekastl" ab Version 1.3.0
   ---------------------------------------------------------------------
   WICHTIG: Diesen Inhalt anstelle des bisherigen Custom CSS einsetzen.
   Den alten Block VORHER komplett löschen – er enthielt eine veraltete
   Kopie der Theme-Basis (u. a. ".sk-btn { border:none }", das den Rahmen
   des "Pakete ansehen"-Buttons entfernt hat).

   Alles, was das Theme schon mitbringt (Buttons, Karten, Hero, FAQ,
   Header, Footer, Responsive), steht hier absichtlich NICHT mehr drin.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. Über uns – Bild auf Texthöhe, seitlich beschnitten
   --------------------------------------------------------------------- */
.sk-about{ align-items:stretch !important; }
.sk-about .panel-grid-cell{ align-self:stretch !important; }
.sk-about .panel-grid-cell:first-child .so-panel,
.sk-about .panel-grid-cell:first-child .so-widget-sow-editor,
.sk-about .panel-grid-cell:first-child .siteorigin-widget-tinymce,
.sk-about .sk-about-photo{ height:100%; }
.sk-about .sk-about-photo .sk-img{ height:100%; object-fit:cover; }


/* ---------------------------------------------------------------------
   2. Anfrage – linke Spalte bleibt beim Scrollen stehen
   (overflow-x:hidden würde sticky abschalten, daher clip)
   --------------------------------------------------------------------- */
.sk-main{ overflow-x:clip; }
#anfrage, #anfrage .panel-row-style{ align-items:stretch !important; }
#anfrage .panel-grid-cell{ align-self:stretch !important; }
#anfrage .panel-grid-cell:first-child .so-panel{ position:sticky; top:96px; }
@media (max-width:780px){
  #anfrage .panel-grid-cell:first-child .so-panel{ position:static; }
}


/* ---------------------------------------------------------------------
   3. Linkfarben im Inhalt (statt Browser-Blau)
   --------------------------------------------------------------------- */
.sk-contact-list a,
.sk-contact-list a:visited{ color:var(--sk-ink) !important; text-decoration:none !important; }
.sk-contact-list a:hover{ color:var(--sk-red) !important; }

.sk-builder a:not([class]),
.sk-builder a:not([class]):visited{ color:var(--sk-red); }
.sk-builder a:not([class]):hover{ color:var(--sk-red-dark); }


/* ---------------------------------------------------------------------
   4. "Jetzt anfragen" als Button in der Navigation
   (Menüpunkt → CSS-Klasse: sk-cta)
   --------------------------------------------------------------------- */
.sk-nav .sk-menu .sk-cta{ margin-left:10px; }
.sk-nav .sk-menu .sk-cta > a{
  background:#fff !important;
  color:var(--sk-red) !important;
  font-weight:600;
  padding:10px 20px !important;
  border-radius:999px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.14);
}
.sk-nav .sk-menu .sk-cta > a:hover{
  background:var(--sk-cream) !important;
  transform:translateY(-1px);
}

/* Mobile: "Jetzt anfragen" als weiße Pille im Burger-Menü */
.sk-mobile-nav .sk-cta{ padding:14px 0 4px; }
.sk-mobile-nav .sk-cta > a{
  background:#fff !important;
  color:var(--sk-red) !important;
  font-weight:600;
  text-align:center;
  border:none !important;
  border-radius:999px !important;
  padding:14px 20px !important;
}


/* ---------------------------------------------------------------------
   5. SiteOrigin Google-Maps-Widget (Widget-Klasse: sk-somap)
   --------------------------------------------------------------------- */
.sk-somap .sow-google-map-canvas{
  border-radius:22px; overflow:hidden;
  border:1px solid #EADBCB; min-height:340px;
}


/* ---------------------------------------------------------------------
   6. "Kurz erklärt"-Bereich (SEO/GEO)
   --------------------------------------------------------------------- */
.sk-erklaert{ max-width:820px; margin:34px auto 0; display:grid; gap:34px; }
.sk-erklaert h3{ margin-bottom:8px; }
.sk-erklaert p{ font-size:16px; line-height:1.7; color:var(--sk-text); margin:0; }


/* ---------------------------------------------------------------------
   7. Orts-Chips unter der Karte (nur bei der iframe-Variante nötig)
   --------------------------------------------------------------------- */
.sk-orte{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.sk-orte span{ background:#fff; border:1px solid var(--sk-card-line);
  border-radius:999px; padding:7px 14px; font-size:13.5px; color:var(--sk-text); }


/* ---------------------------------------------------------------------
   8. Platzhalter sind jetzt weg
   --------------------------------------------------------------------- */
.sk-gallery p{ display:contents; }