/* =========================================================
   Das SchachLabor – zentrale Design-Datei
   Grundlage: index(14).html
   Enthält: Grundlayout, Kopfzeile, Startseite, Buttons,
   Karten, Mobile/Burger-Menü und Responsive Design.
   ========================================================= */


/* ===== CSS-Block 1 aus der Master-Datei ===== */
html, body {
      margin: 0;
      padding: 0;
      min-height: 100%;
      background:
        radial-gradient(900px 500px at 15% 0%, rgba(253,112,20,.18), transparent 60%),
        radial-gradient(900px 500px at 85% 12%, rgba(255,140,42,.16), transparent 62%),
        linear-gradient(180deg, #ffffff 0%, #fff7f1 100%);
    }
    body {
      overflow-x: hidden;
    }

/* ===== CSS-Block 2 aus der Master-Datei ===== */
/* ===== SchachLabor Kopfzeile – stabil für Firefox, Chrome, Edge ===== */
.sl-site-header *{
  box-sizing:border-box;
}

.sl-site-header{
  box-sizing:border-box;
  position:sticky;
  top:0;
  z-index:9999;
  width:100%;
  padding:8px clamp(14px, 3vw, 34px) 9px;
  background:
    radial-gradient(600px 135px at 50% -30%, rgba(253,112,20,.14), transparent 65%),
    linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,248,243,.94));
  border-bottom:1px solid rgba(253,112,20,.20);
  box-shadow:0 12px 34px rgba(17,24,39,.07);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.sl-nav-shell{
  position:relative;
  width:min(1500px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
  grid-template-rows:98px 40px;
  row-gap:4px;
  align-items:center;
}

/* Linker Bereich ist ABSOLUT und beeinflusst Slogan/Reiter nicht */
.sl-left-brand{
  position:absolute;
  left:0;
  top:2px;
  width:170px;
  height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:visible;
}

.sl-logo-link{
  width:108px;
  height:108px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,244,236,.94));
  overflow:hidden;
  padding:5px;
  box-shadow:
    0 14px 30px rgba(253,112,20,.20),
    inset 0 0 0 1px rgba(255,255,255,.72);
  border:2px solid rgba(253,112,20,.32);
  outline:1px solid rgba(253,112,20,.10);
  outline-offset:3px;
  flex:0 0 auto;
}

.sl-logo-link img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.sl-social-row{
  width:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0;
  padding:0;
  flex:0 0 auto;
}

.sl-social-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:10px;
  overflow:hidden;
  transition:transform .18s ease, filter .18s ease, opacity .18s ease;
  box-shadow:0 6px 14px rgba(17,24,39,.12);
}

.sl-social-icon svg{
  width:36px;
  height:36px;
  display:block;
}

.sl-social-icon:hover{
  transform:translateY(-1px) scale(1.05);
  filter:brightness(1.04);
}

