/* =========================================================
   SCHICKSALSSTERNE - PREMIUM BERATERKARTEN V7
   Zusatz-/Ersatz-CSS passend zu /img/Hintergrundbild7.png
   ========================================================= */

html{
    min-height:100%;
    background:#eaf7ff!important;
}
body{
    margin:0!important;
    padding:0!important;
    min-height:100%!important;
    width:100%!important;
    overflow-x:hidden!important;
    color:#142b55!important;
    font-family:Georgia,'Times New Roman',serif!important;
    background:url('/img/Hintergrundbild7.png') center top / cover fixed no-repeat!important;
    background-color:#eaf7ff!important;
}
body::before,body::after,#moon,#energy{display:none!important;content:none!important;background:none!important;}
body>section:not(.ss7-advisor-area){pointer-events:none!important;}
#stars{z-index:1!important;opacity:.18!important;}

/* Header: nur Schrift/Logo aus header.php, kein extra Bild dahinter */
header{
    position:relative!important;
    z-index:30!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:18px 0 8px!important;
}
header::before{display:none!important;content:none!important;background:none!important;}
header .headline,header .muenze,header .headerElements,header .header,#tarot{display:none!important;}
header .inner_wrap{width:min(1320px,calc(100% - 28px))!important;margin:0 auto!important;}
.ss-header-logo-wrap{margin:8px auto 18px!important;width:min(1080px,94vw)!important;text-align:center!important;}
.ss-header-star{font-size:clamp(40px,4.6vw,70px)!important;margin:0 auto 5px!important;color:#d6a02a!important;text-shadow:0 0 14px rgba(255,246,202,.88),0 0 32px rgba(255,210,94,.42)!important;}
.ss-header-title{font-size:clamp(54px,6.7vw,100px)!important;line-height:.90!important;letter-spacing:.035em!important;margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;text-transform:uppercase!important;background:linear-gradient(180deg,#fff8d7 0%,#e3b24c 30%,#9a6819 66%,#f6df9d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-fill-color:transparent!important;filter:drop-shadow(0 4px 12px rgba(100,65,18,.18))!important;}
.ss-header-tagline{margin:15px 0 0!important;color:#5d461e!important;font-size:clamp(12px,1.2vw,17px)!important;letter-spacing:.31em!important;text-transform:uppercase!important;text-shadow:0 1px 8px rgba(255,255,255,.86)!important;}

/* Topnavigation hell, ruhig */
#mobileNavi{display:none;}
#topnavi{
    position:relative!important;
    z-index:32!important;
    width:min(1280px,calc(100% - 36px))!important;
    margin:0 auto 18px!important;
    padding:14px 18px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px 14px!important;
    border-radius:24px!important;
    border:1px solid rgba(196,156,65,.32)!important;
    background:rgba(255,255,255,.52)!important;
    box-shadow:0 18px 46px rgba(31,78,122,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
    backdrop-filter:blur(13px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(13px) saturate(1.08)!important;
}
#topnavi a,#topnavi button,#topnavi .ep-nav-search-button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:34px!important;padding:7px 14px!important;border-radius:999px!important;
    border:1px solid rgba(196,156,65,.25)!important;background:rgba(255,255,255,.52)!important;
    color:#6b501b!important;font-family:Georgia,'Times New Roman',serif!important;font-size:14px!important;font-weight:700!important;
    line-height:1.1!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(31,78,122,.05)!important;
}
#topnavi a:hover,#topnavi button:hover{background:rgba(239,250,255,.76)!important;color:#174c88!important;margin-right:0!important;transform:translateY(-1px);}

/* Laufband helles Eisblau */
header .marquee,.marquee{
    position:relative!important;z-index:31!important;width:min(1080px,calc(100% - 42px))!important;
    margin:12px auto 24px!important;border-radius:16px!important;overflow:hidden!important;
    border:1px solid rgba(155,213,240,.78)!important;
    background:linear-gradient(90deg,rgba(222,248,255,.92),rgba(185,232,251,.90),rgba(236,252,255,.94))!important;
    box-shadow:0 12px 26px rgba(31,78,122,.11),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.marquee marquee,header .marquee marquee{
    color:#174c77!important;font-family:Georgia,'Times New Roman',serif!important;font-size:18px!important;font-weight:800!important;
    line-height:36px!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}

/* Seitenlayout: keine milchige Glasscheibe hinter allem */
.main_wrapper{
    position:relative!important;z-index:20!important;
    width:min(1450px,calc(100% - 28px))!important;
    max-width:1450px!important;margin:0 auto!important;
    display:flex!important;flex-direction:row-reverse!important;gap:28px!important;align-items:flex-start!important;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
}
.main_wrapper .main{width:calc(100% - 350px)!important;min-width:0!important;order:2!important;background:transparent!important;}
.main_wrapper .sidebar{width:322px!important;order:1!important;background:transparent!important;}
.main_wrapper .sidebar.mobile{display:none!important;}

/* Sidebar Glas hell statt dunkles Alt-Design */
.sidebar,.ep-sidebar-beauty{
    border-left:0!important;background:rgba(255,255,255,.48)!important;border:1px solid rgba(196,156,65,.28)!important;border-radius:24px!important;
    box-shadow:0 16px 38px rgba(31,78,122,.09),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(11px) saturate(1.04)!important;-webkit-backdrop-filter:blur(11px) saturate(1.04)!important;
}
.ep-sidebar-beauty{padding:18px!important;overflow:visible!important;}
.ep-sidebar-beauty h2,.sidebar h2{
    margin:0 0 10px!important;padding:12px 14px!important;border-radius:15px!important;border:1px solid rgba(196,156,65,.22)!important;
    background:rgba(255,255,255,.54)!important;color:#705116!important;font-size:15px!important;line-height:1.1!important;text-shadow:none!important;box-shadow:none!important;
}
.ep-sidebar-beauty a,.sidebar a,.sidebar ul li a{
    background:rgba(255,255,255,.45)!important;color:#5a4318!important;border:1px solid rgba(196,156,65,.20)!important;border-radius:14px!important;
    margin:6px 0!important;padding:9px 12px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:14px!important;font-weight:700!important;line-height:1.12!important;text-align:left!important;text-decoration:none!important;
}
.ep-sidebar-beauty a:hover,.sidebar a:hover{background:rgba(225,247,255,.72)!important;color:#174c88!important;transform:translateX(2px);}
.ep-sidebar-beauty h2::before,.ep-sidebar-beauty a::before,.ep-sidebar-beauty a::after{display:none!important;}

/* Überschriften im Content */
h1,h2{color:#143d79!important;}p,li{color:#142b55!important;}a{color:#8b6418!important;}a:hover{color:#174c88!important;}

/* PREMIUM BERATERKARTEN */
.ss7-advisor-area{
    position:relative!important;z-index:22!important;width:100%!important;margin:28px auto 90px!important;background:transparent!important;
}
.ss7-advisor-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(430px,1fr))!important;gap:32px!important;width:100%!important;align-items:stretch!important;
}
.ss7-advisor-card{
    position:relative!important;overflow:hidden!important;box-sizing:border-box!important;
    min-height:390px!important;padding:28px!important;border-radius:30px!important;
    border:1px solid rgba(210,170,74,.64)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(230,248,255,.30))!important;
    box-shadow:0 18px 42px rgba(31,78,122,.13),inset 0 1px 0 rgba(255,255,255,.82),0 0 0 1px rgba(255,255,255,.18)!important;
    backdrop-filter:blur(8px) saturate(1.08)!important;-webkit-backdrop-filter:blur(8px) saturate(1.08)!important;
    color:#102b57!important;
}
.ss7-advisor-card::before{
    content:"";position:absolute;inset:-25%;pointer-events:none;z-index:0;
    background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.62),transparent 24%),radial-gradient(circle at 88% 70%,rgba(126,219,255,.22),transparent 36%);
}
.ss7-advisor-card>*{position:relative;z-index:1;}
.ss7-card-head{display:grid!important;grid-template-columns:215px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;}
.ss7-photo{
    display:block!important;width:215px!important;height:270px!important;border-radius:22px!important;overflow:hidden!important;text-decoration:none!important;
    border:2px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.38)!important;
    box-shadow:0 16px 30px rgba(31,78,122,.18),0 0 0 1px rgba(210,170,74,.28)!important;
}
.ss7-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transition:transform .35s ease,filter .35s ease!important;}
.ss7-photo:hover img{transform:scale(1.045);filter:brightness(1.05);}
.ss7-photo-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:14px!important;box-sizing:border-box!important;text-align:center!important;color:#8b6418!important;font-weight:800!important;}
.ss7-content{min-width:0!important;}
.ss7-status{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0 0 15px!important;padding:6px 13px!important;border-radius:999px!important;background:rgba(221,255,230,.88)!important;border:1px solid rgba(77,224,110,.42)!important;color:#106b27!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:900!important;letter-spacing:.04em!important;box-shadow:0 0 16px rgba(77,224,110,.22)!important;}
.ss7-status span{width:14px!important;height:14px!important;border-radius:50%!important;background:#22d24d!important;box-shadow:0 0 9px rgba(34,210,77,.85)!important;}
.ss7-status-busy .ss7-status{background:rgba(255,235,235,.9)!important;border-color:rgba(230,72,72,.42)!important;color:#9d2020!important;}
.ss7-status-busy .ss7-status span{background:#e33434!important;box-shadow:0 0 9px rgba(227,52,52,.78)!important;}
.ss7-status-offline .ss7-status{background:rgba(245,245,245,.88)!important;border-color:rgba(170,170,170,.45)!important;color:#666!important;}
.ss7-status-offline .ss7-status span{background:#aaa!important;box-shadow:none!important;}
.ss7-advisor-card h2{margin:0!important;color:#b98218!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(30px,2.2vw,42px)!important;line-height:1.02!important;font-weight:400!important;letter-spacing:.09em!important;text-transform:uppercase!important;text-shadow:0 1px 0 rgba(255,255,255,.86)!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important;}
.ss7-role{margin:7px 0 13px!important;color:#7f5598!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
.ss7-divider{display:flex!important;align-items:center!important;gap:12px!important;margin:7px 0 20px!important;color:#d5a236!important;}
.ss7-divider::before,.ss7-divider::after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(198,151,42,.68),transparent);flex:1;}
.ss7-divider span{font-size:18px!important;line-height:1!important;}
.ss7-skills{color:#143d79!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.46!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;min-height:76px!important;max-height:106px!important;overflow:hidden!important;}
.ss7-rating{display:flex!important;align-items:center!important;gap:10px!important;margin-top:16px!important;text-decoration:none!important;color:#143d79!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1!important;}
.ss7-stars{color:#d8a229!important;font-size:25px!important;letter-spacing:1px!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important;white-space:nowrap!important;}
.ss7-rating strong{font-size:26px!important;color:#194f90!important;font-weight:400!important;}
.ss7-rating em{font-style:normal!important;color:#243653!important;font-size:14px!important;margin-left:2px!important;}
.ss7-call-row{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;margin:24px 0 18px!important;padding-top:18px!important;border-top:1px solid rgba(198,151,42,.35)!important;}
.ss7-call-circle{display:flex!important;align-items:center!important;justify-content:center!important;width:72px!important;height:72px!important;border-radius:50%!important;border:1px solid rgba(133,205,238,.72)!important;background:rgba(224,248,255,.76)!important;color:#d0a12d!important;text-decoration:none!important;font-size:36px!important;line-height:1!important;box-shadow:0 12px 24px rgba(31,78,122,.13),inset 0 0 18px rgba(255,255,255,.56)!important;}
.ss7-phone{display:block!important;color:#123a74!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(30px,2.4vw,40px)!important;font-weight:900!important;letter-spacing:.055em!important;line-height:1.02!important;text-decoration:none!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;}
.ss7-price{margin-top:7px!important;color:#102b57!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:800!important;}
.ss7-phone-note{margin-top:4px!important;color:#52637d!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.25!important;}
.ss7-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;margin-top:10px!important;}
.ss7-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:10px 12px!important;border-radius:15px!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:900!important;line-height:1.08!important;text-align:center!important;box-sizing:border-box!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;}
.ss7-btn-profile,.ss7-btn-rating{border:1px solid rgba(99,160,210,.56)!important;background:rgba(243,252,255,.82)!important;color:#174c88!important;box-shadow:0 8px 18px rgba(31,78,122,.10)!important;}
.ss7-btn-call{border:1px solid rgba(207,169,79,.75)!important;background:linear-gradient(135deg,#fff4c8,#f0c95b,#d5a130)!important;color:#5c3906!important;box-shadow:0 10px 22px rgba(191,139,31,.18)!important;}
.ss7-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important;}

/* Alte Tabellen-/Papyrusoptik sicher neutralisieren */
.table,.table .inner-wrap,.table .background,.table .papers,.table .sheets,.table .sheet{background:transparent!important;border:0!important;box-shadow:none!important;}
.table .side,.table .menu{display:none!important;}

footer{position:relative!important;z-index:10!important;background:rgba(255,255,255,.54)!important;box-shadow:0 -10px 30px rgba(31,78,122,.10)!important;}

@media(max-width:1320px){
    .main_wrapper{width:calc(100% - 22px)!important;gap:22px!important;}
    .main_wrapper .main{width:calc(100% - 316px)!important;}
    .main_wrapper .sidebar{width:294px!important;}
    .ss7-advisor-grid{gap:24px!important;grid-template-columns:repeat(2,minmax(380px,1fr))!important;}
    .ss7-advisor-card{padding:22px!important;}
    .ss7-card-head{grid-template-columns:180px minmax(0,1fr)!important;gap:22px!important;}
    .ss7-photo{width:180px!important;height:238px!important;}
    .ss7-actions{grid-template-columns:1fr!important;}
    .ss7-btn{min-height:44px!important;}
}
@media(max-width:1080px){
    .ss7-advisor-grid{grid-template-columns:1fr!important;}
}
@media(max-width:930px){
    body{background:url('/img/Hintergrundbild7.png') center top / auto 1050px fixed no-repeat!important;background-color:#eaf7ff!important;}
    header{padding-top:10px!important;}
    .ss-header-logo-wrap{margin:8px auto 14px!important;}
    .ss-header-star{font-size:42px!important;}
    .ss-header-title{font-size:clamp(38px,11vw,62px)!important;letter-spacing:.015em!important;}
    .ss-header-tagline{font-size:11px!important;letter-spacing:.13em!important;margin-top:10px!important;}
    #mobileNavi{display:block!important;margin:8px auto 10px!important;width:fit-content!important;padding:8px 18px!important;border-radius:999px!important;background:rgba(255,255,255,.70)!important;color:#174c77!important;-webkit-text-fill-color:#174c77!important;box-shadow:0 10px 24px rgba(31,78,122,.12)!important;}
    #topnavi{width:calc(100% - 18px)!important;border-radius:18px!important;padding:10px!important;max-height:0;overflow:hidden;transition:max-height .35s ease;}
    .open #topnavi{max-height:1200px!important;}
    .main_wrapper{width:calc(100% - 16px)!important;display:block!important;}
    .main_wrapper .main{width:100%!important;}
    .main_wrapper .sidebar.default{display:none!important;}
    .main_wrapper .sidebar.mobile{display:block!important;width:100%!important;margin-top:26px!important;}
    .ss7-advisor-grid{grid-template-columns:1fr!important;gap:24px!important;}
    .ss7-advisor-card{min-height:auto!important;border-radius:24px!important;padding:18px!important;}
    .ss7-card-head{grid-template-columns:118px minmax(0,1fr)!important;gap:14px!important;}
    .ss7-photo{width:118px!important;height:150px!important;border-radius:17px!important;}
    .ss7-advisor-card h2{font-size:30px!important;letter-spacing:.035em!important;}
    .ss7-skills{font-size:14px!important;line-height:1.34!important;min-height:54px!important;max-height:84px!important;}
    .ss7-rating{flex-wrap:wrap!important;gap:7px!important;}
    .ss7-stars{font-size:20px!important;}
    .ss7-rating strong{font-size:22px!important;}
    .ss7-call-row{grid-template-columns:62px minmax(0,1fr)!important;gap:12px!important;}
    .ss7-call-circle{width:56px!important;height:56px!important;font-size:28px!important;}
    .ss7-phone{font-size:26px!important;letter-spacing:.02em!important;}
    .ss7-actions{grid-template-columns:1fr!important;}
    .ss7-btn{min-height:44px!important;}
}
@media(max-width:520px){
    .ss7-card-head{grid-template-columns:1fr!important;}
    .ss7-photo{width:100%!important;height:260px!important;}
    .ss7-status{position:absolute!important;top:18px!important;left:18px!important;z-index:4!important;}
}

/* =========================================================
   SCHICKSALSSTERNE BERATERKARTEN V8 - kompakter Premium-Look
   Name oben, Foto darunter, nur Skills, eine Telefonnummer.
   ========================================================= */
.ss7-advisor-area{
  width:min(1120px, calc(100% - 48px)) !important;
  margin:34px auto 70px !important;
  padding:0 !important;
  background:transparent !important;
}
.ss7-advisor-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:42px 54px !important;
  align-items:start !important;
}
.ss7-advisor-card{
  min-height:0 !important;
  padding:22px 24px 24px !important;
  border-radius:28px !important;
  border:1.5px solid rgba(42,112,154,.42) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.50), rgba(230,248,255,.36) 48%, rgba(255,255,255,.44)) !important;
  box-shadow:
    0 18px 42px rgba(23,72,111,.14),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 32px rgba(255,255,255,.28) !important;
  backdrop-filter:blur(8px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05) !important;
  overflow:hidden !important;
}
.ss7-advisor-card::before{
  background:radial-gradient(circle at 20% 10%, rgba(255,255,255,.52), transparent 38%),
             radial-gradient(circle at 85% 75%, rgba(134,204,237,.20), transparent 42%) !important;
  opacity:.75 !important;
}
.ss7-card-head,
.ss7-content{display:block !important;}
.ss7-topline{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:3px !important;
}
.ss7-advisor-card h2{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:#a87518 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(22px,1.45vw,30px) !important;
  line-height:1.04 !important;
  font-weight:500 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
  text-shadow:0 1px 0 rgba(255,255,255,.86) !important;
}
.ss7-role{
  margin:4px 0 12px !important;
  color:#72518e !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.ss7-status{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:5px 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  border-radius:999px !important;
  background:rgba(221,255,230,.84) !important;
  border:1px solid rgba(77,224,110,.36) !important;
  box-shadow:0 0 14px rgba(77,224,110,.20) !important;
}
.ss7-status span{width:11px !important;height:11px !important;}
.ss7-photo{
  display:block !important;
  width:100% !important;
  height:205px !important;
  margin:0 0 14px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 10px 22px rgba(31,78,122,.14), inset 0 0 0 1px rgba(214,175,55,.16) !important;
  overflow:hidden !important;
}
.ss7-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;}
.ss7-divider{margin:4px 0 10px !important;gap:10px !important;color:#c79226 !important;}
.ss7-divider span{font-size:15px !important;}
.ss7-skills{
  color:#123f78 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  min-height:56px !important;
  max-height:76px !important;
  overflow:hidden !important;
  margin-bottom:12px !important;
}
.ss7-rating{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 14px !important;
  color:#143d79 !important;
  text-decoration:none !important;
}
.ss7-stars{font-size:18px !important;letter-spacing:0 !important;color:#d7a02b !important;white-space:nowrap !important;}
.ss7-rating strong{font-size:20px !important;color:#194f90 !important;font-weight:500 !important;}
.ss7-rating em{font-size:12px !important;color:#314763 !important;font-style:normal !important;}
.ss7-call-row{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:center !important;
  margin:14px 0 16px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(42,112,154,.24) !important;
}
.ss7-call-circle{
  width:52px !important;
  height:52px !important;
  font-size:27px !important;
  border:1px solid rgba(107,184,224,.62) !important;
  background:rgba(228,249,255,.78) !important;
  box-shadow:0 8px 18px rgba(31,78,122,.12), inset 0 0 16px rgba(255,255,255,.62) !important;
}
.ss7-phone{
  display:block !important;
  color:#123a74 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(23px,1.8vw,31px) !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  line-height:1.02 !important;
  text-decoration:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.ss7-price{margin-top:4px !important;color:#152f5a !important;font-size:14px !important;font-weight:800 !important;}
.ss7-phone-note{margin-top:3px !important;color:#53677f !important;font-size:12px !important;line-height:1.18 !important;}
.ss7-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr 1.05fr !important;
  gap:10px !important;
  margin-top:10px !important;
}
.ss7-btn{
  min-height:42px !important;
  padding:8px 9px !important;
  border-radius:13px !important;
  font-size:13px !important;
  line-height:1.05 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:900 !important;
}
.ss7-btn-profile,.ss7-btn-rating{
  background:rgba(247,253,255,.70) !important;
  border:1px solid rgba(72,137,190,.42) !important;
  color:#164b86 !important;
}
.ss7-btn-call{
  background:linear-gradient(135deg,#fff4c8,#f0c95b,#d5a130) !important;
  border:1px solid rgba(207,169,79,.68) !important;
  color:#5c3906 !important;
}
@media (max-width:1280px){
  .ss7-advisor-area{width:min(980px, calc(100% - 38px)) !important;}
  .ss7-advisor-grid{gap:34px 38px !important;}
  .ss7-advisor-card{padding:20px !important;}
  .ss7-photo{height:190px !important;}
  .ss7-advisor-card h2{font-size:24px !important;}
  .ss7-skills{font-size:13px !important;}
  .ss7-actions{grid-template-columns:1fr !important;}
}
@media (max-width:930px){
  .ss7-advisor-area{width:calc(100% - 22px) !important;margin:24px auto 48px !important;}
  .ss7-advisor-grid{grid-template-columns:1fr !important;gap:24px !important;}
  .ss7-advisor-card{padding:18px !important;border-radius:24px !important;}
  .ss7-photo{height:260px !important;}
  .ss7-advisor-card h2{font-size:26px !important;}
  .ss7-actions{grid-template-columns:1fr !important;}
}
@media (max-width:520px){
  .ss7-topline{display:block !important;}
  .ss7-status{margin:8px 0 0 !important;display:inline-flex !important;}
  .ss7-photo{height:220px !important;}
  .ss7-phone{font-size:24px !important;}
}

/* =========================================================
   SCHICKSALSSTERNE BERATERKARTEN V9
   Name oben, Status deutlicher, Foto links komplett sichtbar,
   Schlagworttext rechts, mehr Luft zwischen den Karten.
   ========================================================= */
.ss7-advisor-area{display:none!important;}
.ss9-advisor-area{
  position:relative!important;
  z-index:22!important;
  width:min(1050px, calc(100% - 58px))!important;
  margin:38px auto 86px!important;
  padding:0!important;
  background:transparent!important;
}
.ss9-advisor-grid{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:52px 62px!important;
  align-items:start!important;
}
.ss9-advisor-card{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  min-height:0!important;
  padding:19px 20px 20px!important;
  border-radius:26px!important;
  border:1.5px solid rgba(35,104,154,.46)!important;
  background:linear-gradient(145deg, rgba(255,255,255,.42), rgba(224,247,255,.26) 52%, rgba(255,255,255,.34))!important;
  box-shadow:
    0 16px 38px rgba(18,67,108,.12),
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 0 34px rgba(255,255,255,.20)!important;
  backdrop-filter:blur(7px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.06)!important;
  color:#102b57!important;
}
.ss9-advisor-card::before{
  content:""!important;
  position:absolute!important;
  inset:-22%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 15% 12%, rgba(255,255,255,.42), transparent 35%),radial-gradient(circle at 90% 80%, rgba(128,210,246,.18), transparent 40%)!important;
}
.ss9-advisor-card>*{position:relative!important;z-index:1!important;}
.ss9-card-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:11px!important;
}
.ss9-nameblock{min-width:0!important;flex:1 1 auto!important;}
.ss9-advisor-card h2{
  margin:0!important;
  color:#a87518!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(21px,1.35vw,27px)!important;
  line-height:1.04!important;
  font-weight:500!important;
  letter-spacing:.052em!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
  hyphens:auto!important;
  text-shadow:0 1px 0 rgba(255,255,255,.86)!important;
}
.ss9-role{
  margin:4px 0 0!important;
  color:#72518e!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ss9-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:rgba(216,255,228,.90)!important;
  border:1px solid rgba(66,221,101,.46)!important;
  color:#0e702b!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  box-shadow:0 0 16px rgba(77,224,110,.24)!important;
}
.ss9-status span{width:13px!important;height:13px!important;border-radius:50%!important;background:#20d24c!important;box-shadow:0 0 10px rgba(32,210,76,.88)!important;}
.ss9-status-busy .ss9-status{background:rgba(255,226,226,.92)!important;border-color:rgba(220,70,70,.48)!important;color:#9b1e1e!important;}
.ss9-status-busy .ss9-status span{background:#e53939!important;box-shadow:0 0 10px rgba(229,57,57,.80)!important;}
.ss9-status-offline .ss9-status{background:rgba(236,240,244,.90)!important;border-color:rgba(155,165,175,.45)!important;color:#65717d!important;}
.ss9-status-offline .ss9-status span{background:#9aa5af!important;box-shadow:0 0 8px rgba(154,165,175,.56)!important;}
.ss9-intro-row{
  display:grid!important;
  grid-template-columns:154px minmax(0,1fr)!important;
  gap:17px!important;
  align-items:stretch!important;
  margin-bottom:12px!important;
}
.ss9-photo{
  display:block!important;
  width:154px!important;
  height:184px!important;
  border-radius:19px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:0 11px 24px rgba(31,78,122,.15), inset 0 0 0 1px rgba(214,175,55,.12)!important;
}
.ss9-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transition:transform .35s ease, filter .35s ease!important;
}
.ss9-photo:hover img{transform:scale(1.035)!important;filter:brightness(1.04)!important;}
.ss9-photo-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:12px!important;box-sizing:border-box!important;text-align:center!important;color:#8b6418!important;font-weight:800!important;}
.ss9-tagbox{
  min-width:0!important;
  padding:2px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
}
.ss9-divider{display:flex!important;align-items:center!important;gap:9px!important;margin:8px 0 13px!important;color:#c79226!important;}
.ss9-divider::before,.ss9-divider::after{content:""!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(198,151,42,.58),transparent)!important;flex:1!important;}
.ss9-divider span{font-size:15px!important;line-height:1!important;}
.ss9-tagline{
  color:#123f78!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1.36!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  max-height:126px!important;
  overflow:hidden!important;
}
.ss9-skills{
  margin:5px 0 10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(42,112,154,.18)!important;
  color:#123f78!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.26!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  max-height:48px!important;
  overflow:hidden!important;
}
.ss9-rating{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 12px!important;
  color:#143d79!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1!important;
}
.ss9-stars{font-size:17px!important;letter-spacing:0!important;color:#d7a02b!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important;}
.ss9-rating strong{font-size:19px!important;color:#194f90!important;font-weight:600!important;}
.ss9-rating em{font-size:11.5px!important;color:#314763!important;font-style:normal!important;}
.ss9-call-row{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  margin:12px 0 14px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(42,112,154,.24)!important;
}
.ss9-call-circle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  border:1px solid rgba(107,184,224,.62)!important;
  background:rgba(228,249,255,.78)!important;
  color:#d0a12d!important;
  text-decoration:none!important;
  font-size:25px!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(31,78,122,.12), inset 0 0 16px rgba(255,255,255,.62)!important;
}
.ss9-phone{
  display:block!important;
  color:#123a74!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(22px,1.55vw,29px)!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  line-height:1.02!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.ss9-price{margin-top:4px!important;color:#152f5a!important;font-size:13px!important;font-weight:800!important;font-family:Arial,Helvetica,sans-serif!important;}
.ss9-phone-note{margin-top:3px!important;color:#53677f!important;font-size:11.5px!important;line-height:1.18!important;font-family:Arial,Helvetica,sans-serif!important;}
.ss9-actions{display:grid!important;grid-template-columns:1fr 1fr 1.05fr!important;gap:10px!important;margin-top:10px!important;}
.ss9-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px 9px!important;border-radius:13px!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12.5px!important;font-weight:900!important;line-height:1.05!important;text-align:center!important;box-sizing:border-box!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important;}
.ss9-btn-profile,.ss9-btn-rating{background:rgba(247,253,255,.70)!important;border:1px solid rgba(72,137,190,.42)!important;color:#164b86!important;box-shadow:0 7px 16px rgba(31,78,122,.08)!important;}
.ss9-btn-call{background:linear-gradient(135deg,#fff4c8,#f0c95b,#d5a130)!important;border:1px solid rgba(207,169,79,.68)!important;color:#5c3906!important;box-shadow:0 9px 18px rgba(191,139,31,.15)!important;}
.ss9-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important;}
@media(max-width:1280px){
  .ss9-advisor-area{width:min(930px, calc(100% - 42px))!important;}
  .ss9-advisor-grid{gap:40px 44px!important;}
  .ss9-advisor-card{padding:18px!important;}
  .ss9-intro-row{grid-template-columns:136px minmax(0,1fr)!important;gap:14px!important;}
  .ss9-photo{width:136px!important;height:170px!important;}
  .ss9-advisor-card h2{font-size:23px!important;}
  .ss9-tagline{font-size:12.5px!important;}
  .ss9-actions{grid-template-columns:1fr!important;}
  .ss9-btn{min-height:38px!important;}
}
@media(max-width:1080px){
  .ss9-advisor-grid{grid-template-columns:1fr!important;}
  .ss9-advisor-area{width:min(520px, calc(100% - 28px))!important;}
}
@media(max-width:930px){
  .ss9-advisor-area{width:calc(100% - 22px)!important;margin:26px auto 52px!important;}
  .ss9-advisor-grid{grid-template-columns:1fr!important;gap:28px!important;}
  .ss9-advisor-card{padding:17px!important;border-radius:24px!important;}
}
@media(max-width:520px){
  .ss9-card-top{display:block!important;}
  .ss9-status{margin:9px 0 0!important;}
  .ss9-intro-row{grid-template-columns:1fr!important;}
  .ss9-photo{width:100%!important;height:260px!important;}
  .ss9-phone{font-size:24px!important;}
  .ss9-actions{grid-template-columns:1fr!important;}
}


/* =========================================================
   FINALER PREMIUM-FEINSCHLIFF V10
   Topnavi + Sidebar + Beraterkarten auf 10/10 abgestimmt
   ========================================================= */

/* Header etwas ruhiger und Navigation weiter darunter */
.ss-header-logo,
header .ss-header-logo,
header .headline span{
    filter: drop-shadow(0 6px 18px rgba(130,92,20,.18)) !important;
}
header{
    padding-bottom: 6px !important;
}

/* Laufband: helles Eisblau, nicht zu hart */
.marquee,
header .marquee,
.ss-marquee{
    max-width: 1020px !important;
    margin: 16px auto 34px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(93,174,216,.42) !important;
    background:
        linear-gradient(90deg, rgba(211,245,255,.82), rgba(237,252,255,.72) 48%, rgba(188,232,252,.76)) !important;
    box-shadow:
        0 16px 30px rgba(43,120,164,.14),
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 0 -1px 0 rgba(201,150,35,.14) !important;
    color:#123f78 !important;
    backdrop-filter: blur(12px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
    overflow:hidden !important;
}
.marquee marquee,
header .marquee marquee,
.ss-marquee marquee{
    color:#123f78 !important;
    font-family: Georgia,'Times New Roman',serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 38px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

/* Hauptlayout: Sidebar bekommt mehr Platz, Hauptbereich bleibt luftig */
.main_wrapper{
    max-width: 1420px !important;
    gap: 34px !important;
    align-items:flex-start !important;
    background: transparent !important;
}
.main_wrapper .main{
    width: calc(100% - 375px) !important;
    max-width: 980px !important;
}
.main_wrapper .sidebar{
    width: 340px !important;
    flex: 0 0 340px !important;
    margin-left: auto !important;
}
@media(max-width:1280px){
    .main_wrapper{gap:26px!important;}
    .main_wrapper .main{width:calc(100% - 330px)!important;}
    .main_wrapper .sidebar{width:304px!important;flex-basis:304px!important;}
}
@media(max-width:930px){
    .main_wrapper .main,.main_wrapper .sidebar{width:100%!important;max-width:none!important;flex-basis:auto!important;}
}

/* Beraterkarten: etwas kleiner, edlerer Rahmen, mehr Hintergrund sichtbar */
.ss9-advisor-area{
    width:min(910px, calc(100% - 48px)) !important;
    margin: 42px auto 88px !important;
}
.ss9-advisor-grid{
    display:grid!important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 46px 56px !important;
}
.ss9-advisor-card{
    min-height: unset !important;
    padding: 19px 20px 20px !important;
    border-radius: 26px !important;
    border: 1.5px solid rgba(18,78,126,.48) !important;
    background:
        radial-gradient(circle at 16% 10%, rgba(255,255,255,.48), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.36), rgba(221,245,255,.22) 52%, rgba(255,255,255,.30)) !important;
    box-shadow:
        0 18px 42px rgba(20,72,112,.16),
        0 0 0 1px rgba(255,255,255,.54) inset,
        0 0 38px rgba(188,234,255,.20) inset !important;
    backdrop-filter: blur(8px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}
.ss9-advisor-card:hover{
    border-color: rgba(13,91,150,.62) !important;
    box-shadow:
        0 22px 48px rgba(20,72,112,.20),
        0 0 0 1px rgba(255,255,255,.62) inset,
        0 0 42px rgba(188,234,255,.28) inset !important;
}
.ss9-card-top{
    margin-bottom: 9px !important;
}
.ss9-advisor-card h2{
    font-size: clamp(18px,1.15vw,23px) !important;
    line-height:1.05 !important;
    letter-spacing:.045em !important;
    max-width: calc(100% - 122px) !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}
.ss9-role{
    font-size: 9.8px !important;
}
.ss9-status{
    padding: 8px 13px !important;
    font-size: 12.5px !important;
    letter-spacing:.05em !important;
}
.ss9-status span{
    width: 13px !important;
    height: 13px !important;
}
.ss9-intro-row{
    grid-template-columns: 138px minmax(0,1fr) !important;
    gap: 15px !important;
    align-items: start !important;
    margin-bottom: 12px !important;
}
.ss9-photo{
    width: 138px !important;
    height: 160px !important;
    border-radius: 18px !important;
    border:1px solid rgba(255,255,255,.80)!important;
    box-shadow:0 12px 24px rgba(31,78,122,.14), inset 0 0 0 1px rgba(214,175,55,.12)!important;
}
.ss9-photo img{
    object-fit: cover !important;
    object-position: center top !important;
}
.ss9-tagline{
    color:#143f75!important;
    font-size: 11.8px !important;
    line-height: 1.32 !important;
    font-weight: 800 !important;
    max-height: 86px !important;
}
.ss9-skills{
    font-size: 11.6px !important;
    line-height: 1.24 !important;
    max-height: 46px !important;
    margin: 8px 0 8px !important;
    padding-top: 10px !important;
}
.ss9-divider{margin: 6px 0 10px !important;}
.ss9-rating{
    gap: 6px !important;
    margin: 0 0 10px !important;
}
.ss9-stars{font-size:15px!important;}
.ss9-rating strong{font-size:16px!important;}
.ss9-rating em{font-size:10.5px!important;}
.ss9-call-row{
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 12px !important;
    margin: 10px 0 12px !important;
    padding-top: 12px !important;
}
.ss9-call-circle{
    width: 44px !important;
    height: 44px !important;
    font-size: 22px !important;
}
.ss9-phone{
    font-size: clamp(20px,1.35vw,25px) !important;
    letter-spacing:.035em !important;
}
.ss9-price{font-size:12.5px!important;margin-top:3px!important;}
.ss9-phone-note{font-size:10.8px!important;}
.ss9-actions{
    grid-template-columns: 1fr 1fr 1.08fr !important;
    gap: 9px !important;
}
.ss9-btn{
    min-height: 37px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
}
.ss9-btn-profile,.ss9-btn-rating{
    background:rgba(247,253,255,.62)!important;
    border-color:rgba(42,112,174,.42)!important;
    color:#123f78!important;
}
.ss9-btn-call{
    background:linear-gradient(135deg,#fff4c8,#f0c95b,#d5a130)!important;
    color:#573704!important;
}
@media(max-width:1280px){
    .ss9-advisor-area{width:min(860px, calc(100% - 42px))!important;}
    .ss9-advisor-grid{gap:42px 44px!important;}
    .ss9-intro-row{grid-template-columns:128px minmax(0,1fr)!important;gap:13px!important;}
    .ss9-photo{width:128px!important;height:154px!important;}
    .ss9-advisor-card h2{font-size:20px!important;}
}
@media(max-width:1080px){
    .ss9-advisor-grid{grid-template-columns:1fr!important;}
    .ss9-advisor-area{width:min(500px, calc(100% - 28px))!important;}
}
@media(max-width:520px){
    .ss9-intro-row{grid-template-columns:1fr!important;}
    .ss9-photo{width:100%!important;height:240px!important;}
    .ss9-advisor-card h2{max-width:none!important;}
    .ss9-actions{grid-template-columns:1fr!important;}
}

/* =========================================================
   SCHICKSALSSTERNE FINAL V11 - Luft, Premium-Navi, Sidebar, Kartenrahmen
   ========================================================= */

/* 1) Mehr Luft zwischen Logo und Top-Navi */
header{
    padding-bottom: 34px !important;
}
.ss-header-logo-wrap{
    margin-bottom: 48px !important;
}
#topnavi{
    margin-top: 34px !important;
    margin-bottom: 34px !important;
    width: min(1260px, calc(100% - 58px)) !important;
    padding: 20px 26px 21px !important;
    border-radius: 34px !important;
    border: 1.5px solid rgba(41,126,182,.46) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.86), transparent 34%),
        radial-gradient(circle at 85% 100%, rgba(173,228,255,.48), transparent 42%),
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(226,247,255,.56) 52%, rgba(255,255,255,.70)) !important;
    box-shadow:
        0 24px 62px rgba(42,98,140,.20),
        0 0 0 1px rgba(255,255,255,.55) inset,
        0 0 38px rgba(193,235,255,.26) inset,
        0 0 28px rgba(206,163,55,.10) !important;
    backdrop-filter: blur(19px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(19px) saturate(1.14) !important;
}
#topnavi a,
#topnavi .ep-nav-search-button{
    min-height: 38px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(205,160,50,.28) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(237,251,255,.55)) !important;
    color: #5b4218 !important;
    box-shadow:
        0 9px 19px rgba(48,105,146,.09),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}
#topnavi a:hover,
#topnavi .ep-nav-search-button:hover{
    color:#123f78 !important;
    border-color:rgba(53,137,190,.50) !important;
    background:linear-gradient(135deg, rgba(224,248,255,.92), rgba(255,255,255,.72)) !important;
    box-shadow:0 0 24px rgba(158,223,255,.40), 0 12px 22px rgba(55,111,150,.14) !important;
}
.ep-nav-search{
    background:rgba(255,255,255,.72) !important;
    border-color:rgba(53,137,190,.38) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 7px 16px rgba(48,105,146,.08) !important;
}
.ep-nav-search input{
    background:rgba(255,255,255,.62) !important;
    border-color:rgba(53,137,190,.24) !important;
    color:#123f78 !important;
}

/* 2) Laufband noch heller/eleganter */
.marquee,
header .marquee,
.ss-marquee{
    max-width: 1040px !important;
    margin: 10px auto 42px !important;
    border-radius: 18px !important;
    border: 1.5px solid rgba(120,202,238,.72) !important;
    background: linear-gradient(90deg, rgba(238,253,255,.94), rgba(197,239,255,.88), rgba(243,254,255,.96)) !important;
    box-shadow:
        0 18px 34px rgba(43,112,154,.15),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 0 24px rgba(255,255,255,.36) !important;
}
.marquee marquee,
header .marquee marquee,
.ss-marquee marquee{
    color:#143f75 !important;
    font-size:18px !important;
    font-weight:900 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.86) !important;
}

/* 3) Sidebar breiter, rechts ruhiger, intensiverer Eisblau-Touch */
.main_wrapper{
    width:min(1490px, calc(100% - 22px)) !important;
    gap: 42px !important;
}
.main_wrapper .main{
    width: calc(100% - 392px) !important;
}
.main_wrapper .sidebar{
    width: 360px !important;
    flex: 0 0 360px !important;
    margin-left: auto !important;
}
.sidebar.default,
.ep-soft-sidebar,
.ep-category-sidebar{
    padding-left: 26px !important;
    padding-right: 0 !important;
}
.sidebar,
.ep-sidebar-beauty{
    border-left:0 !important;
    border-radius: 30px !important;
    border: 1.5px solid rgba(44,130,186,.54) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.82), transparent 30%),
        radial-gradient(circle at 100% 86%, rgba(136,215,255,.58), transparent 44%),
        linear-gradient(180deg, rgba(224,247,255,.78), rgba(255,255,255,.54) 45%, rgba(215,241,255,.64)) !important;
    box-shadow:
        0 26px 64px rgba(35,90,132,.23),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 0 40px rgba(255,255,255,.30),
        0 0 0 1px rgba(255,255,255,.28) !important;
    backdrop-filter: blur(18px) saturate(1.13) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.13) !important;
}
.ep-sidebar-beauty{
    padding: 22px 20px 26px !important;
}
.ep-sidebar-beauty h2,
.sidebar h2{
    padding: 13px 15px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(44,130,186,.34) !important;
    background: linear-gradient(135deg, rgba(232,249,255,.88), rgba(255,255,255,.66)) !important;
    color:#123f78 !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    box-shadow:0 9px 20px rgba(35,90,132,.10), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
.ep-sidebar-beauty a,
.sidebar a,
.sidebar ul li a{
    min-height: 40px !important;
    padding: 10px 13px 10px 34px !important;
    margin: 7px 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(204,160,49,.20) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(235,250,255,.54)) !important;
    color:#4a3716 !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    box-shadow:0 8px 18px rgba(35,90,132,.08), inset 0 1px 0 rgba(255,255,255,.80) !important;
}
.ep-sidebar-beauty a:hover,
.sidebar a:hover,
.sidebar ul li a:hover{
    color:#123f78 !important;
    border-color:rgba(44,130,186,.42) !important;
    background:linear-gradient(135deg, rgba(222,247,255,.86), rgba(255,255,255,.62)) !important;
    box-shadow:0 0 20px rgba(154,221,255,.32), 0 8px 18px rgba(35,90,132,.10) !important;
}

/* 4) Beraterkarten: feiner dunkler Eisblau-Rahmen, etwas transparenter, mehr Abstand */
.ss9-advisor-area{
    width:min(930px, calc(100% - 56px)) !important;
    margin: 54px auto 96px !important;
}
.ss9-advisor-grid{
    gap: 58px 64px !important;
}
.ss9-advisor-card{
    border: 1.7px solid rgba(13,86,145,.54) !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(255,255,255,.42), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.32), rgba(219,244,255,.18) 56%, rgba(255,255,255,.28)) !important;
    box-shadow:
        0 20px 48px rgba(18,70,112,.18),
        0 0 0 1px rgba(255,255,255,.50) inset,
        0 0 42px rgba(186,233,255,.20) inset,
        0 0 18px rgba(12,86,145,.08) !important;
    backdrop-filter: blur(7px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
}
.ss9-advisor-card:hover{
    border-color: rgba(10,96,162,.70) !important;
    transform: translateY(-2px);
    box-shadow:
        0 24px 56px rgba(18,70,112,.22),
        0 0 0 1px rgba(255,255,255,.58) inset,
        0 0 46px rgba(186,233,255,.28) inset !important;
}
.ss9-advisor-card h2{
    color:#a17118 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.75), 0 0 10px rgba(255,225,145,.24) !important;
}
.ss9-status{
    box-shadow:0 0 16px rgba(33,220,86,.22), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.ss9-photo{
    border-color: rgba(255,255,255,.82) !important;
    box-shadow:0 12px 24px rgba(19,68,108,.14), 0 0 0 1px rgba(13,86,145,.20) !important;
}
.ss9-actions{gap: 11px !important;}
.ss9-btn{font-size: 11.8px !important;}

@media(max-width:1280px){
    .main_wrapper{gap:30px!important;}
    .main_wrapper .main{width:calc(100% - 338px)!important;}
    .main_wrapper .sidebar{width:316px!important;flex-basis:316px!important;}
    .ss9-advisor-grid{gap:46px 46px!important;}
}
@media(max-width:930px){
    header{padding-bottom:14px!important;}
    .ss-header-logo-wrap{margin-bottom:18px!important;}
    #topnavi{margin-top:12px!important;width:calc(100% - 18px)!important;padding:10px!important;}
    .main_wrapper{gap:0!important;width:calc(100% - 18px)!important;}
    .main_wrapper .main,.main_wrapper .sidebar{width:100%!important;max-width:none!important;flex-basis:auto!important;}
    .sidebar.default,.ep-soft-sidebar,.ep-category-sidebar{padding-left:0!important;padding-right:0!important;}
    .ss9-advisor-area{width:calc(100% - 22px)!important;margin:34px auto 64px!important;}
    .ss9-advisor-grid{gap:32px!important;}
}

/* =========================================================
   MOBILE OPTIMIERUNG V12 - Schicksalssterne
   Ziel: Header kleiner, Karten kompakt, Foto nicht riesig,
   Mobilansicht hochwertig und schnell lesbar.
   ========================================================= */

@media (max-width: 930px) {
    html, body {
        overflow-x: hidden !important;
        background-image: url('/img/Hintergrundbild7.png') !important;
        background-size: auto 1000px !important;
        background-position: center top !important;
        background-repeat: repeat-y !important;
        background-attachment: scroll !important;
    }

    header {
        padding: 10px 0 6px !important;
        min-height: 0 !important;
    }

    header .inner_wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .ss-header-logo-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px auto 18px !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .ss-header-star {
        font-size: 34px !important;
        margin-bottom: 3px !important;
    }

    .ss-header-title {
        font-size: clamp(34px, 10.4vw, 48px) !important;
        line-height: .92 !important;
        letter-spacing: .018em !important;
        white-space: nowrap !important;
        transform: scaleX(.92) !important;
        transform-origin: center center !important;
    }

    .ss-header-tagline {
        margin-top: 10px !important;
        font-size: clamp(10px, 3vw, 13px) !important;
        letter-spacing: .17em !important;
        line-height: 1.25 !important;
        padding: 0 8px !important;
    }

    #mobileNavi {
        display: block !important;
        width: auto !important;
        max-width: calc(100% - 74px) !important;
        margin: 12px auto 10px !important;
        padding: 8px 22px !important;
        min-height: 40px !important;
        border-radius: 999px !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
        color: #174c77 !important;
        -webkit-text-fill-color: #174c77 !important;
        background: rgba(255,255,255,.72) !important;
        border: 1px solid rgba(118,184,220,.55) !important;
        box-shadow: 0 10px 22px rgba(31,78,122,.12), inset 0 1px 0 rgba(255,255,255,.84) !important;
    }

    #topnavi {
        width: calc(100% - 18px) !important;
        margin: 10px auto 14px !important;
        padding: 9px !important;
        border-radius: 20px !important;
        gap: 7px !important;
    }

    #topnavi a,
    #topnavi button,
    #topnavi .ep-nav-search-button {
        min-height: 31px !important;
        padding: 6px 10px !important;
        font-size: 12.5px !important;
        line-height: 1.1 !important;
    }

    header .marquee,
    .marquee {
        width: calc(100% - 22px) !important;
        margin: 14px auto 18px !important;
        border-radius: 18px !important;
    }

    .marquee marquee,
    header .marquee marquee {
        font-size: 17px !important;
        line-height: 34px !important;
    }

    .main_wrapper {
        width: calc(100% - 16px) !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .main_wrapper .main,
    .main_wrapper .sidebar {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    .sidebar.default,
    .ep-soft-sidebar,
    .ep-category-sidebar {
        display: none !important;
    }

    .sidebar.mobile {
        display: block !important;
        margin: 28px auto 50px !important;
    }

    /* Mobile Beraterkarten: kompakt, Foto links, Text rechts */
    .ss9-advisor-area {
        width: calc(100% - 18px) !important;
        max-width: 520px !important;
        margin: 30px auto 60px !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .ss9-advisor-card {
        padding: 18px !important;
        border-radius: 24px !important;
        border: 1.5px solid rgba(13,86,145,.50) !important;
        background: linear-gradient(145deg, rgba(255,255,255,.40), rgba(220,244,255,.24) 58%, rgba(255,255,255,.35)) !important;
        box-shadow: 0 14px 34px rgba(18,70,112,.16), inset 0 0 30px rgba(255,255,255,.34) !important;
        backdrop-filter: blur(7px) saturate(1.06) !important;
        -webkit-backdrop-filter: blur(7px) saturate(1.06) !important;
    }

    .ss9-card-top {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .ss9-nameblock {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .ss9-advisor-card h2 {
        font-size: 25px !important;
        line-height: 1.02 !important;
        letter-spacing: .045em !important;
        margin: 0 !important;
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .ss9-role {
        margin-top: 3px !important;
        font-size: 10.5px !important;
        letter-spacing: .06em !important;
    }

    .ss9-status {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 7px 11px !important;
        font-size: 13px !important;
        min-height: 28px !important;
        border-radius: 999px !important;
    }

    .ss9-status span {
        width: 12px !important;
        height: 12px !important;
    }

    .ss9-intro-row {
        display: grid !important;
        grid-template-columns: 122px minmax(0, 1fr) !important;
        gap: 13px !important;
        align-items: start !important;
        margin-bottom: 12px !important;
    }

    .ss9-photo {
        width: 122px !important;
        height: 154px !important;
        border-radius: 16px !important;
    }

    .ss9-photo img,
    .ss9-photo .image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: inherit !important;
    }

    .ss9-tagbox {
        min-width: 0 !important;
        padding-top: 3px !important;
    }

    .ss9-divider {
        margin: 3px 0 8px !important;
    }

    .ss9-tagline {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
        max-height: 82px !important;
        overflow: hidden !important;
    }

    .ss9-skills {
        font-size: 12.2px !important;
        line-height: 1.22 !important;
        letter-spacing: .035em !important;
        margin: 10px 0 8px !important;
        max-height: 46px !important;
        overflow: hidden !important;
    }

    .ss9-rating {
        margin: 7px 0 10px !important;
        padding-bottom: 10px !important;
    }

    .ss9-stars {
        font-size: 14px !important;
    }

    .ss9-rating strong {
        font-size: 16px !important;
    }

    .ss9-rating em {
        font-size: 10.5px !important;
    }

    .ss9-call-row {
        display: grid !important;
        grid-template-columns: 48px minmax(0,1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        padding-top: 0 !important;
        margin: 0 0 12px !important;
    }

    .ss9-call-circle {
        width: 48px !important;
        height: 48px !important;
        font-size: 22px !important;
    }

    .ss9-phone {
        font-size: 27px !important;
        line-height: 1.05 !important;
        letter-spacing: .09em !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .ss9-price {
        font-size: 12.5px !important;
        line-height: 1.18 !important;
        max-height: 18px !important;
        overflow: hidden !important;
    }

    .ss9-phone-note {
        font-size: 11px !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin-top: 8px !important;
    }

    .ss9-btn {
        min-height: 42px !important;
        padding: 8px 9px !important;
        border-radius: 14px !important;
        font-size: 12.5px !important;
        line-height: 1.05 !important;
    }

    .ss9-btn-call {
        grid-column: 1 / -1 !important;
        min-height: 46px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 420px) {
    .ss-header-title {
        font-size: 40px !important;
        letter-spacing: .012em !important;
        transform: scaleX(.88) !important;
    }

    .ss-header-tagline {
        font-size: 10px !important;
        letter-spacing: .13em !important;
    }

    .ss9-advisor-area {
        width: calc(100% - 18px) !important;
        max-width: 390px !important;
    }

    .ss9-advisor-card {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    .ss9-advisor-card h2 {
        font-size: 23px !important;
    }

    .ss9-status {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }

    .ss9-intro-row {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .ss9-photo {
        width: 112px !important;
        height: 142px !important;
    }

    .ss9-tagline {
        font-size: 12px !important;
        max-height: 78px !important;
    }

    .ss9-skills {
        font-size: 11.5px !important;
        max-height: 43px !important;
    }

    .ss9-phone {
        font-size: 24px !important;
        letter-spacing: .07em !important;
    }
}

/* =========================================================
   SCHICKSALSSTERNE V13 - DESKTOP FEINSCHLIFF + MOBILE 2ER-KARTEN
   Desktop: Beraterbereich etwas weiter nach rechts.
   Mobile: kompaktere 2-Spalten-Übersicht, damit Kundinnen schneller sehen,
   wer online ist, ohne ewig zu scrollen.
   ========================================================= */

@media (min-width: 931px) {
    .main_wrapper {
        max-width: 1440px !important;
        gap: 38px !important;
    }

    .main_wrapper .main {
        padding-left: 46px !important;
        box-sizing: border-box !important;
    }

    .ss9-advisor-area {
        width: min(920px, 100%) !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .ss9-advisor-grid {
        gap: 48px 58px !important;
    }
}

/* Tablet: 2 Karten bleiben nebeneinander, aber kompakter */
@media (max-width: 930px) {
    header {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .ss-header-logo-wrap {
        margin: 2px auto 10px !important;
        padding: 0 4px !important;
    }

    .ss-header-star {
        font-size: 28px !important;
        margin-bottom: 0 !important;
    }

    .ss-header-title {
        font-size: clamp(30px, 9.2vw, 46px) !important;
        line-height: .9 !important;
        letter-spacing: .012em !important;
        transform: scaleX(.86) !important;
        white-space: nowrap !important;
    }

    .ss-header-tagline {
        margin-top: 7px !important;
        font-size: clamp(8.5px, 2.45vw, 11.5px) !important;
        letter-spacing: .12em !important;
        line-height: 1.2 !important;
    }

    #mobileNavi {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        padding: 7px 18px !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    .marquee,
    header .marquee,
    .ss-marquee {
        width: calc(100% - 18px) !important;
        margin: 12px auto 22px !important;
        border-radius: 16px !important;
    }

    .marquee marquee,
    header .marquee marquee,
    .ss-marquee marquee {
        font-size: 15px !important;
        line-height: 34px !important;
    }

    .ss9-advisor-area {
        width: calc(100% - 14px) !important;
        max-width: 760px !important;
        margin: 18px auto 44px !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    .ss9-advisor-card {
        padding: 11px !important;
        border-radius: 18px !important;
        border: 1.2px solid rgba(18,78,126,.55) !important;
        min-height: 0 !important;
        background: rgba(235,248,255,.48) !important;
        box-shadow:
            0 10px 24px rgba(22,75,122,.14),
            inset 0 0 24px rgba(255,255,255,.38) !important;
        backdrop-filter: blur(10px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
    }

    .ss9-card-top {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .ss9-advisor-card h2 {
        font-size: clamp(18px, 4.6vw, 24px) !important;
        line-height: .96 !important;
        letter-spacing: .045em !important;
        margin: 0 !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        max-width: 68% !important;
    }

    .ss9-role {
        font-size: 8.5px !important;
        letter-spacing: .08em !important;
        margin-top: 3px !important;
    }

    .ss9-status {
        font-size: 9.5px !important;
        padding: 5px 7px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
    }

    .ss9-status::before {
        width: 8px !important;
        height: 8px !important;
    }

    .ss9-intro-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-bottom: 7px !important;
    }

    .ss9-photo {
        width: 100% !important;
        height: 118px !important;
        border-radius: 14px !important;
    }

    .ss9-photo img,
    .ss9-photo .image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: inherit !important;
    }

    .ss9-tagbox {
        min-width: 0 !important;
    }

    .ss9-divider {
        margin: 4px 0 6px !important;
        gap: 6px !important;
    }

    .ss9-divider span {
        font-size: 12px !important;
    }

    .ss9-tagline {
        font-size: 10.5px !important;
        line-height: 1.23 !important;
        max-height: 40px !important;
        overflow: hidden !important;
    }

    .ss9-skills {
        font-size: 10.2px !important;
        line-height: 1.18 !important;
        letter-spacing: .025em !important;
        margin: 6px 0 6px !important;
        padding-top: 7px !important;
        max-height: 38px !important;
        overflow: hidden !important;
    }

    .ss9-rating {
        gap: 4px !important;
        margin: 4px 0 7px !important;
        padding-bottom: 7px !important;
    }

    .ss9-stars {
        font-size: 11px !important;
    }

    .ss9-rating strong {
        font-size: 13px !important;
    }

    .ss9-rating em {
        font-size: 9px !important;
    }

    .ss9-call-row {
        grid-template-columns: 32px minmax(0,1fr) !important;
        gap: 7px !important;
        margin: 6px 0 8px !important;
        padding-top: 7px !important;
    }

    .ss9-call-circle {
        width: 32px !important;
        height: 32px !important;
        font-size: 17px !important;
    }

    .ss9-phone {
        font-size: clamp(16px, 4.7vw, 21px) !important;
        line-height: 1.02 !important;
        letter-spacing: .055em !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ss9-price {
        margin-top: 2px !important;
        font-size: 9.5px !important;
        line-height: 1.15 !important;
        max-height: 23px !important;
        overflow: hidden !important;
    }

    .ss9-phone-note {
        display: none !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        margin-top: 6px !important;
    }

    .ss9-btn {
        min-height: 32px !important;
        padding: 6px 7px !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        line-height: 1.05 !important;
    }

    .ss9-btn-rating {
        display: none !important;
    }

    .ss9-btn-call {
        grid-column: auto !important;
        min-height: 34px !important;
        font-size: 11px !important;
    }

    .main_wrapper {
        width: calc(100% - 12px) !important;
        gap: 0 !important;
    }
}

/* Sehr kleine Smartphones: trotzdem 2 Karten, aber noch ruhiger */
@media (max-width: 430px) {
    .ss-header-title {
        font-size: clamp(27px, 8.7vw, 36px) !important;
        transform: scaleX(.82) !important;
    }

    .ss-header-tagline {
        font-size: 8.5px !important;
        letter-spacing: .10em !important;
    }

    .ss9-advisor-area {
        width: calc(100% - 10px) !important;
        margin-top: 14px !important;
    }

    .ss9-advisor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ss9-advisor-card {
        padding: 9px !important;
        border-radius: 16px !important;
    }

    .ss9-advisor-card h2 {
        font-size: 17px !important;
        max-width: 64% !important;
    }

    .ss9-status {
        font-size: 8.5px !important;
        padding: 4px 6px !important;
    }

    .ss9-photo {
        height: 104px !important;
    }

    .ss9-tagline {
        font-size: 9.8px !important;
        max-height: 36px !important;
    }

    .ss9-skills {
        font-size: 9.5px !important;
        max-height: 34px !important;
    }

    .ss9-phone {
        font-size: 16px !important;
    }

    .ss9-btn {
        min-height: 30px !important;
        font-size: 10px !important;
    }
}

/* =========================================================
   SCHICKSALSSTERNE V14 - MOBILE PREMIUM-KOMPAKT + DESKTOP SHIFT
   Ziel:
   - Desktop: Beraterkarten etwas naeher Richtung Sidebar
   - Mobile: 2 echte kompakte Karten nebeneinander
   - Mobile: nur Name, Foto, Skills, Telefon, Online, CTA
   - Mobile: Hintergrundbild wieder mit Eiskristall-Charakter sichtbar
   ========================================================= */

/* Desktop: Kartenbereich etwas nach rechts Richtung Sidebar ziehen */
@media (min-width: 931px) {
    .main_wrapper {
        gap: 26px !important;
    }

    .main_wrapper .main {
        padding-left: 72px !important;
        padding-right: 0 !important;
    }

    .ss9-advisor-area {
        width: min(940px, 100%) !important;
        margin-left: auto !important;
        margin-right: -18px !important;
    }

    .ss9-advisor-grid {
        gap: 52px 62px !important;
    }
}

/* Mobile: Hintergrund links oben halten, damit die Eiskristalle sichtbar bleiben */
@media (max-width: 930px) {
    html,
    body {
        background-color: #eaf7ff !important;
    }

    body {
        background-image: url('/img/Hintergrundbild7.png') !important;
        background-repeat: no-repeat !important;
        background-position: left top !important;
        background-size: auto 100vh !important;
        background-attachment: fixed !important;
    }

    /* Header und Laufband mobil ruhiger/kleiner */
    header {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .ss-header-logo-wrap {
        width: 100% !important;
        margin: 0 auto 6px !important;
        overflow: hidden !important;
    }

    .ss-header-star {
        font-size: 24px !important;
        margin: 0 0 2px !important;
    }

    .ss-header-title {
        font-size: clamp(25px, 7.8vw, 34px) !important;
        line-height: .92 !important;
        letter-spacing: .006em !important;
        transform: scaleX(.78) !important;
        transform-origin: center center !important;
        white-space: nowrap !important;
    }

    .ss-header-tagline {
        font-size: 8px !important;
        letter-spacing: .085em !important;
        margin-top: 6px !important;
        white-space: nowrap !important;
        transform: scaleX(.90) !important;
    }

    #mobileNavi {
        margin: 8px auto 8px !important;
        padding: 7px 18px !important;
        font-size: 18px !important;
    }

    .marquee,
    header .marquee,
    .ss-marquee {
        width: calc(100% - 22px) !important;
        margin: 10px auto 18px !important;
        border-radius: 15px !important;
        background: rgba(220,248,255,.86) !important;
        box-shadow: 0 8px 20px rgba(31,78,122,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
    }

    .marquee marquee,
    header .marquee marquee,
    .ss-marquee marquee {
        font-size: 13px !important;
        line-height: 30px !important;
    }

    /* Mobile Beraterbereich: zwei wirklich kompakte Karten nebeneinander */
    .ss9-advisor-area {
        width: calc(100% - 14px) !important;
        max-width: 820px !important;
        margin: 12px auto 42px !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 11px !important;
        align-items: stretch !important;
    }

    .ss9-advisor-card {
        padding: 9px !important;
        border-radius: 15px !important;
        min-height: 0 !important;
        border: 1.4px solid rgba(35,92,139,.68) !important;
        background: linear-gradient(145deg, rgba(239,251,255,.52), rgba(218,243,255,.32)) !important;
        box-shadow: 0 9px 22px rgba(22,75,122,.16), inset 0 0 18px rgba(255,255,255,.42) !important;
        backdrop-filter: blur(9px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(9px) saturate(1.08) !important;
    }

    .ss9-card-top {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) auto !important;
        align-items: start !important;
        gap: 5px !important;
        margin-bottom: 6px !important;
    }

    .ss9-advisor-card h2 {
        max-width: 100% !important;
        margin: 0 !important;
        font-size: clamp(13px, 3.7vw, 17px) !important;
        line-height: 1.02 !important;
        letter-spacing: .035em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .ss9-role {
        font-size: 7.5px !important;
        line-height: 1.1 !important;
        letter-spacing: .055em !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-status {
        font-size: 7.8px !important;
        padding: 4px 6px !important;
        gap: 4px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
        box-shadow: 0 0 12px rgba(36,220,84,.32) !important;
    }

    .ss9-status::before {
        width: 8px !important;
        height: 8px !important;
    }

    .ss9-intro-row {
        display: block !important;
        margin: 0 0 6px !important;
    }

    .ss9-photo {
        display: block !important;
        width: 100% !important;
        height: 94px !important;
        border-radius: 13px !important;
        margin: 0 0 7px !important;
        overflow: hidden !important;
    }

    .ss9-photo img,
    .ss9-photo .image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: inherit !important;
    }

    /* Mobil KEIN langer Profil-/Schlagworttext, nur kompakte Skills */
    .ss9-tagline,
    .ss9-tagbox,
    .ss9-divider {
        display: none !important;
    }

    .ss9-skills {
        display: block !important;
        margin: 7px 0 7px !important;
        padding: 0 !important;
        border-top: 0 !important;
        color: #143d79 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: clamp(9px, 2.55vw, 10.8px) !important;
        line-height: 1.16 !important;
        letter-spacing: .02em !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
        max-height: 36px !important;
        overflow: hidden !important;
    }

    /* Bewertung mobil ausblenden, damit die 2er-Uebersicht nicht ueberladen ist */
    .ss9-rating {
        display: none !important;
    }

    .ss9-call-row {
        display: grid !important;
        grid-template-columns: 28px minmax(0,1fr) !important;
        gap: 6px !important;
        align-items: center !important;
        margin: 7px 0 7px !important;
        padding: 7px !important;
        border-top: 0 !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, rgba(209,239,252,.82), rgba(176,219,239,.68)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 6px 14px rgba(25,80,130,.10) !important;
    }

    .ss9-call-circle {
        width: 27px !important;
        height: 27px !important;
        font-size: 15px !important;
        background: rgba(239,252,255,.92) !important;
    }

    .ss9-phone {
        font-size: clamp(14px, 4vw, 18px) !important;
        line-height: 1.03 !important;
        letter-spacing: .045em !important;
        color: #0f3e78 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-price {
        margin-top: 2px !important;
        font-size: 8.4px !important;
        line-height: 1.05 !important;
        max-height: 11px !important;
        overflow: hidden !important;
        color: #183a68 !important;
    }

    .ss9-phone-note {
        display: none !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-top: 6px !important;
    }

    .ss9-btn {
        min-height: 28px !important;
        padding: 5px 6px !important;
        border-radius: 10px !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
    }

    .ss9-btn-rating {
        display: none !important;
    }

    .ss9-btn-call {
        min-height: 30px !important;
        font-size: 10px !important;
        border-radius: 11px !important;
    }
}

/* Kleine Smartphones: noch kompakter, aber weiter 2 Spalten */
@media (max-width: 430px) {
    body {
        background-position: left top !important;
        background-size: auto 100vh !important;
    }

    .main_wrapper {
        width: calc(100% - 10px) !important;
    }

    .ss9-advisor-area {
        width: calc(100% - 8px) !important;
        margin-top: 10px !important;
    }

    .ss9-advisor-grid {
        gap: 9px !important;
    }

    .ss9-advisor-card {
        padding: 8px !important;
        border-radius: 14px !important;
    }

    .ss9-advisor-card h2 {
        font-size: clamp(12px, 3.45vw, 15px) !important;
    }

    .ss9-status {
        font-size: 7px !important;
        padding: 4px 5px !important;
    }

    .ss9-status::before {
        width: 7px !important;
        height: 7px !important;
    }

    .ss9-photo {
        height: 84px !important;
    }

    .ss9-skills {
        font-size: 8.8px !important;
        max-height: 31px !important;
    }

    .ss9-call-row {
        grid-template-columns: 24px minmax(0,1fr) !important;
        padding: 6px !important;
    }

    .ss9-call-circle {
        width: 24px !important;
        height: 24px !important;
        font-size: 13px !important;
    }

    .ss9-phone {
        font-size: clamp(13px, 3.75vw, 16px) !important;
    }

    .ss9-price {
        font-size: 7.8px !important;
    }

    .ss9-btn {
        min-height: 26px !important;
        font-size: 8.8px !important;
    }

    .ss9-btn-call {
        min-height: 28px !important;
        font-size: 9.2px !important;
    }
}

/* =========================================================
   SCHICKSALSSTERNE MOBILE V15 - echte Mobile-Kompaktkarten
   + Desktop-Karten weiter Richtung Sidebar
   ========================================================= */

/* Desktop: Kartenbereich nicht mehr mittig in der linken Spalte,
   sondern in Richtung Sidebar schieben. Das liegt am Wrapper/CSS,
   nicht an list_berater_neu.php. */
@media (min-width: 931px){
    .main_wrapper .main{
        display:block !important;
    }
    .ss9-advisor-area{
        margin-left:auto !important;
        margin-right:0 !important;
        transform:translateX(18px) !important;
    }
}

/* Der unnötige schmale Streifen unter Menü/Suche mobil weg */
@media (max-width: 930px){
    header .marquee:empty,
    .ss-marquee:empty,
    .marquee:empty{
        display:none !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }
    #topnavi + .marquee,
    #topnavi + .ss-marquee{
        margin-top:10px !important;
    }
}

/* Mobile Header: wieder etwas kräftiger, aber nicht riesig */
@media (max-width: 930px){
    header{
        padding-top:12px !important;
        padding-bottom:8px !important;
    }
    .ss-header-logo-wrap{
        width:100% !important;
        max-width:100% !important;
        margin:8px auto 18px !important;
        padding:0 10px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }
    .ss-header-star{
        font-size:32px !important;
        margin-bottom:4px !important;
    }
    .ss-header-title{
        font-size:clamp(40px, 11vw, 58px) !important;
        line-height:.92 !important;
        letter-spacing:.018em !important;
        white-space:nowrap !important;
        transform:scaleX(.86) !important;
        transform-origin:center center !important;
    }
    .ss-header-tagline{
        font-size:clamp(10px, 2.6vw, 13px) !important;
        letter-spacing:.15em !important;
        margin-top:8px !important;
        white-space:nowrap !important;
        transform:scaleX(.88) !important;
        transform-origin:center center !important;
    }

    /* Mobile Hintergrund: Kristalle oben/links sichtbar halten */
    body{
        background-image:url('/img/Hintergrundbild7.png') !important;
        background-size:auto 980px !important;
        background-position:left top !important;
        background-repeat:repeat-y !important;
        background-attachment:scroll !important;
    }
    body::before{
        background:url('/img/Hintergrundbild7.png') left top / auto 980px repeat-y !important;
        opacity:.95 !important;
    }
}

/* Mobile 2er-Karten: sehr kompakt, keine langen Profiltexte */
@media (max-width: 930px){
    .ss9-advisor-area{
        width:calc(100% - 18px) !important;
        margin:24px auto 44px !important;
        padding:0 !important;
        overflow:visible !important;
    }
    .ss9-advisor-grid{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:18px 14px !important;
        align-items:start !important;
    }
    .ss9-advisor-card{
        padding:10px 8px 11px !important;
        border-radius:18px !important;
        border:1.4px solid rgba(23,92,145,.62) !important;
        background:linear-gradient(145deg, rgba(255,255,255,.54), rgba(224,247,255,.35) 54%, rgba(255,255,255,.46)) !important;
        box-shadow:0 10px 22px rgba(18,67,108,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
        backdrop-filter:blur(6px) saturate(1.04) !important;
        -webkit-backdrop-filter:blur(6px) saturate(1.04) !important;
        min-height:0 !important;
        overflow:hidden !important;
    }

    /* Kopf: Name voll sichtbar, Status daneben */
    .ss9-card-top{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:5px !important;
        align-items:start !important;
        margin-bottom:7px !important;
    }
    .ss9-nameblock{
        min-width:0 !important;
    }
    .ss9-advisor-card h2{
        font-size:clamp(15px, 4vw, 19px) !important;
        line-height:1.05 !important;
        letter-spacing:.035em !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
        hyphens:none !important;
        max-width:100% !important;
        display:block !important;
    }
    .ss9-role{
        font-size:8.5px !important;
        letter-spacing:.04em !important;
        margin-top:2px !important;
    }
    .ss9-status{
        padding:5px 7px !important;
        gap:4px !important;
        font-size:9px !important;
        letter-spacing:.02em !important;
        white-space:nowrap !important;
        margin-top:0 !important;
    }
    .ss9-status span{
        width:9px !important;
        height:9px !important;
    }

    /* Foto normal, nicht breitgezogen. Daneben keine lange Textbox. */
    .ss9-intro-row{
        display:block !important;
        margin:0 0 7px !important;
    }
    .ss9-photo{
        width:100% !important;
        height:118px !important;
        border-radius:14px !important;
        margin:0 auto 8px !important;
    }
    .ss9-photo img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }
    .ss9-tagbox{
        display:block !important;
        padding:0 !important;
    }
    .ss9-divider{
        margin:5px 0 7px !important;
    }
    .ss9-divider span{
        font-size:12px !important;
    }

    /* Mobil kein langer Kurztext, nur Skills */
    .ss9-tagline{
        display:none !important;
    }
    .ss9-skills{
        display:block !important;
        margin:0 0 7px !important;
        padding-top:0 !important;
        border-top:0 !important;
        font-size:10.2px !important;
        line-height:1.18 !important;
        letter-spacing:.025em !important;
        max-height:48px !important;
        overflow:hidden !important;
    }

    /* Bewertung sichtbar und kompakt */
    .ss9-rating{
        display:flex !important;
        align-items:center !important;
        gap:3px !important;
        margin:3px 0 7px !important;
        padding-top:5px !important;
        border-top:1px solid rgba(42,112,154,.18) !important;
    }
    .ss9-stars{
        font-size:12px !important;
        letter-spacing:-1px !important;
    }
    .ss9-rating strong{
        font-size:13px !important;
        line-height:1 !important;
    }
    .ss9-rating em{
        font-size:8.5px !important;
        white-space:nowrap !important;
    }

    /* Telefon vollständig, ohne Telefonkreis, dunkel eisblau unterlegt */
    .ss9-call-row{
        display:block !important;
        margin:6px 0 8px !important;
        padding:7px 6px !important;
        border-top:1px solid rgba(42,112,154,.20) !important;
        border-radius:13px !important;
        background:linear-gradient(135deg, rgba(194,235,255,.72), rgba(232,249,255,.58)) !important;
        box-shadow:inset 0 0 12px rgba(255,255,255,.48) !important;
    }
    .ss9-call-circle{
        display:none !important;
    }
    .ss9-phone{
        font-size:clamp(15px, 4.35vw, 20px) !important;
        line-height:1.05 !important;
        letter-spacing:.025em !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        color:#0f3f78 !important;
        text-align:center !important;
    }
    .ss9-price{
        display:block !important;
        margin-top:3px !important;
        font-size:9.5px !important;
        line-height:1.15 !important;
        text-align:center !important;
        max-height:24px !important;
        overflow:hidden !important;
    }
    .ss9-phone-note{
        display:none !important;
    }

    /* Buttons: nur Profil + Anruf, Bewertungen über Sterne klickbar */
    .ss9-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
        margin-top:6px !important;
    }
    .ss9-btn{
        min-height:32px !important;
        padding:6px 5px !important;
        border-radius:11px !important;
        font-size:10.5px !important;
        line-height:1.05 !important;
    }
    .ss9-btn-rating{
        display:none !important;
    }
    .ss9-btn-call{
        min-height:34px !important;
    }
}

/* ganz schmale Geräte: bleibt 2-spaltig, aber noch kompakter */
@media (max-width: 390px){
    .ss9-advisor-area{width:calc(100% - 10px) !important;}
    .ss9-advisor-grid{gap:14px 8px !important;}
    .ss9-advisor-card{padding:9px 6px 10px !important;}
    .ss9-advisor-card h2{font-size:clamp(13px, 3.8vw, 17px) !important;}
    .ss9-photo{height:104px !important;}
    .ss9-skills{font-size:9.2px !important;max-height:43px !important;}
    .ss9-phone{font-size:clamp(14px, 4vw, 18px) !important;}
    .ss9-status{font-size:8px !important;padding:4px 5px !important;}
}


/* =========================================================
   SCHICKSALSSTERNE FINAL-KORREKTUR V17
   - list_berater_neu wieder auf stabile V9-Struktur
   - Desktop-Karten sichtbar Richtung Sidebar verschoben
   - Mobile Karten kompakt, 2 nebeneinander, Namen vollständig
   - Foto unverzerrt, Telefon/Preis/Bewertung sichtbar
   ========================================================= */

/* Blauen Leerstreifen unter dem Mobilmenü entfernen */
.ep-nav-results:empty,
.ep-nav-search-results:empty,
.ep-nav-search-panel:empty,
#topnavi + div:empty {
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Desktop: Beraterkarten wirklich sichtbar weiter nach rechts */
@media (min-width: 931px) {
    .main_wrapper {
        justify-content:flex-start !important;
    }

    .main_wrapper .main {
        padding-left: clamp(48px, 4.5vw, 86px) !important;
        box-sizing:border-box !important;
    }

    .main_wrapper .main .ss9-advisor-area {
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: translateX(24px) !important;
        width: min(920px, calc(100% - 20px)) !important;
    }

    .ss9-advisor-grid {
        gap: 48px 52px !important;
    }
}

/* Mobile Header minimal kleiner, damit Stern/Schrift sauber sichtbar bleiben */
@media (max-width: 930px) {
    header { padding-top: 8px !important; }
    .ss-header-logo-wrap { width: 96vw !important; margin: 6px auto 12px !important; }
    .ss-header-star { font-size: 34px !important; margin-bottom: 5px !important; }
    .ss-header-title {
        font-size: clamp(34px, 9.4vw, 50px) !important;
        line-height: .94 !important;
        letter-spacing: .01em !important;
        white-space: nowrap !important;
    }
    .ss-header-tagline {
        font-size: 10.5px !important;
        letter-spacing: .10em !important;
        margin-top: 8px !important;
        white-space: nowrap !important;
    }
}

/* Mobile: echte kompakte 2er-Beraterübersicht */
@media (max-width: 930px) {
    .ss9-advisor-area {
        width: calc(100% - 18px) !important;
        margin: 28px auto 58px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 12px !important;
        align-items: stretch !important;
    }

    .ss9-advisor-card {
        width: 100% !important;
        min-width: 0 !important;
        height: 468px !important;
        min-height: 468px !important;
        max-height: 468px !important;
        padding: 10px 8px 12px !important;
        border-radius: 20px !important;
        border: 2px solid rgba(86, 136, 172, .74) !important;
        background: rgba(244, 252, 255, .58) !important;
        box-shadow:
            0 10px 26px rgba(38, 92, 132, .16),
            inset 0 0 22px rgba(255,255,255,.44) !important;
        backdrop-filter: blur(10px) saturate(1.06) !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Name bekommt seine eigene volle Breite; Online-Status stört ihn nicht */
    .ss9-card-top {
        display: block !important;
        position: relative !important;
        min-height: 66px !important;
        padding: 0 !important;
        margin: 0 0 6px !important;
    }

    .ss9-nameblock {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ss9-advisor-card h2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 3px !important;
        padding: 0 !important;
        font-size: clamp(15px, 4.1vw, 19px) !important;
        line-height: 1.03 !important;
        letter-spacing: .045em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        hyphens: none !important;
        color: #a87416 !important;
    }

    .ss9-role {
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        letter-spacing: .055em !important;
        margin: 0 !important;
        color: #76528b !important;
    }

    .ss9-status {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        min-height: 25px !important;
        padding: 4px 7px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        z-index: 5 !important;
    }

    .ss9-status span {
        width: 10px !important;
        height: 10px !important;
        flex: 0 0 10px !important;
    }

    /* Mobil kein langer Schlagworttext: nur Foto + Skills/Bewertung/Telefon */
    .ss9-intro-row {
        display: block !important;
        margin: 0 0 8px !important;
        min-height: 0 !important;
    }

    .ss9-tagbox {
        display: none !important;
    }

    .ss9-photo {
        display: block !important;
        width: 100% !important;
        height: 128px !important;
        margin: 0 auto 8px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.62) !important;
        box-shadow: 0 8px 18px rgba(40,92,130,.13) !important;
    }

    .ss9-photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        background: rgba(255,255,255,.68) !important;
    }

    .ss9-skills {
        display: block !important;
        height: 58px !important;
        max-height: 58px !important;
        overflow: hidden !important;
        margin: 0 0 6px !important;
        padding: 0 !important;
        font-size: clamp(10px, 3.05vw, 12px) !important;
        line-height: 1.18 !important;
        letter-spacing: .025em !important;
        color: #123f78 !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }

    .ss9-rating {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-height: 24px !important;
        margin: 0 0 7px !important;
        padding: 4px 0 6px !important;
        border-top: 1px solid rgba(83,138,177,.20) !important;
        border-bottom: 1px solid rgba(83,138,177,.20) !important;
        text-decoration: none !important;
        overflow: visible !important;
        white-space: nowrap !important;
    }

    .ss9-stars {
        font-size: 13px !important;
        letter-spacing: -1px !important;
        color: #e7ad28 !important;
        white-space: nowrap !important;
    }

    .ss9-rating strong {
        font-size: 15px !important;
        color: #123f78 !important;
        line-height: 1 !important;
    }

    .ss9-rating em {
        font-size: 9px !important;
        color: #3d5264 !important;
        font-style: normal !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-call-row {
        display: block !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .ss9-call-circle {
        display: none !important;
    }

    .ss9-call-info {
        width: 100% !important;
        padding: 8px 6px !important;
        border-radius: 13px !important;
        background: linear-gradient(135deg, rgba(212,242,255,.88), rgba(238,250,255,.76)) !important;
        border: 1px solid rgba(75,150,196,.30) !important;
        box-shadow: inset 0 0 12px rgba(255,255,255,.48) !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .ss9-phone {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: clamp(14px, 3.9vw, 17px) !important;
        line-height: 1.05 !important;
        letter-spacing: .05em !important;
        color: #0d3d75 !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .ss9-price {
        display: block !important;
        margin-top: 3px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        color: #183b5d !important;
        font-weight: 800 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ss9-phone-note {
        display: none !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-top: auto !important;
    }

    .ss9-btn {
        min-height: 31px !important;
        padding: 6px 5px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-btn-rating {
        display: inline-flex !important;
    }

    .ss9-btn-call {
        min-height: 36px !important;
        font-size: 11.5px !important;
        background: linear-gradient(135deg, #fff2b2 0%, #f0bf37 58%, #d69d18 100%) !important;
        color: #4f3408 !important;
    }
}

/* sehr kleine Handys: noch etwas dichter, aber weiter zwei Karten nebeneinander */
@media (max-width: 390px) {
    .ss9-advisor-area { width: calc(100% - 10px) !important; }
    .ss9-advisor-grid { gap: 12px 8px !important; }
    .ss9-advisor-card {
        height: 456px !important;
        min-height: 456px !important;
        max-height: 456px !important;
        padding: 8px 6px 10px !important;
    }
    .ss9-advisor-card h2 { font-size: clamp(14px, 3.8vw, 17px) !important; }
    .ss9-photo { height: 118px !important; }
    .ss9-skills { height: 54px !important; max-height: 54px !important; }
    .ss9-phone { font-size: clamp(13px, 3.7vw, 16px) !important; }
}

/* =========================================================
   V18 - gezielte Korrektur NUR CSS
   Mobile: kleine 2er-Karten, Name oben allein, Foto klein,
   Preis/Bewertung sichtbar, keine Riesenfotos.
   Desktop: Beraterbereich sichtbar Richtung Sidebar verschoben.
   ========================================================= */

/* Desktop: Karten endlich sichtbar nach rechts Richtung Sidebar */
@media (min-width: 931px) {
    .ss9-advisor-area {
        margin-left: clamp(70px, 6vw, 120px) !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    .ss9-advisor-grid {
        justify-content: end !important;
    }

    /* Fallback, falls der uebergeordnete Container alles links festhaelt */
    .main_wrapper .main .ss9-advisor-area,
    .main .ss9-advisor-area {
        position: relative !important;
        left: clamp(45px, 4vw, 80px) !important;
    }
}

@media (min-width: 931px) and (max-width: 1280px) {
    .main_wrapper .main .ss9-advisor-area,
    .main .ss9-advisor-area {
        left: 35px !important;
    }
}

/* Leeren blauen Streifen unter Menue/Suche ausblenden */
.ep-nav-results:empty,
.ep-nav-empty:empty,
.ss-nav-spacer,
.ss-empty-strip,
.ss-search-spacer,
#topnavi + .ep-nav-results:empty,
#topnavi + .ss-empty-strip {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Mobile Header: voll sichtbar, aber nicht zu riesig */
@media (max-width: 930px) {
    header { padding-top: 6px !important; padding-bottom: 8px !important; }
    .ss-header-logo-wrap {
        width: 98vw !important;
        margin: 4px auto 10px !important;
        overflow: visible !important;
    }
    .ss-header-star {
        font-size: 32px !important;
        margin-bottom: 2px !important;
        line-height: .9 !important;
    }
    .ss-header-title {
        font-size: clamp(33px, 9.4vw, 46px) !important;
        line-height: .96 !important;
        letter-spacing: .008em !important;
        white-space: nowrap !important;
        transform: scaleX(.92) !important;
        transform-origin: center !important;
    }
    .ss-header-tagline {
        margin-top: 7px !important;
        font-size: clamp(8px, 2.45vw, 10px) !important;
        letter-spacing: .105em !important;
        white-space: nowrap !important;
    }
    .ss-header-tagline:before,
    .ss-header-tagline:after { margin: 0 3px !important; }

    /* Menue etwas weniger hoch */
    #mobileNavi {
        width: calc(100% - 70px) !important;
        margin: 10px auto 12px !important;
        padding: 8px 12px !important;
        min-height: 42px !important;
        font-size: clamp(23px, 6vw, 32px) !important;
        line-height: 1.1 !important;
    }

    /* Der unnötige leere Such-/Zierstreifen unter dem Menue */
    #topnavi:after,
    .ep-nav-search:empty,
    .ep-nav-results:empty,
    .ss-marquee:empty,
    .marquee:empty {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Hauptbereich mobil: 2 Karten, aber wirklich kompakt */
    .ss9-advisor-area {
        width: calc(100% - 12px) !important;
        max-width: none !important;
        margin: 28px auto 40px !important;
        padding: 0 !important;
        left: auto !important;
        transform: none !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 10px !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .ss9-advisor-card {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 368px !important;
        min-height: 368px !important;
        max-height: 368px !important;
        padding: 8px 7px 9px !important;
        border-radius: 18px !important;
        border: 1.4px solid rgba(54,116,158,.72) !important;
        background: rgba(244,252,255,.64) !important;
        box-shadow:
            0 10px 22px rgba(28,80,118,.14),
            inset 0 0 20px rgba(255,255,255,.52) !important;
        backdrop-filter: blur(9px) saturate(1.03) !important;
        -webkit-backdrop-filter: blur(9px) saturate(1.03) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Name oben hat die ganze Zeile: kein Online daneben */
    .ss9-card-top {
        display: block !important;
        position: relative !important;
        min-height: 46px !important;
        height: 46px !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
    }

    .ss9-nameblock {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ss9-advisor-card h2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(13px, 3.45vw, 16px) !important;
        line-height: 1.02 !important;
        letter-spacing: .035em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        hyphens: none !important;
        color: #a87416 !important;
    }

    .ss9-role {
        display: block !important;
        margin-top: 2px !important;
        font-size: 8.5px !important;
        line-height: 1.05 !important;
        letter-spacing: .04em !important;
        color: #76528b !important;
    }

    /* Online wird aus der Namenszeile herausgenommen und kleiner aufs Foto gesetzt */
    .ss9-status {
        position: absolute !important;
        top: 62px !important;
        right: 12px !important;
        z-index: 20 !important;
        min-height: 22px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        gap: 4px !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    .ss9-status span {
        width: 9px !important;
        height: 9px !important;
        flex: 0 0 9px !important;
    }

    /* Foto klein, nicht gestreckt, nichts läuft hinein */
    .ss9-intro-row {
        display: block !important;
        position: relative !important;
        min-height: 0 !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
    }

    .ss9-tagbox {
        display: none !important;
    }

    .ss9-photo {
        display: block !important;
        width: 100% !important;
        height: 92px !important;
        margin: 0 auto 7px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.78) !important;
        border: 1px solid rgba(255,255,255,.86) !important;
        box-shadow: 0 6px 13px rgba(24,74,112,.13) !important;
    }

    .ss9-photo img,
    .ss9-photo .image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        transform: none !important;
    }

    /* Nur Skills, kompakt. Kein Text ins Foto. */
    .ss9-skills {
        display: block !important;
        clear: both !important;
        height: 43px !important;
        max-height: 43px !important;
        overflow: hidden !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        font-size: clamp(9px, 2.85vw, 11px) !important;
        line-height: 1.16 !important;
        letter-spacing: .018em !important;
        color: #123f78 !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }

    /* Bewertung wieder sichtbar und anklickbar, sofern im HTML als Link vorhanden */
    .ss9-rating {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        min-height: 20px !important;
        height: 20px !important;
        margin: 0 0 5px !important;
        padding: 3px 0 !important;
        border-top: 1px solid rgba(83,138,177,.18) !important;
        border-bottom: 1px solid rgba(83,138,177,.18) !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .ss9-stars {
        font-size: 11px !important;
        letter-spacing: -1.4px !important;
        color: #e7ad28 !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    .ss9-rating strong {
        font-size: 13px !important;
        color: #123f78 !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }

    .ss9-rating em {
        font-size: 8.2px !important;
        color: #3d5264 !important;
        font-style: normal !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Telefon + Preis vollständig sichtbar */
    .ss9-call-row {
        display: block !important;
        margin: 0 0 6px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .ss9-call-circle {
        display: none !important;
    }

    .ss9-call-info {
        display: block !important;
        width: 100% !important;
        padding: 6px 4px 5px !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, rgba(210,240,255,.90), rgba(238,250,255,.78)) !important;
        border: 1px solid rgba(75,150,196,.30) !important;
        box-shadow: inset 0 0 10px rgba(255,255,255,.48) !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .ss9-phone {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        font-size: clamp(12px, 3.25vw, 15px) !important;
        line-height: 1.05 !important;
        letter-spacing: .025em !important;
        color: #0d3d75 !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .ss9-price {
        display: block !important;
        margin-top: 2px !important;
        font-size: clamp(8.4px, 2.45vw, 10px) !important;
        line-height: 1.12 !important;
        color: #183b5d !important;
        font-weight: 800 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ss9-phone-note {
        display: none !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-top: auto !important;
    }

    .ss9-btn {
        min-height: 28px !important;
        padding: 5px 4px !important;
        border-radius: 11px !important;
        font-size: 10px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-btn-rating {
        display: inline-flex !important;
    }

    .ss9-btn-call {
        min-height: 31px !important;
        font-size: 10.5px !important;
        background: linear-gradient(135deg, #fff2b2 0%, #f0bf37 58%, #d69d18 100%) !important;
        color: #4f3408 !important;
    }
}

/* Kleine Handys: noch kompakter */
@media (max-width: 390px) {
    .ss9-advisor-area { width: calc(100% - 8px) !important; }
    .ss9-advisor-grid { gap: 14px 8px !important; }
    .ss9-advisor-card {
        height: 352px !important;
        min-height: 352px !important;
        max-height: 352px !important;
        padding: 7px 6px 8px !important;
    }
    .ss9-card-top { height: 44px !important; min-height: 44px !important; }
    .ss9-advisor-card h2 { font-size: clamp(12px, 3.25vw, 15px) !important; }
    .ss9-role { font-size: 8px !important; }
    .ss9-status { top: 58px !important; right: 10px !important; font-size: 8.5px !important; }
    .ss9-photo { height: 86px !important; }
    .ss9-skills { height: 40px !important; max-height: 40px !important; font-size: clamp(8.6px,2.65vw,10px) !important; }
    .ss9-phone { font-size: clamp(11px, 3.05vw, 14px) !important; }
    .ss9-price { font-size: clamp(8px,2.25vw,9.3px) !important; }
    .ss9-btn { min-height: 27px !important; font-size: 9.5px !important; }
    .ss9-btn-call { min-height: 30px !important; }
}


/* =========================================================
   FINAL FIX V19 - Name zuerst, Preis sichtbar, Mobile kompakt,
   Desktop-Karten sichtbar nach rechts.
   Diese Regeln stehen absichtlich ganz unten.
   ========================================================= */

/* Desktop: Beraterbereich sichtbar Richtung Sidebar schieben */
@media (min-width: 931px) {
    .main_wrapper,
    .main_wrapper .main {
        overflow: visible !important;
    }

    .main_wrapper .main .ss9-advisor-area,
    .main .ss9-advisor-area,
    .ss9-advisor-area {
        transform: translateX(clamp(55px, 5vw, 95px)) !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .ss9-advisor-grid {
        justify-content: end !important;
    }

    /* Name auch am Desktop: volle Breite, Status nicht in der Namenszeile */
    .ss9-card-top {
        display: block !important;
        position: relative !important;
        padding-right: 0 !important;
        min-height: 66px !important;
        margin-bottom: 10px !important;
    }

    .ss9-nameblock {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }

    .ss9-advisor-card h2 {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(18px, 1.25vw, 23px) !important;
        line-height: 1.05 !important;
    }

    .ss9-status {
        position: static !important;
        display: inline-flex !important;
        margin-top: 7px !important;
        float: none !important;
    }

    .ss9-price {
        display: block !important;
        color: #123f78 !important;
        font-weight: 900 !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        margin-top: 3px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* Blauen Leerstreifen unter Menü entfernen */
.ep-nav-results:empty,
.ep-nav-empty:empty,
.ss-nav-spacer,
.ss-empty-strip,
.ss-search-spacer,
#topnavi + .ep-nav-results:empty,
#topnavi + .ss-empty-strip,
#topnavi + .ss-search-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Mobile: echte kompakte 2er-Karten */
@media (max-width: 930px) {
    html, body {
        overflow-x: hidden !important;
        background-image: url('/img/Hintergrundbild7.png') !important;
        background-size: auto 980px !important;
        background-position: left top !important;
        background-repeat: repeat-y !important;
        background-attachment: scroll !important;
    }

    /* Header minimal kleiner, aber komplett sichtbar */
    .ss-header-logo-wrap {
        width: 98vw !important;
        margin: 5px auto 12px !important;
        overflow: visible !important;
        transform: scale(.92) !important;
        transform-origin: center top !important;
    }

    .ss-header-star {
        font-size: 30px !important;
        line-height: 1 !important;
        margin-bottom: 3px !important;
    }

    .ss-header-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(34px, 11vw, 48px) !important;
        line-height: .92 !important;
        letter-spacing: .035em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .ss-header-tagline {
        font-size: clamp(10px, 3.2vw, 14px) !important;
        letter-spacing: .12em !important;
        white-space: nowrap !important;
    }

    #mobileNavi {
        margin-top: 2px !important;
        margin-bottom: 8px !important;
    }

    .ss-marquee,
    header .marquee,
    .marquee {
        margin: 8px auto 18px !important;
        min-height: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        overflow: hidden !important;
    }

    .ss-marquee marquee,
    header .marquee marquee,
    .marquee marquee {
        line-height: 44px !important;
        font-size: 16px !important;
    }

    .main_wrapper,
    .main_wrapper .main,
    .ss9-advisor-area {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        left: auto !important;
        overflow: visible !important;
    }

    .ss9-advisor-area {
        padding: 0 8px !important;
        box-sizing: border-box !important;
        margin-top: 18px !important;
        margin-bottom: 32px !important;
    }

    .ss9-advisor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 10px !important;
        width: 100% !important;
        align-items: stretch !important;
        justify-content: center !important;
    }

    .ss9-advisor-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 382px !important;
        min-height: 382px !important;
        max-height: 382px !important;
        padding: 8px 7px !important;
        box-sizing: border-box !important;
        border-radius: 19px !important;
        overflow: hidden !important;
        border: 1.4px solid rgba(28, 101, 155, .68) !important;
        background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(217,243,255,.32)) !important;
        backdrop-filter: blur(7px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
        box-shadow: 0 12px 28px rgba(18,70,112,.16), inset 0 0 24px rgba(255,255,255,.35) !important;
    }

    /* Zeile 1 ist NUR der Name. Kein Online daneben. */
    .ss9-card-top {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 62px !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .ss9-nameblock {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ss9-advisor-card h2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #a87316 !important;
        font-size: clamp(14px, 3.9vw, 18px) !important;
        line-height: 1.04 !important;
        letter-spacing: .03em !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ss9-role {
        display: block !important;
        margin-top: 2px !important;
        color: #76528b !important;
        font-size: 8px !important;
        line-height: 1.05 !important;
        letter-spacing: .04em !important;
        font-weight: 900 !important;
    }

    /* Online unter den Namen, nicht in die Namenszeile */
    .ss9-status {
        position: static !important;
        display: inline-flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 6px 0 0 !important;
        padding: 4px 8px !important;
        border-radius: 999px !important;
        font-size: 8.8px !important;
        line-height: 1 !important;
        gap: 4px !important;
        white-space: nowrap !important;
        float: none !important;
        transform: none !important;
    }

    .ss9-status span {
        width: 9px !important;
        height: 9px !important;
        flex: 0 0 9px !important;
    }

    /* Mobile: kein langer Profiltext, nur Foto + Skills */
    .ss9-intro-row {
        display: block !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .ss9-tagbox,
    .ss9-tagline,
    .ss9-divider {
        display: none !important;
    }

    .ss9-photo {
        display: block !important;
        width: 100% !important;
        height: 92px !important;
        margin: 0 auto 6px !important;
        border-radius: 13px !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.85) !important;
        border: 1px solid rgba(255,255,255,.88) !important;
        box-shadow: 0 7px 14px rgba(24,74,112,.14) !important;
    }

    .ss9-photo img,
    .ss9-photo .image {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        background-size: cover !important;
        background-position: center center !important;
        transform: none !important;
    }

    .ss9-skills {
        display: block !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        overflow: hidden !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        color: #123f78 !important;
        font-size: clamp(8.6px, 2.8vw, 10.6px) !important;
        line-height: 1.16 !important;
        letter-spacing: .015em !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
    }

    .ss9-rating {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        height: 21px !important;
        min-height: 21px !important;
        margin: 0 0 5px !important;
        padding: 3px 0 !important;
        border-top: 1px solid rgba(83,138,177,.20) !important;
        border-bottom: 1px solid rgba(83,138,177,.20) !important;
        text-decoration: none !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .ss9-stars {
        color: #e4ab24 !important;
        font-size: 11px !important;
        letter-spacing: -1.4px !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .ss9-rating strong {
        color: #123f78 !important;
        font-size: 13px !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }

    .ss9-rating em {
        color: #465a69 !important;
        font-size: 8px !important;
        font-style: normal !important;
        line-height: 1 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .ss9-call-row {
        display: block !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .ss9-call-circle {
        display: none !important;
    }

    .ss9-call-info {
        display: block !important;
        width: 100% !important;
        padding: 6px 4px 5px !important;
        box-sizing: border-box !important;
        border-radius: 13px !important;
        text-align: center !important;
        background: linear-gradient(135deg, rgba(207,240,255,.96), rgba(239,251,255,.86)) !important;
        border: 1px solid rgba(75,150,196,.32) !important;
        box-shadow: inset 0 0 12px rgba(255,255,255,.50) !important;
    }

    .ss9-phone {
        display: block !important;
        width: 100% !important;
        color: #0d3d75 !important;
        font-size: clamp(12px, 3.35vw, 15px) !important;
        line-height: 1.05 !important;
        letter-spacing: .025em !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ss9-price {
        display: block !important;
        margin-top: 2px !important;
        color: #183b5d !important;
        font-size: clamp(8px, 2.35vw, 9.6px) !important;
        line-height: 1.12 !important;
        font-weight: 850 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ss9-phone-note {
        display: none !important;
    }

    .ss9-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin-top: auto !important;
    }

    .ss9-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 28px !important;
        padding: 5px 4px !important;
        border-radius: 11px !important;
        font-size: 9.8px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .ss9-btn-rating {
        display: inline-flex !important;
    }

    .ss9-btn-call {
        min-height: 31px !important;
        font-size: 10.2px !important;
        background: linear-gradient(135deg, #fff2b2 0%, #f0bf37 58%, #d69d18 100%) !important;
        color: #4f3408 !important;
    }
}

@media (max-width: 390px) {
    .ss9-advisor-area { padding: 0 6px !important; }
    .ss9-advisor-grid { gap: 14px 8px !important; }
    .ss9-advisor-card {
        height: 370px !important;
        min-height: 370px !important;
        max-height: 370px !important;
        padding: 7px 6px !important;
    }
    .ss9-advisor-card h2 { font-size: clamp(12.2px, 3.45vw, 15px) !important; }
    .ss9-role { font-size: 7.6px !important; }
    .ss9-photo { height: 86px !important; }
    .ss9-skills { height: 42px !important; max-height: 42px !important; font-size: clamp(8.1px,2.45vw,9.5px) !important; }
    .ss9-phone { font-size: clamp(11px,3.0vw,13.5px) !important; }
    .ss9-price { font-size: clamp(7.8px,2.2vw,9px) !important; }
    .ss9-btn { min-height: 27px !important; font-size: 9px !important; }
    .ss9-btn-call { min-height: 30px !important; }
}