.sl-social-icon.facebook .fb-bg{ fill:#1877F2; }
.sl-social-icon.facebook .fb-fg{ fill:#fff; }

.sl-social-icon.instagram .ig-stroke{ stroke:#fff; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.sl-social-icon.instagram .ig-fill{ fill:#fff; }

.sl-social-icon.x .x-bg{ fill:#000; }
.sl-social-icon.x .x-fg{ fill:#fff; }

.sl-social-icon.youtube .yt-bg{ fill:#FF0000; }
.sl-social-icon.youtube .yt-play{ fill:#fff; }

.sl-slogan{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  width:min(760px, 100%);
  text-align:center;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:clamp(20px, 2.05vw, 30px);
  line-height:1.04;
  font-weight:900;
  font-style:italic;
  letter-spacing:-.04em;
  background:linear-gradient(90deg, #374151 0%, #d85f18 48%, #8a3a0d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 20px rgba(253,112,20,.08);
}

.sl-slogan span{
  white-space:nowrap;
}

.sl-nav-line{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:stretch;
  align-self:center;
  width:auto;
  min-width:0;
  margin-left:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  max-width:100%;
}

.sl-main-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  min-width:0;
}

.sl-main-nav a,
.sl-nav-summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  color:#1f2937;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
  line-height:1;
  padding:11px 14px;
  border-radius:999px;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, transform .18s ease;
  cursor:pointer;
  list-style:none;
}

.sl-nav-summary::-webkit-details-marker{
  display:none;
}

.sl-main-nav a:hover,
.sl-main-nav a.sl-active,
.sl-main-nav a[aria-current="page"],
.sl-nav-summary.sl-active,
.sl-nav-summary:hover,
.sl-has-menu[open] > .sl-nav-summary{
  color:#FD7014;
  background:rgba(253,112,20,.10);
  transform:translateY(-1px);
}

.sl-main-nav a[aria-current="page"],
.sl-nav-summary.sl-active{
  box-shadow:inset 0 -2px 0 #FD7014;
}

.sl-student-login[aria-current="page"],
.sl-book-cta[aria-current="page"]{
  outline:2px solid #8a3a0d;
  outline-offset:3px;
}

.sl-nav-item,
.sl-has-menu{
  position:relative;
}

.sl-book-cta{
  color:#fff!important;
  text-decoration:none;
  font-weight:950;
  font-size:14px;
  line-height:1;
  padding:13px 18px;
  border-radius:999px;
  white-space:nowrap;
  background:linear-gradient(135deg,#FD7014,#ff9a3d);
  box-shadow:0 14px 30px rgba(253,112,20,.26);
  transition:transform .18s ease, box-shadow .18s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.sl-book-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(253,112,20,.34);
}

.sl-student-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(253,112,20,.55);
  border-radius:6px;
  color:#8a3a0d;
  background:rgba(253,112,20,.06);
  font:700 14px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap;
}

.sl-student-login:hover{
  color:#672700;
  background:rgba(253,112,20,.12);
}

@media(min-width:1181px){
  .sl-nav-line{gap:32px}
  .sl-main-nav{gap:8px}
  .sl-main-nav > .sl-nav-item > a,
  .sl-main-nav > .sl-has-menu > .sl-nav-summary{padding-inline:10px}
}

.sl-student-login:focus-visible{
  outline:3px solid #8a3a0d;
  outline-offset:3px;
}

.sl-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%);
  min-width:245px;
  padding:8px;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(253,112,20,.18);
  box-shadow:0 24px 60px rgba(17,24,39,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.sl-dropdown a{
  display:flex;
  width:100%;
  border-radius:12px;
  padding:11px 12px;
  font-size:13.5px;
  justify-content:flex-start;
}

.sl-dropdown a:hover{
  background:rgba(253,112,20,.10);
}

@media(hover:hover){
  .sl-has-menu:not([open]) .sl-dropdown{
    display:none;
  }
  .sl-has-menu:hover .sl-dropdown{
    display:block;
  }
}

/* Erst sehr spät umschalten, damit Desktop/Laptop stabil bleibt */
@media(max-width:700px){
  .sl-site-header{
    padding:12px 12px 10px;
  }

  .sl-nav-shell{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .sl-left-brand{
    position:static;
    width:130px;
    height:auto;
    gap:6px;
  }

  .sl-logo-link{
    width:78px;
    height:78px;
  }

  .sl-social-row{
    width:130px;
  }

  .sl-social-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
  }

  .sl-slogan{
    width:auto;
    text-align:left;
    font-size:clamp(18px, 5.1vw, 25px);
  }

  .sl-nav-line{
    display:flex;
    align-items:center;
    gap:14px;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .sl-nav-line::-webkit-scrollbar{
    display:none;
  }

  .sl-main-nav,
  .sl-book-cta{
    flex:0 0 auto;
  }

  .sl-book-cta{
    margin-left:14px;
    font-size:13px;
    padding:11px 14px;
  }

  .sl-dropdown{
    left:0;
    transform:none;
    min-width:220px;
  }

  .sl-slogan span{
    white-space:normal;
  }
}

/* ===== Tablet & Handy: Burger-Menü, Desktop bleibt unverändert ===== */
.sl-mobile-menu{
  display:none;
}

@media(max-width:1180px){
  .sl-site-header{
    padding:12px 12px 14px;
    overflow:hidden;
  }

  .sl-nav-shell{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
  }

  .sl-left-brand{
    position:static;
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
  }

  .sl-logo-link{
    width:88px;
    height:88px;
    border-radius:20px;
    padding:5px;
  }

  .sl-social-row{
    width:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }

  .sl-social-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
  }

  .sl-slogan{
    width:100%;
    text-align:center;
    font-size:clamp(23px, 5.2vw, 32px);
    line-height:1.07;
    margin:0;
  }

  .sl-slogan span{
    white-space:normal;
  }

  /* Desktop-Reiter auf Tablet/Handy ausblenden */
  .sl-nav-line{
    display:none;
  }

  .sl-mobile-menu{
    display:block;
    width:min(520px, 100%);
  }

  .sl-mobile-menu-button{
    list-style:none;
    cursor:pointer;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 18px;
    border-radius:18px;
    color:#fff;
    font-weight:950;
    font-size:16px;
    background:linear-gradient(135deg,#FD7014,#ff9a3d);
    box-shadow:0 14px 30px rgba(253,112,20,.25);
    border:1px solid rgba(255,255,255,.50);
    user-select:none;
  }

  .sl-mobile-menu-button::-webkit-details-marker{
    display:none;
  }

  .sl-mobile-menu-panel{
    margin-top:10px;
    display:grid;
    gap:8px;
    padding:10px;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(253,112,20,.18);
    box-shadow:0 20px 50px rgba(17,24,39,.14);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .sl-mobile-menu-panel a{
    color:#1f2937;
    text-decoration:none;
    font-weight:850;
    font-size:15px;
    line-height:1.2;
    padding:13px 14px;
    border-radius:14px;
    background:rgba(253,112,20,.06);
    border:1px solid rgba(253,112,20,.10);
  }

  .sl-mobile-menu-panel a:hover{
    color:#FD7014;
    background:rgba(253,112,20,.11);
  }

  .sl-mobile-menu-panel a[aria-current="page"]{
    border-color:#b74a00;
    box-shadow:inset 3px 0 0 #FD7014;
    font-weight:900;
  }

  .sl-mobile-menu-panel .sl-student-login{
    justify-content:flex-start;
    border-color:rgba(253,112,20,.55);
    border-radius:6px;
    color:#8a3a0d;
    background:rgba(253,112,20,.10);
  }

  .sl-mobile-menu-panel .sl-mobile-book{
    color:#fff;
    text-align:center;
    background:linear-gradient(135deg,#FD7014,#ff9a3d);
    box-shadow:0 12px 28px rgba(253,112,20,.24);
  }
}

@media(max-width:430px){
  .sl-logo-link{
    width:84px;
    height:84px;
  }

  .sl-social-icon{
    width:33px;
    height:33px;
    flex-basis:33px;
  }

  .sl-social-row{
    gap:9px;
  }

  .sl-slogan{
    font-size:clamp(22px, 7.2vw, 29px);
  }

  .sl-mobile-menu-button{
    font-size:15.5px;
    padding:13px 16px;
  }

  .sl-mobile-menu-panel a{
    font-size:14.5px;
    padding:12px 13px;
  }
}

/* ===== CSS-Block 3 aus der Master-Datei ===== */
:root{
  --sl-orange:#FD7014;
  --sl-orange2:#ff8c2a;
  --sl-green:#25D366;
  --sl-dark:#111;
  --sl-soft:#fff7f1;
}

/* ====== ORANGE LIQUID GLASS (Apple/iOS Style) ====== */
.sl-liquid-b::before{
  content:"";
  position:absolute;
  inset:-3px;
  background:
    radial-gradient(1100px 340px at 18% -6%, rgba(255,255,255,.50), rgba(255,255,255,0) 62%),
    radial-gradient(1200px 900px at 50% 120%, rgba(253,112,20,.72), rgba(253,112,20,0) 64%),
    radial-gradient(1000px 700px at 38% 55%, rgba(255,140,42,.55), rgba(255,140,42,0) 62%),
    radial-gradient(700px 420px at 92% 18%, rgba(255,255,255,.18), rgba(255,255,255,0) 58%);
  pointer-events:none;
  opacity:1;
  filter:saturate(1.12);
}
.sl-liquid-b::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(253,112,20,.28), rgba(0,0,0,0) 55%),
    radial-gradient(1200px 700px at 50% 55%, rgba(0,0,0,.06), rgba(0,0,0,0) 60%);
  pointer-events:none;
  opacity:.95;
}
.sl-liquid-b > *{ position:relative; z-index:1; }

/* ====== Top-right chess icons ====== */
.sl-corner-chess{
  position:absolute;
  top:14px;
  right:14px;
  display:flex;
  gap:10px;
  align-items:center;
  z-index:3;
  padding:10px 12px;
  border-radius:18px;
  background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.30);
  box-shadow:0 18px 46px rgba(0,0,0,0.10);
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  pointer-events:none;
}
.sl-corner-chess span{
  font-size:20px;
  line-height:1;
  color:rgba(255,255,255,0.92);
  text-shadow:
    0 10px 26px rgba(253,112,20,0.28),
    0 1px 0 rgba(0,0,0,0.06);
  opacity:.95;
}
@media (max-width:520px){
  .sl-corner-chess{ top:10px; right:10px; padding:8px 10px; gap:8px; }
  .sl-corner-chess span{ font-size:18px; }
}

/* ====== White cards (Apple-like) ====== */
.sl-hero,
.sl-card,
.sl-profile,
.google-btn-wrap,
.sl-final-cta{
  background:rgba(255,255,255,0.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}

/* ===== HERO BOX ===== */
.sl-hero{
  padding:24px;
  margin-top:54px;
  box-shadow:
    0 14px 40px rgba(253,112,20,0.18),
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
}

/* Layout */
.sl-hero-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
  align-items:stretch;
}

.sl-page .sl-hero-grid > div{
  min-width:0;
}

/* ===== Hero text extras ===== */
.sl-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(253,112,20,0.10);
  border:1px solid rgba(253,112,20,0.30);
  color:#222;
  font-size:13px;
  font-weight:900;
}

.sl-hero h1{
  margin:0 0 10px;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.8px;
}

.sl-hero-lead{
  font-size:18px;
  max-width:72ch;
  margin:0;
  color:#1b1b1b;
}

.sl-hero-sub{
  margin:12px 0 0;
  max-width:72ch;
  color:#333;
  font-size:16px;
}

.sl-trust-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 22px;
  margin:18px 0 0;
  max-width:100%;
}

.sl-pill{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:0 0 5px;
  min-height:0;
  border-radius:0;
  background:transparent;
  border:0;
  border-bottom:3px solid rgba(253,112,20,.62);
  color:#222;
  font-weight:900;
  font-size:14px;
  line-height:1.2;
  text-align:left;
  white-space:nowrap;
  box-shadow:none;
}

.sl-star-pill{
  background:rgba(255,255,255,.92);
  border-color:rgba(253,112,20,.30);
}

.sl-stars{
  color:#fbbc04;
  letter-spacing:.5px;
  text-shadow:0 2px 8px rgba(251,188,4,.22);
  flex-shrink:0;
}

.sl-micro-note{
  margin-top:12px;
  color:#555;
  font-size:13px;
  line-height:1.35;
  display:grid;
  gap:3px;
}

/* ===== Buttons ===== */
.sl-btn-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.sl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 18px;
  border-radius:16px;
  font-weight:900;
  text-decoration:none;
  min-height:56px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.40);
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
  white-space:nowrap;
}

.sl-btn svg{ width:20px; height:20px; display:block; }

.sl-btn-orange{
  color:#fff;
  background:linear-gradient(135deg, rgba(253,112,20,.96), rgba(255,140,42,.90));
  box-shadow:0 14px 36px rgba(253,112,20,.38);
}
.sl-btn-orange:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 64px rgba(253,112,20,.60);
  filter:saturate(1.07);
}

.sl-btn-green{
  color:#fff;
  background:linear-gradient(135deg, rgba(37,211,102,.92), rgba(30,190,93,.88));
  box-shadow:0 14px 36px rgba(37,211,102,.38);
}
.sl-btn-green:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 64px rgba(37,211,102,.60);
  filter:saturate(1.07);
}

/* Keep the existing button backgrounds; use a contrasting foreground. */
.sl-btn.sl-btn-orange,
.sl-btn.sl-btn-green{
  color:#171717;
}
.sl-btn.sl-btn-orange svg path[fill]:not([fill="none"]),
.sl-btn.sl-btn-green svg path[fill]:not([fill="none"]){
  fill:currentColor;
}

.sl-btn-light{
  color:#111;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(253,112,20,.40);
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.sl-btn-light:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(253,112,20,.22);
}

.sl-btn:active{ transform:scale(0.98); }

/* ===== Profile ===== */
.sl-profile{
  padding:20px 18px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sl-portrait{
  width:158px;
  height:158px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  display:block;
  overflow:hidden;
  clip-path:circle(50% at 50% 50%);
  margin:0 auto 10px;
  border:4px solid rgba(253,112,20,0.85);
  box-shadow:0 18px 46px rgba(253,112,20,.28);
  background:#fff;
}

.sl-profile-note{
  display:inline-block;
  margin-top:8px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(253,112,20,0.10);
  border:1px solid rgba(253,112,20,0.32);
  color:#444;
  font-size:13px;
  font-weight:900;
}

.sl-king{font-size:34px;margin-top:2px}

.sl-badge{
  display:inline-block;
  margin-top:6px;
  padding:6px 12px;
  border-radius:999px;
  border:1.6px solid rgba(253,112,20,0.55);
  background:rgba(253,112,20,0.10);
  font-weight:900;
  font-size:13px;
}

.sl-aboutlink{
  display:inline-block;
  margin-top:8px;
  font-weight:900;
  color:var(--sl-orange);
  text-decoration:none;
}
.sl-aboutlink:hover{ text-decoration:underline; }

/* ===== Cards ===== */
.sl-card{ padding:16px; }
.sl-section-title{ margin:28px 0 12px; }
.sl-section-title h2{ margin:0 0 6px;font-size:28px;line-height:1.15; }
.sl-section-title p{ margin:0;color:#333;max-width:78ch; }

.sl-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sl-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sl-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.sl-card-head{
  font-size:20px;
  font-weight:900;
  margin-bottom:6px;
}
.sl-card-text{
  color:#333;
  font-size:15px;
}

.sl-step-number{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,var(--sl-orange),var(--sl-orange2));
  box-shadow:0 10px 24px rgba(253,112,20,.28);
  margin-bottom:10px;
}

.sl-price-highlight{
  background:
    radial-gradient(700px 220px at 95% 20%, rgba(253,112,20,.18), rgba(253,112,20,0) 60%),
    rgba(255,255,255,0.94);
}

.sl-mini-price{
  font-size:28px;
  font-weight:900;
  color:#FD7014;
  margin:2px 0 6px;
  line-height:1.1;
}

/* ===== Google button ===== */
.google-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,0.95);
  border:1px solid rgba(218,220,224,0.95);
  color:#111;
  text-decoration:none;
  padding:12px 14px;
  border-radius:16px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  transition:.15s ease;
}
.google-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.12);
}

/* ===== FAQ ===== */
.sl-faq details{
  background:rgba(255,255,255,.94);
  border:1.4px solid rgba(253,112,20,.35);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.sl-faq details + details{ margin-top:10px; }
.sl-faq summary{
  cursor:pointer;
  font-weight:900;
  color:#111;
}
.sl-faq p{ margin:10px 0 0; color:#333; }

/* ===== Final CTA ===== */
.sl-final-cta{
  margin-top:28px;
  padding:24px;
  text-align:center;
  background:
    radial-gradient(900px 260px at 50% -10%, rgba(253,112,20,.22), rgba(253,112,20,0) 65%),
    rgba(255,255,255,.94);
}
.sl-final-cta h2{ margin:0 0 8px; font-size:28px; }
.sl-final-cta p{ margin:0 auto 16px; max-width:70ch; color:#333; }

/* ===== Hover ===== */
.sl-wrap a .sl-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 48px rgba(253,112,20,0.18), 0 12px 28px rgba(0,0,0,0.10);
  border-color:rgba(253,112,20,0.75);
}

/* ===== Tablet & Mobile Optimierung ===== */
@media(max-width:1100px){
  .sl-page{
    padding:32px 16px!important;
  }
  .sl-hero-grid{
    grid-template-columns:1.15fr .85fr;
    gap:18px;
  }
  .sl-hero h1{
    font-size:40px;
  }
  .sl-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .sl-page{
    margin:36px auto 84px auto!important;
  }
  .sl-hero-grid{
    grid-template-columns:1fr;
  }
  .sl-profile{
    max-width:440px;
    width:100%;
    box-sizing:border-box;
    margin:0 auto;
  }
  .sl-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sl-grid-2{
    grid-template-columns:1fr;
  }
  .sl-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sl-btn-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sl-trust-row{
    max-width:100%;
    gap:10px 18px;
  }
  .sl-hero{
    margin-top:28px;
  }
  .sl-hero h1{
    font-size:36px;
  }
  .sl-section-title h2,
  .sl-final-cta h2{
    font-size:26px;
  }
}

@media(max-width:640px){
  .sl-page{
    padding:26px 12px!important;
    border-radius:24px!important;
  }
  .sl-hero{
    padding:20px 16px;
    margin-top:22px;
    border-radius:18px;
  }
  .sl-hero h1{
    font-size:32px;
    letter-spacing:-.4px;
  }
  .sl-hero-lead{
    font-size:16.5px;
  }
  .sl-hero-sub{
    font-size:15px;
  }
  .sl-kicker{
    line-height:1.25;
    white-space:normal;
  }
  .sl-trust-row{
    gap:10px 14px;
  }
  .sl-pill{
    white-space:normal;
    justify-content:flex-start;
    min-height:0;
    padding:0 0 5px;
    font-size:13.5px;
  }
  .sl-btn-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sl-page .sl-btn{
    min-width:0;
    white-space:normal;
    text-align:center;
  }
  .sl-page .sl-btn svg,
  .sl-page .sl-btn img{
    flex-shrink:0;
  }
  .sl-grid-3,
  .sl-grid-4{
    grid-template-columns:1fr;
  }
  .sl-card{
    padding:15px;
  }
  .sl-profile{
    padding:18px 14px;
  }
  .google-btn-wrap{
    align-items:flex-start!important;
    flex-direction:column;
  }
  .sl-final-cta{
    padding:22px 16px;
  }
}

@media(max-width:420px){
  .sl-corner-chess{
    display:none;
  }
  .sl-hero{
    margin-top:0;
  }
  .sl-hero h1{
    font-size:29px;
  }
  .sl-kicker{
    font-size:12px;
    padding:6px 10px;
  }
  .sl-portrait{
    width:132px;
    height:132px;
  }
}

@media (prefers-reduced-motion: reduce){
  .sl-btn,.google-btn,.sl-wrap a .sl-card{transition:none!important;}
  .sl-btn:hover,.google-btn:hover,.sl-wrap a .sl-card:hover{transform:none;}
}

/* ===== Klick-Fix Social Icons ===== */
.sl-left-brand,
.sl-social-row,
.sl-social-icon{
  position:relative;
  z-index:10020;
  pointer-events:auto;
}

.sl-social-icon{
  cursor:pointer;
}

/* =========================================================
   FIX: Startseiten-Container exakt im sichtbaren Bereich halten
   Verhindert seitliches Abschneiden auf kleineren Laptop-Breiten.
   ========================================================= */
.sl-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media(max-width:640px){
  .sl-page{
    width:calc(100% - 20px) !important;
  }
}

/* =========================================================
   FINALER BREITEN-FIX: kein seitliches Abschneiden
   ========================================================= */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.sl-liquid.sl-page,
section.sl-liquid.sl-page{
  display:block !important;
  width:calc(100vw - 32px) !important;
  max-width:1500px !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.sl-wrap,
.sl-hero,
.sl-hero-grid{
  max-width:100% !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  .sl-liquid.sl-page,
  section.sl-liquid.sl-page{
    width:calc(100vw - 24px) !important;
  }
}

@media(max-width:640px){
  .sl-liquid.sl-page,
  section.sl-liquid.sl-page{
    width:calc(100vw - 18px) !important;
  }
}

/* =========================================================
   FIX: Logo/Kopfzeile korrekt positionieren
   Der Klick-Fix darf .sl-left-brand nicht von absolut auf relativ umstellen.
   ========================================================= */

/* Socials klickbar halten, aber Brand-Container nicht verschieben */
.sl-social-row,
.sl-social-icon{
  position:relative;
  z-index:10020;
  pointer-events:auto;
}

.sl-social-icon{
  cursor:pointer;
}

@media(min-width:981px){
  .sl-left-brand{
    position:absolute !important;
    left:0 !important;
    top:2px !important;
    width:170px !important;
    height:142px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:visible !important;
    z-index:10020 !important;
    pointer-events:auto !important;
  }
}

@media(max-width:980px){
  .sl-left-brand{
    position:static !important;
    width:100% !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    z-index:10020 !important;
    pointer-events:auto !important;
  }
}

/* =========================================================
   Footer / Rechtliche Links
   ========================================================= */
.sl-site-footer{
  width:100%;
  padding:28px 18px 34px;
  margin-top:34px;
  background:
    radial-gradient(700px 180px at 50% 0%, rgba(253,112,20,.12), transparent 65%),
    linear-gradient(180deg, rgba(255,248,243,.96), rgba(255,255,255,.98));
  border-top:1px solid rgba(253,112,20,.20);
  font-family:Arial,Helvetica,sans-serif;
  color:#1f2937;
}

.sl-footer-inner{
  width:min(1500px, calc(100% - 32px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.sl-footer-brand{
  display:grid;
  gap:4px;
}

.sl-footer-brand strong{
  font-weight:950;
  color:#111827;
}

.sl-footer-brand span,
.sl-footer-copy{
  font-size:13px;
  color:#6b7280;
}

.sl-footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.sl-footer-links a{
  color:#1f2937;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(253,112,20,.07);
  border:1px solid rgba(253,112,20,.14);
}

.sl-footer-links a:hover{
  color:#FD7014;
  background:rgba(253,112,20,.12);
}

/* Rechtliche Unterseiten */
.sl-legal-page{
  width:min(1500px, calc(100% - 32px));
  margin:42px auto;
  padding:26px;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.65;
  color:#111827;
  background:rgba(255,255,255,.94);
  border:1.6px solid rgba(253,112,20,.35);
  border-radius:24px;
  box-shadow:0 18px 54px rgba(253,112,20,.14), 0 12px 28px rgba(0,0,0,.06);
}

.sl-legal-page h1{
  margin:0 0 10px;
  font-size:clamp(30px, 4vw, 44px);
  line-height:1.1;
  letter-spacing:-.04em;
}

.sl-legal-page h2{
  margin:28px 0 8px;
  font-size:22px;
}

.sl-legal-page p{
  margin:8px 0;
}

.sl-legal-note{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(253,112,20,.08);
  border:1px solid rgba(253,112,20,.20);
  color:#374151;
  font-weight:700;
}

@media(max-width:700px){
  .sl-footer-inner{
    width:100%;
    flex-direction:column;
    text-align:center;
  }

  .sl-legal-page{
    width:calc(100% - 20px);
    margin:28px auto;
    padding:20px 16px;
  }
}

/* ===== Links auf Rechtsseiten ===== */
.sl-link{
  color:#FD7014;
  text-decoration:none;
  font-weight:900;
}

.sl-link:hover{
  text-decoration:underline;
}

/* =========================================================
   Kontaktseite – Orange Liquid Glass
   ========================================================= */
.sl-liquid-contact{
  max-width:1500px;
  width:min(1500px, calc(100% - 32px));
  margin:46px auto 90px auto;
  padding:34px 18px;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.65;
  color:#111;
  border-radius:28px;
  border:1px solid rgba(255,255,255,0.34);
  box-shadow:0 28px 90px rgba(253,112,20,.50);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(253,112,20,0.82),rgba(255,140,42,0.58));
  box-sizing:border-box;
}

.sl-liquid-contact::before{
  content:"";
  position:absolute;
  inset:-3px;
  background:
    radial-gradient(1200px 360px at 18% -6%, rgba(255,255,255,.50), rgba(255,255,255,0) 62%),
    radial-gradient(1300px 980px at 50% 120%, rgba(253,112,20,.74), rgba(253,112,20,0) 64%),
    radial-gradient(1000px 760px at 38% 55%, rgba(255,140,42,.56), rgba(255,140,42,0) 62%),
    radial-gradient(760px 460px at 92% 18%, rgba(255,255,255,.18), rgba(255,255,255,0) 58%);
  pointer-events:none;
  opacity:1;
  filter:saturate(1.12);
}

.sl-liquid-contact::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(253,112,20,.30), rgba(0,0,0,0) 55%),
    radial-gradient(1200px 720px at 50% 55%, rgba(0,0,0,.06), rgba(0,0,0,0) 60%);
  pointer-events:none;
  opacity:.95;
}

.sl-liquid-contact > *{
  position:relative;
  z-index:1;
}

.sl-epic-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  filter:blur(2px);
}

.sl-epic-orb.one{
  width:300px;
  height:300px;
  left:-110px;
  top:120px;
  background:radial-gradient(circle, rgba(255,255,255,.40), rgba(255,255,255,0) 66%);
}

.sl-epic-orb.two{
  width:340px;
  height:340px;
  right:-150px;
  bottom:80px;
  background:radial-gradient(circle, rgba(253,112,20,.44), rgba(253,112,20,0) 68%);
}

.sl-contact-hero,
.sl-contact-card,
.sl-note,
.sl-footer-note,
.sl-map-card{
  background:
    radial-gradient(900px 260px at 8% -10%, rgba(253,112,20,.10), rgba(253,112,20,0) 62%),
    rgba(255,255,255,0.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:
    0 14px 38px rgba(253,112,20,0.14),
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}

.sl-contact-hero{
  position:relative;
  padding:24px;
  margin-top:54px;
}

.sl-contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 38%),
    radial-gradient(460px 180px at 82% 14%, rgba(255,255,255,.36), rgba(255,255,255,0) 58%);
  pointer-events:none;
}

.sl-contact-hero h1{
  margin:0 0 10px;
  font-size:39px;
  line-height:1.1;
  letter-spacing:-.55px;
  position:relative;
  z-index:2;
}

.sl-contact-hero p{
  margin:0;
  max-width:72ch;
  font-size:17px;
  color:#222;
  position:relative;
  z-index:2;
}

.sl-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.sl-card-link{
  color:inherit;
  text-decoration:none;
  display:block;
}

.sl-contact-card{
  min-height:100%;
  box-sizing:border-box;
  padding:18px;
  position:relative;
  transition:.16s ease;
}

.sl-contact-card::after{
  content:attr(data-piece);
  position:absolute;
  right:14px;
  bottom:6px;
  font-size:58px;
  line-height:1;
  color:rgba(253,112,20,.065);
  pointer-events:none;
}

.sl-card-link:hover .sl-contact-card{
  transform:translateY(-2px);
  border-color:rgba(253,112,20,0.78);
  box-shadow:
    0 18px 46px rgba(253,112,20,.18),
    0 12px 28px rgba(0,0,0,.09),
    0 0 0 1px rgba(255,255,255,0.62) inset;
}

.sl-card-icon{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  margin-bottom:10px;
  color:#fff;
  background:linear-gradient(135deg,var(--sl-orange),var(--sl-orange2));
  box-shadow:0 12px 28px rgba(253,112,20,.25);
}

.sl-card-icon.green{
  background:linear-gradient(135deg,rgba(37,211,102,.95),rgba(30,190,93,.90));
  box-shadow:0 12px 28px rgba(37,211,102,.25);
}

.sl-card-icon svg{
  width:21px;
  height:21px;
  display:block;
}

.sl-contact-card strong{
  display:block;
  font-size:18px;
  margin-bottom:5px;
}

.sl-contact-card span{
  display:block;
  color:#333;
  font-size:14px;
  overflow-wrap:anywhere;
}

.sl-contact-card small{
  display:block;
  margin-top:8px;
  color:#666;
  font-weight:800;
}

.sl-note{
  margin-top:16px;
  padding:18px;
  text-align:center;
}

.sl-note p{
  margin:0 auto;
  max-width:760px;
  color:#333;
}

.sl-note-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.sl-note-item{
  display:flex;
  gap:9px;
  align-items:flex-start;
  justify-content:center;
  color:#333;
  font-size:14px;
  text-align:left;
}

.sl-dot{
  min-width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--sl-orange),var(--sl-orange2));
  margin-top:7px;
  box-shadow:0 0 10px rgba(253,112,20,.50);
}

.sl-map-card{
  margin-top:16px;
  padding:0;
}

.sl-map-card iframe{
  width:100%;
  height:clamp(280px,40vh,470px);
  border:0;
  display:block;
}

.sl-footer-note{
  margin-top:16px;
  padding:16px;
  text-align:center;
}

.sl-footer-note p{
  margin:0;
  color:#333;
}

@media(max-width:1000px){
  .sl-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .sl-note-grid{
    grid-template-columns:1fr;
  }

  .sl-contact-hero h1{
    font-size:34px;
  }
}

@media(max-width:560px){
  .sl-contact-page{
    width:calc(100% - 20px);
    padding:26px 12px;
    border-radius:24px;
  }

  .sl-contact-page .sl-corner-chess{
    display:none;
  }

  .sl-contact-hero{
    margin-top:0;
    padding:20px 16px;
  }

  .sl-contact-hero h1{
    font-size:29px;
  }

  .sl-contact-hero p{
    font-size:16px;
  }

  .sl-contact-page .sl-kicker{
    white-space:normal;
    line-height:1.25;
    font-size:12.5px;
  }

  .sl-contact-grid{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  .sl-contact-card{
    transition:none!important;
  }

  .sl-card-link:hover .sl-contact-card{
    transform:none!important;
  }
}

/* =========================================================
   FINAL: Einheitliche Seitenbreite wie Startseite
   Kontakt, Impressum, Datenschutz und AGB nutzen denselben äußeren Rahmen.
   ========================================================= */
.sl-liquid-contact,
.sl-contact-page,
.sl-legal-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Lesbarkeit in sehr breiten Rechtsseiten: Karten bleiben breit, Text läuft angenehm. */
.sl-legal-page .sl-card{
  box-sizing:border-box;
}

@media(max-width:640px){
  .sl-liquid-contact,
  .sl-contact-page,
  .sl-legal-page{
    width:calc(100% - 20px) !important;
  }
}

/* =========================================================
   FOOTER-FIX: mittig + voller Unternehmensname
   ========================================================= */
.sl-site-footer{
  text-align:center;
}

.sl-footer-inner{
  width:min(1500px, calc(100% - 32px));
  margin:0 auto;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
}

.sl-footer-brand{
  display:grid;
  gap:4px;
  justify-items:center;
  text-align:center;
}

.sl-footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  text-align:center;
}

.sl-footer-copy{
  width:100%;
  text-align:center !important;
  font-size:13px;
  color:#6b7280;
}

/* =========================================================
   KONTAKT-FIX: Schachfiguren rechts + kompakter Intro-Kasten
   ========================================================= */

/* Der allgemeine Kontakt-Selektor hatte die Figuren in den normalen Textfluss gedrückt.
   Hier werden sie wie auf der Startseite wieder oben rechts positioniert. */
.sl-liquid-contact > .sl-corner-chess{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  display:flex !important;
  width:auto !important;
  z-index:5 !important;
}

/* Äußerer orangefarbener Rahmen bleibt auf Startseiten-Breite */
.sl-liquid-contact,
.sl-contact-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Der weiße Einleitungskasten wird nicht mehr endlos langgezogen */
.sl-contact-hero{
  max-width:980px !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* Kontaktkarten und Karte bleiben sauber innerhalb des Rahmens */
.sl-contact-grid,
.sl-map-card,
.sl-note,
.sl-footer-note{
  box-sizing:border-box !important;
}

@media(max-width:640px){
  .sl-liquid-contact,
  .sl-contact-page{
    width:calc(100% - 20px) !important;
  }

  .sl-liquid-contact > .sl-corner-chess{
    display:none !important;
  }

  .sl-contact-hero{
    max-width:100% !important;
  }
}

/* =========================================================
   Preise & Angebote – gleiche Breite wie Startseite
   ========================================================= */
.sl-price-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin:46px auto 90px auto !important;
  padding:34px 18px !important;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.6;
  color:#111;
  border-radius:28px;
  border:1px solid rgba(255,255,255,0.34);
  box-shadow:0 28px 90px rgba(253,112,20,.50);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(253,112,20,0.82),rgba(255,140,42,0.58));
  box-sizing:border-box;
}

.sl-price-page > *{
  position:relative;
  z-index:1;
}

.sl-price-page .sl-glow-orb{
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 66%);
  filter:blur(2px);
  pointer-events:none;
  opacity:.7;
  z-index:0;
}

.sl-price-page .sl-glow-orb.one{
  left:-70px;
  top:120px;
}

.sl-price-page .sl-glow-orb.two{
  right:-80px;
  bottom:210px;
  background:radial-gradient(circle, rgba(253,112,20,.45), rgba(253,112,20,0) 68%);
}

.sl-price-page > .sl-corner-chess{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  display:flex !important;
  width:auto !important;
  z-index:5 !important;
}

.sl-price-hero,
.sl-price-card,
.sl-price-mini-card,
.sl-price-path-step,
.sl-price-final-card,
.sl-price-faq details{
  background:rgba(255,255,255,0.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}

.sl-price-hero{
  padding:24px;
  margin-top:54px;
  box-shadow:
    0 14px 40px rgba(253,112,20,0.18),
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
}

.sl-price-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  color:#111;
  border:1px solid rgba(253,112,20,0.38);
  background:rgba(253,112,20,0.10);
}

.sl-price-hero h1{
  margin:12px 0 10px;
  font-size:40px;
  line-height:1.15;
}

.sl-price-hero h1 span{
  color:#FD7014;
}

.sl-price-hero p{
  font-size:18px;
  max-width:74ch;
  margin:0;
  color:#222;
}

.sl-price-badge-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.sl-price-badge{
  border:1px solid rgba(253,112,20,0.38);
  background:rgba(253,112,20,0.08);
  border-radius:16px;
  padding:10px 12px;
  font-size:14px;
  font-weight:900;
  text-align:center;
}

.sl-price-section{
  margin:32px 0;
}

.sl-price-section h2{
  margin:0 0 14px;
  font-size:26px;
}

.sl-price-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:22px;
}

.sl-price-link{
  display:block;
  color:inherit;
  text-decoration:none;
  min-width:0;
}

.sl-price-card{
  min-height:390px;
  height:100%;
  box-sizing:border-box;
  padding:22px 16px 76px;
  overflow:visible;
  display:grid;
  grid-template-rows:auto auto auto auto 1fr;
  align-content:start;
  gap:8px;
  position:relative;
  background:
    radial-gradient(420px 180px at 18% 0%, rgba(255,255,255,.95), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,247,241,0.92));
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
  isolation:isolate;
}

.sl-price-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:
    linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.76) 38%, rgba(255,255,255,0) 58%),
    radial-gradient(500px 170px at 70% -10%, rgba(253,112,20,.18), rgba(253,112,20,0) 62%);
  opacity:.55;
  transform:translateX(-34%);
  transition:opacity .18s ease, transform .42s ease;
  pointer-events:none;
  z-index:-1;
}

.sl-price-card::after{
  content:attr(data-icon);
  position:absolute;
  right:12px;
  bottom:14px;
  font-size:58px;
  line-height:1;
  color:rgba(253,112,20,0.065);
  font-weight:900;
  pointer-events:none;
  z-index:0;
}

.sl-price-card:hover{
  transform:translateY(-3px);
  border-color:rgba(253,112,20,0.88);
  filter:saturate(1.04);
  box-shadow:
    0 22px 68px rgba(253,112,20,0.25),
    0 14px 32px rgba(0,0,0,0.10),
    0 0 0 1px rgba(255,255,255,0.75) inset;
}

.sl-price-card:hover::before{
  transform:translateX(24%);
  opacity:.82;
}

.sl-price-card > *{
  position:relative;
  z-index:1;
}

.sl-price-card.featured{
  border:2.5px solid rgba(253,112,20,0.94);
  box-shadow:
    0 22px 72px rgba(253,112,20,0.28),
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.70) inset;
}

.sl-price-pill{
  position:absolute;
  top:-13px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg, rgba(253,112,20,.92), rgba(255,140,42,.86));
  border:1px solid rgba(255,255,255,.40);
  box-shadow:0 10px 26px rgba(253,112,20,.22);
}

.sl-price-card h3{
  margin:0;
  font-size:19px;
  line-height:1.2;
  min-height:46px;
}

.sl-price-card p{
  margin:0;
  align-self:start;
  font-size:14px;
  line-height:1.42;
  color:#333;
}

.sl-price-amount{
  font-size:32px;
  line-height:1.1;
  font-weight:900;
  color:#FD7014;
  margin-top:4px;
}

.sl-price-amount.text{
  font-size:24px;
  color:#111;
  line-height:1.05;
}

.sl-price-meta{
  color:#666;
  font-size:13px;
  line-height:1.35;
}

.sl-price-hint{
  margin-top:6px;
  padding:10px;
  border-radius:14px;
  background:rgba(253,112,20,0.08);
  border:1px solid rgba(253,112,20,0.22);
  color:#333;
  font-size:13px;
  line-height:1.38;
  box-sizing:border-box;
}

.sl-price-path{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.sl-price-path-step{
  padding:16px;
}

.sl-price-path-step p{
  margin:6px 0 0;
  color:#333;
}

.sl-price-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.sl-price-mini-card{
  position:relative;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,0.07);
}

.sl-price-mini-card strong{
  display:block;
  font-size:17px;
  margin-bottom:4px;
}

.sl-price-mini-card p{
  margin:0;
  color:#333;
}

.sl-price-faq{
  display:grid;
  gap:10px;
}

.sl-price-faq details{
  padding:0;
}

.sl-price-faq summary{
  cursor:pointer;
  list-style:none;
  padding:15px 16px;
  font-weight:900;
}

.sl-price-faq summary::-webkit-details-marker{
  display:none;
}

.sl-price-faq summary::after{
  content:"+";
  float:right;
  color:#FD7014;
  font-weight:900;
}

.sl-price-faq details[open] summary::after{
  content:"–";
}

.sl-price-faq details div{
  padding:0 16px 16px;
  color:#333;
}

.sl-price-final-card{
  padding:24px;
  text-align:center;
}

.sl-price-final-card h2{
  margin:0 0 8px;
  font-size:28px;
}

.sl-price-final-card p{
  margin:0;
  color:#333;
}

@media(max-width:1100px){
  .sl-price-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .sl-price-badge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .sl-price-path,
  .sl-price-info-grid{
    grid-template-columns:1fr;
  }

  .sl-price-hero{
    margin-top:64px;
  }
}

@media(max-width:640px){
  .sl-price-page{
    width:calc(100% - 20px) !important;
    padding:26px 12px !important;
    border-radius:24px !important;
  }

  .sl-price-page > .sl-corner-chess{
    display:none !important;
  }

  .sl-price-hero{
    margin-top:0;
    padding:20px 16px;
  }

  .sl-price-hero h1{
    font-size:32px;
  }

  .sl-price-hero p{
    font-size:16px;
  }

  .sl-price-grid,
  .sl-price-badge-grid{
    grid-template-columns:1fr;
  }

  .sl-price-card{
    display:block;
    min-height:auto;
    padding:20px 16px 72px;
  }

  .sl-price-card h3{
    min-height:0;
  }

  .sl-price-hint{
    margin-top:12px;
  }
}

/* =========================================================
   PREISE-FIX V2: klare Überschriften, Preise auf einer Höhe, Icons unten
   ========================================================= */

.sl-price-card{
  min-height:340px !important;
  display:grid !important;
  grid-template-rows:58px 52px 34px 1fr !important;
  gap:8px !important;
  padding:22px 16px 76px !important;
}

.sl-price-card h3{
  margin:0 !important;
  font-size:21px !important;
  line-height:1.18 !important;
  min-height:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

.sl-price-amount{
  margin:0 !important;
  align-self:start !important;
  min-height:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

.sl-price-amount.text{
  font-size:24px !important;
}

.sl-price-meta{
  align-self:start !important;
}

.sl-price-hint{
  margin-top:0 !important;
  align-self:stretch !important;
  display:block !important;
}

.sl-price-final-card .sl-btn svg{
  width:20px;
  height:20px;
  display:block;
  flex:0 0 20px;
}

@media(max-width:640px){
  .sl-price-card{
    display:block !important;
    min-height:auto !important;
  }

  .sl-price-card h3{
    display:block !important;
    margin-bottom:10px !important;
  }

  .sl-price-amount{
    display:block !important;
    margin:10px 0 3px !important;
  }

  .sl-price-hint{
    margin-top:12px !important;
  }
}

/* =========================================================
   PREISE-FIX V3: kurzer Infotext + Preise sauber ausgerichtet
   ========================================================= */

.sl-price-card{
  min-height:385px !important;
  display:grid !important;
  grid-template-rows:50px 58px 52px 34px 1fr !important;
  gap:8px !important;
  padding:22px 16px 76px !important;
}

.sl-price-card h3{
  margin:0 !important;
  font-size:21px !important;
  line-height:1.18 !important;
  min-height:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

.sl-price-short{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.38 !important;
  color:#333 !important;
  align-self:start !important;
}

.sl-price-amount{
  margin:0 !important;
  align-self:start !important;
  min-height:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

.sl-price-amount.text{
  font-size:24px !important;
}

.sl-price-meta{
  align-self:start !important;
}

.sl-price-hint{
  margin-top:0 !important;
  align-self:stretch !important;
  display:block !important;
}

.sl-price-final-card .sl-btnrow{
  margin-top:24px !important;
}

.sl-price-final-card .sl-btn svg{
  width:20px;
  height:20px;
  display:block;
  flex:0 0 20px;
}

@media(max-width:640px){
  .sl-price-card{
    display:block !important;
    min-height:auto !important;
  }

  .sl-price-card h3{
    display:block !important;
    margin-bottom:8px !important;
  }

  .sl-price-short{
    margin-bottom:10px !important;
  }

  .sl-price-amount{
    display:block !important;
    margin:10px 0 3px !important;
  }

  .sl-price-hint{
    margin-top:12px !important;
  }
}

/* =========================================================
   Über mich – gleiche Breite wie Startseite
   ========================================================= */
.sl-about-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin:46px auto 90px auto !important;
  padding:34px 18px !important;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.68;
  color:#111;
  border-radius:28px;
  border:1px solid rgba(255,255,255,0.34);
  box-shadow:0 28px 90px rgba(253,112,20,.50);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(253,112,20,0.82),rgba(255,140,42,0.58));
  box-sizing:border-box;
}
.sl-about-page > *{ position:relative; z-index:1; }
.sl-about-page > .sl-corner-chess{
  position:absolute !important; top:14px !important; right:14px !important; left:auto !important;
  display:flex !important; width:auto !important; z-index:5 !important;
}
.sl-about-orb{ position:absolute; border-radius:50%; pointer-events:none; z-index:0; filter:blur(2px); }
.sl-about-orb.one{ width:300px; height:300px; left:-110px; top:120px; background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 66%); }
.sl-about-orb.two{ width:360px; height:360px; right:-150px; bottom:120px; background:radial-gradient(circle, rgba(253,112,20,.48), rgba(253,112,20,0) 68%); }
.sl-about-orb.three{ width:220px; height:220px; left:42%; bottom:-95px; background:radial-gradient(circle, rgba(255,255,255,.24), rgba(255,255,255,0) 70%); }
.sl-about-box,.sl-about-intro,.sl-about-quote,.sl-about-final-note{
  background:radial-gradient(900px 260px at 8% -10%, rgba(253,112,20,.10), rgba(253,112,20,0) 62%),rgba(255,255,255,0.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:0 14px 38px rgba(253,112,20,0.14),0 10px 26px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}
.sl-about-intro{
  position:relative; padding:24px 24px 22px; margin-top:54px;
  background:radial-gradient(900px 250px at 10% -10%, rgba(255,255,255,.38), rgba(255,255,255,0) 58%),radial-gradient(650px 220px at 100% 100%, rgba(253,112,20,.15), rgba(253,112,20,0) 66%),rgba(255,255,255,0.92);
}
.sl-about-intro::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 38%),radial-gradient(460px 180px at 82% 14%, rgba(255,255,255,.36), rgba(255,255,255,0) 58%); pointer-events:none; }
.sl-about-intro::after{ content:"♞  ♝  ♜"; position:absolute; right:18px; bottom:10px; font-size:44px; letter-spacing:6px; line-height:1; color:rgba(253,112,20,.10); pointer-events:none; user-select:none; }
.sl-about-intro h1{ margin:0 0 10px; font-size:38px; line-height:1.12; letter-spacing:-.6px; position:relative; z-index:2; }
.sl-about-intro h1 span{ color:#FD7014; }
.sl-about-intro p{ margin:0; max-width:78ch; font-size:17px; color:#222; position:relative; z-index:2; }
.sl-about-layout{ display:grid; grid-template-columns:360px 1fr; gap:18px; align-items:start; margin-top:18px; }
.sl-about-profile{ position:relative; padding:12px; background:radial-gradient(260px 140px at 100% 100%, rgba(253,112,20,.10), rgba(253,112,20,0) 66%),rgba(255,255,255,0.94); }
.sl-about-img{ width:100%; border-radius:18px; border:2px solid rgba(253,112,20,0.72); box-shadow:0 24px 60px rgba(253,112,20,0.24),0 16px 38px rgba(0,0,0,0.14); display:block; background:#fff; }
.sl-about-profile::after{ content:"♛"; position:absolute; right:12px; bottom:8px; font-size:62px; color:rgba(253,112,20,.07); line-height:1; pointer-events:none; user-select:none; }
.sl-about-name{ margin:12px 0 4px; font-size:16px; font-weight:900; position:relative; z-index:1; }
.sl-about-list{ list-style:none; padding:0; margin:10px 0 0; display:grid; gap:7px; }
.sl-about-list li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#333; line-height:1.38; }
.sl-about-dot{ min-width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg, rgba(253,112,20,.95), rgba(255,140,42,.92)); margin-top:5px; box-shadow:0 0 10px rgba(253,112,20,0.55); }
.sl-about-text{ position:relative; padding:22px; background:radial-gradient(700px 220px at 100% 0%, rgba(253,112,20,.12), rgba(253,112,20,0) 64%),radial-gradient(320px 180px at 0% 100%, rgba(255,255,255,.20), rgba(255,255,255,0) 72%),rgba(255,255,255,0.94); }
.sl-about-text::after{ content:"♟  ♞"; position:absolute; right:16px; top:12px; font-size:34px; letter-spacing:4px; color:rgba(253,112,20,.08); pointer-events:none; user-select:none; }
.sl-about-text h3{ margin:22px 0 8px; font-size:19px; line-height:1.2; }
.sl-about-text h3:first-child{ margin-top:0; }
.sl-about-text p{ margin:0 0 12px; color:#333; }
.sl-about-quote{ position:relative; margin-top:16px; padding:14px 16px 14px 24px; background:rgba(255,255,255,0.88); border-radius:16px; border:1px solid rgba(255,255,255,0.58); }
.sl-about-quote::before{ content:""; position:absolute; left:10px; top:10px; bottom:10px; width:12px; border-left:5px solid #FD7014; border-top-left-radius:14px; border-bottom-left-radius:14px; box-shadow:-2px 0 12px rgba(253,112,20,.42),0 0 22px rgba(253,112,20,.20); }
.sl-about-quote p{ margin:0; font-weight:900; color:#111; }
.sl-about-final-note{ margin-top:18px; padding:20px; text-align:center; background:radial-gradient(800px 220px at 50% -10%, rgba(253,112,20,.18), rgba(253,112,20,0) 65%),rgba(255,255,255,.94); }
.sl-about-final-note h2{ margin:0 0 8px; font-size:24px; }
.sl-about-final-note p{ margin:0 auto 18px; max-width:70ch; color:#333; }
.sl-about-final-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.sl-about-final-actions .sl-btn svg{ width:20px; height:20px; display:block; flex-shrink:0; }
@media(max-width:900px){
  .sl-about-layout{ grid-template-columns:1fr; }
  .sl-about-profile{ max-width:420px; margin:0 auto; width:100%; box-sizing:border-box; }
  .sl-about-intro h1{ font-size:34px; }
}
@media(max-width:560px){
  .sl-about-page{ width:calc(100% - 20px) !important; padding:26px 12px !important; border-radius:24px !important; }
  .sl-about-page > .sl-corner-chess{ display:none !important; }
  .sl-about-intro{ margin-top:0; padding:20px 16px; }
  .sl-about-intro::after{ font-size:30px; right:12px; bottom:8px; letter-spacing:3px; }
  .sl-about-text::after,.sl-about-profile::after{ font-size:46px; }
  .sl-about-intro h1{ font-size:29px; }
  .sl-about-intro p{ font-size:16px; }
  .sl-about-text{ padding:17px; }
  .sl-about-final-actions{ flex-direction:column; }
  .sl-about-final-actions .sl-btn{ width:100%; }
}

/* =========================================================
   ÜBER-MICH-FIX V2: Zwischenüberschriften kräftiger
   ========================================================= */

.sl-about-text h3{
  font-weight:900 !important;
  color:#111 !important;
  font-size:22px !important;
  line-height:1.18 !important;
  margin:30px 0 10px !important;
  letter-spacing:-0.2px !important;
}

.sl-about-text h3:first-child{
  margin-top:0 !important;
}

.sl-about-final-note h2{
  font-weight:900 !important;
  color:#111 !important;
  letter-spacing:-0.3px !important;
}

@media(max-width:560px){
  .sl-about-text h3{
    font-size:20px !important;
    margin:26px 0 9px !important;
  }
}

/* =========================================================
   Konzept – gleiche Breite wie Startseite
   ========================================================= */
.sl-konzept-page{
  width:min(1500px, calc(100% - 32px)) !important;
  max-width:1500px !important;
  margin:46px auto 90px auto !important;
  padding:34px 18px !important;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.58;
  color:#111;
  border-radius:28px;
  border:1px solid rgba(255,255,255,0.34);
  box-shadow:0 28px 90px rgba(253,112,20,.50);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(253,112,20,0.82),rgba(255,140,42,0.58));
  box-sizing:border-box;
}
.sl-konzept-page > *{ position:relative; z-index:1; }
.sl-konzept-page > .sl-corner-chess{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  display:flex !important;
  width:auto !important;
  z-index:5 !important;
}
.sl-konzept-orb{ position:absolute; border-radius:50%; pointer-events:none; z-index:0; filter:blur(2px); }
.sl-konzept-orb.one{ width:300px; height:300px; left:-110px; top:120px; background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 66%); }
.sl-konzept-orb.two{ width:360px; height:360px; right:-150px; bottom:180px; background:radial-gradient(circle, rgba(253,112,20,.48), rgba(253,112,20,0) 68%); }
.sl-konzept-orb.three{ width:240px; height:240px; left:42%; bottom:-110px; background:radial-gradient(circle, rgba(255,255,255,.24), rgba(255,255,255,0) 70%); }
.sl-konzept-hero,
.sl-konzept-card{
  background:radial-gradient(900px 260px at 8% -10%, rgba(253,112,20,.10), rgba(253,112,20,0) 62%),rgba(255,255,255,0.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:0 14px 38px rgba(253,112,20,0.14),0 10px 26px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}
.sl-konzept-hero{
  position:relative;
  padding:24px 24px 22px;
  margin-top:54px;
  background:radial-gradient(900px 250px at 10% -10%, rgba(255,255,255,.38), rgba(255,255,255,0) 58%),radial-gradient(650px 220px at 100% 100%, rgba(253,112,20,.15), rgba(253,112,20,0) 66%),rgba(255,255,255,0.92);
}
.sl-konzept-hero h1{ margin:0 0 12px; font-size:40px; line-height:1.12; letter-spacing:-.6px; }
.sl-konzept-hero p{ margin:0; max-width:78ch; font-size:18px; color:#222; }
.sl-konzept-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:18px; align-items:stretch; }
.sl-konzept-card{
  position:relative;
  padding:26px 24px;
  text-align:center;
  min-height:520px;
  background:radial-gradient(700px 220px at 100% 0%, rgba(253,112,20,.12), rgba(253,112,20,0) 64%),radial-gradient(320px 180px at 0% 100%, rgba(255,255,255,.20), rgba(255,255,255,0) 72%),rgba(255,255,255,0.94);
}
.sl-konzept-card::after{ content:"♟"; position:absolute; right:14px; bottom:10px; font-size:60px; color:rgba(253,112,20,.055); line-height:1; pointer-events:none; user-select:none; }
.sl-konzept-card h2{ margin:0 0 22px; font-size:31px; line-height:1.15; font-weight:500; letter-spacing:-.4px; color:#303744; }
.sl-konzept-card p{ margin:0 0 18px; color:#303744; font-size:16px; line-height:1.42; }
.sl-konzept-card ul{ list-style:none; padding:0; margin:0 0 18px; display:grid; gap:5px; }
.sl-konzept-card li{ position:relative; color:#303744; font-size:16px; line-height:1.35; padding-left:18px; }
.sl-konzept-card li::before{ content:"•"; position:absolute; left:0; color:#FD7014; font-weight:900; }
.sl-konzept-card strong{ font-weight:900; }
@media(max-width:1100px){
  .sl-konzept-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sl-konzept-card{ min-height:auto; }
}
@media(max-width:720px){
  .sl-konzept-grid{ grid-template-columns:1fr; }
  .sl-konzept-card{ text-align:left; }
}
@media(max-width:560px){
  .sl-konzept-page{ width:calc(100% - 20px) !important; padding:26px 12px !important; border-radius:24px !important; }
  .sl-konzept-page > .sl-corner-chess{ display:none !important; }
  .sl-konzept-hero{ margin-top:0; padding:20px 16px; }
  .sl-konzept-hero h1{ font-size:32px; }
  .sl-konzept-hero p{ font-size:16px; }
  .sl-konzept-card{ padding:22px 18px; }
  .sl-konzept-card h2{ font-size:27px; }
}

/* =========================================================
   KONZEPT-FIX V2: Abschlussnavigation
   ========================================================= */

.sl-konzept-final-note{
  margin-top:24px;
  padding:22px 20px;
  text-align:center;
  background:
    radial-gradient(800px 220px at 50% -10%, rgba(253,112,20,.18), rgba(253,112,20,0) 65%),
    rgba(255,255,255,.94);
  border:1.6px solid rgba(253,112,20,0.55);
  border-radius:18px;
  box-shadow:
    0 14px 38px rgba(253,112,20,0.14),
    0 10px 26px rgba(0,0,0,0.08),
    0 0 0 1px rgba(255,255,255,0.55) inset;
  overflow:hidden;
}

.sl-konzept-final-note h2{
  margin:0 0 8px;
  font-size:24px;
  font-weight:900;
  color:#111;
  letter-spacing:-0.3px;
}

.sl-konzept-final-note p{
  margin:0 auto 18px;
  max-width:74ch;
  color:#333;
}

.sl-konzept-final-note .sl-btn svg{
  width:20px;
  height:20px;
  display:block;
  flex-shrink:0;
}

@media(max-width:560px){
  .sl-konzept-final-note .sl-btnrow{
    flex-direction:column;
  }

  .sl-konzept-final-note .sl-btn{
    width:100%;
  }
}

/* =========================================================
   ÜBER-MICH-FIX V3: dezenter Weiter-Link zum Konzept
   ========================================================= */

.sl-about-next-link{
  margin-top:14px;
  text-align:center;
}

.sl-about-next-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#FD7014;
  font-weight:900;
  text-decoration:none;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(253,112,20,0.08);
  border:1px solid rgba(253,112,20,0.22);
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.sl-about-next-link a:hover{
  transform:translateY(-1px);
  background:rgba(253,112,20,0.12);
  box-shadow:0 10px 24px rgba(253,112,20,.16);
}