/* Auffälliger Shop-Button auf der Startseite */
.sk-home-shop-cta{
  width:100%;
  margin:0 0 34px;
}
.sk-home-shop-cta__link{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:132px;
  padding:24px 28px;
  overflow:hidden;
  border:1px solid #2f91ef;
  border-radius:12px;
  background:
    radial-gradient(circle at 82% 20%,rgba(82,176,255,.38),transparent 27%),
    linear-gradient(112deg,#07131f 0%,#0a2f58 46%,#0874d8 100%);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 18px 42px rgba(5,57,109,.24);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.sk-home-shop-cta__link::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-72px;
  right:-30px;
  width:250px;
  height:250px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025);
}
.sk-home-shop-cta__link::after{
  content:"SHOP";
  position:absolute;
  z-index:-1;
  right:25%;
  bottom:-17px;
  color:rgba(255,255,255,.055);
  font-size:82px;
  font-weight:900;
  letter-spacing:.03em;
  line-height:1;
}
.sk-home-shop-cta__link:hover{
  border-color:#8bcbff;
  color:#fff!important;
  transform:translateY(-3px);
  box-shadow:0 23px 50px rgba(5,57,109,.32);
}
.sk-home-shop-cta__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(2,13,24,.42);
  color:#9fd3ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.sk-home-shop-cta__copy{display:block;min-width:0}
.sk-home-shop-cta__copy strong{
  display:block;
  margin:0 0 6px;
  color:#fff;
  font-size:clamp(22px,2.5vw,34px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.sk-home-shop-cta__copy small{
  display:block;
  color:#d5e9fa;
  font-size:13px;
  line-height:1.45;
}
.sk-home-shop-cta__button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:180px;
  min-height:52px;
  padding:0 18px;
  border-radius:6px;
  background:#fff;
  color:#064d94;
  font-size:12px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.sk-home-shop-cta__button b{
  color:#0874d8;
  font-size:23px;
  line-height:1;
}

@media (max-width:800px){
  .sk-home-shop-cta__link{
    grid-template-columns:1fr auto;
    gap:12px 18px;
  }
  .sk-home-shop-cta__badge{grid-column:1 / -1;justify-self:start}
}

@media (max-width:620px){
  .sk-home-shop-cta{margin-bottom:25px}
  .sk-home-shop-cta__link{
    display:flex;
    min-height:0;
    align-items:flex-start;
    flex-direction:column;
    padding:22px;
  }
  .sk-home-shop-cta__copy strong{font-size:25px}
  .sk-home-shop-cta__button{width:100%;min-width:0}
}
:root {
  --sk-blue: #084b93;
  --sk-blue-dark: #06376c;
  --sk-blue-soft: #eaf2fb;
  --sk-black: #11151a;
  --sk-steel: #5e6975;
  --sk-line: #dce2e8;
  --sk-white: #ffffff;
  --sk-bg: #f4f6f8;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--sk-black);
  background: var(--sk-bg) !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.sk-site { min-height: 100vh; background: var(--sk-bg) !important; }

img { max-width: 100%; height: auto; }

a { color: var(--sk-blue); text-decoration: none; }
a:hover { color: var(--sk-blue-dark); }

.sk-wrap {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.sk-utility {
  background: var(--sk-black);
  color: #d8dde3;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sk-utility__inner {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 26px;
}

.sk-utility__inner a { margin-left: auto; color: var(--sk-white) !important; }

.sk-brandrow {
  min-height: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.sk-header { background: var(--sk-white); box-shadow: 0 5px 24px rgba(17,21,26,.08); }

.sk-brand {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: var(--sk-black) !important;
}

.sk-brand:hover { color: var(--sk-black) !important; }

.sk-brand__logo {
  display: block;
  width: min(520px, 48vw);
  max-height: 112px;
  object-fit: contain;
  object-position: left center;
}

.sk-brand__mark {
  width: 92px;
  height: 68px;
  display: grid;
  place-items: center;
  color: var(--sk-white);
  background: linear-gradient(135deg, var(--sk-black) 0 46%, var(--sk-blue) 46% 100%);
  clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
  font-size: 35px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.08em;
}

.sk-brand__name { display: grid; line-height: 1.05; text-transform: uppercase; }
.sk-brand__name strong { color: var(--sk-black) !important; font-size: 27px; letter-spacing: .02em; }
.sk-brand__name b { color: var(--sk-blue) !important; font-size: 24px; letter-spacing: .35em; }
.sk-brand__name small { margin-top: 8px; font-size: 11px; letter-spacing: .12em; color: var(--sk-steel); }

.sk-brandrow__contact { text-align: right; }
.sk-brandrow__contact span { display: block; color: var(--sk-steel); font-size: 14px; }
.sk-brandrow__contact a { color: var(--sk-blue) !important; font-weight: 800; }

.sk-navbar { background: var(--sk-blue); }
.sk-navrow { display: flex; align-items: stretch; }

#navigation { flex: 1; min-width: 0; }
#navigation > div,
#navigation .cc-nav-action-wrapper,
#navigation [data-action="button"],
#navigation .j-nav-variant-standard { width: 100%; }
#navigation ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#navigation ul.mainNav1 { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; }
#navigation ul.mainNav1 > li { display: block !important; }
#navigation li { position: relative; margin: 0; }
#navigation a {
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: var(--sk-white);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
}
#navigation a:hover,
#navigation a.current,
#navigation .current > a,
#navigation .cc-nav-current > a { background: var(--sk-blue-dark); color: var(--sk-white); }

/* Jimdo keeps the internal titles of newly created pages as "Neue Seite".
   These two fixed navigation positions receive their approved public labels. */
#navigation ul.mainNav1 > li:nth-child(5) > a,
#navigation ul.mainNav1 > li:nth-child(6) > a,
#navigation ul.mainNav1 > li:nth-child(10) > a { font-size: 0; }
#navigation ul.mainNav1 > li:nth-child(5) > a::after {
  content: "Konstruktion";
  font-size: 14px;
}
#navigation ul.mainNav1 > li:nth-child(6) > a::after {
  content: "Gel\00e4 nderkonfigurator";
  font-size: 14px;
}
#navigation ul.mainNav1 > li:nth-child(10) > a::after {
  content: "Shop";
  font-size: 14px;
}

#navigation ul ul {
  display: none;
  position: absolute;
  z-index: 50;
  top: 100%;
  left: 0;
  min-width: 230px;
  padding: 8px;
  background: var(--sk-black);
  box-shadow: 0 18px 35px rgba(0,0,0,.22);
}
#navigation li:hover > ul { display: block; }
#navigation ul ul a { min-height: 42px; text-transform: none; }

.sk-nav-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 40px;
  margin-left: 14px;
  padding: 0 18px;
  color: var(--sk-black) !important;
  background: var(--sk-white);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}
.sk-nav-cta:hover { color: var(--sk-blue) !important; }

.sk-content {
  width: min(1180px, calc(100% - 48px));
  min-height: 52vh;
  margin: 0 auto;
  padding: 72px 0 84px;
}

.sk-content h1,
.sk-content h2,
.sk-content h3,
.sk-content h4 {
  margin: 0 0 .55em;
  color: var(--sk-black);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.14;
}

.sk-content h1 {
  max-width: 980px;
  padding-bottom: 18px;
  border-bottom: 5px solid var(--sk-blue);
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 900;
  letter-spacing: -.035em;
}

.sk-content h2 { margin-top: 1.25em; font-size: clamp(29px, 3.3vw, 42px); font-weight: 900; }
.sk-content h3 { margin-top: 1.1em; color: var(--sk-blue); font-size: 24px; font-weight: 900; text-transform: uppercase; }
.sk-content p { max-width: 880px; margin: 0 0 1.25em; color: #303840; }
.sk-content strong { color: var(--sk-black); }

.sk-content figure,
.sk-content .j-imageSubtitle { overflow: hidden; border-radius: 4px; }
.sk-content img { border-radius: 4px; }

.sk-content .j-hgrid,
.sk-content .cc-m-hgrid-column { gap: 28px; }

.sk-content .j-module,
.sk-content .j-text,
.sk-content .j-header,
.sk-content .j-image,
.sk-content .j-spacing,
.sk-content .j-calltoaction,
.sk-content .j-htmlCode,
.sk-content .j-formnew { margin-bottom: 28px; }

.sk-content .j-calltoaction-link,
.sk-content a.j-calltoaction-link,
.sk-content .j-calltoaction a,
.sk-content .sk-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border: 0;
  border-radius: 0;
  color: var(--sk-white) !important;
  background: var(--sk-blue) !important;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.sk-content .j-calltoaction-link:hover,
.sk-content .j-calltoaction a:hover,
.sk-content .sk-button:hover { background: var(--sk-blue-dark) !important; }

.sk-content hr { height: 1px; margin: 48px 0; border: 0; background: var(--sk-line); }

.sk-contactband { background: var(--sk-blue); color: var(--sk-white); }
.sk-contactband__inner {
  min-height: 154px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.sk-contactband small { display: block; opacity: .82; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sk-contactband strong { display: block; max-width: 700px; font-size: clamp(23px, 3vw, 35px); line-height: 1.2; }
.sk-contactband__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.sk-contactband__actions a { padding: 12px 18px; border: 2px solid rgba(255,255,255,.7); color: var(--sk-white); font-weight: 800; }
.sk-contactband__actions a:hover { background: var(--sk-white); color: var(--sk-blue); }

.sk-footer { padding: 52px 0 30px; background: var(--sk-black); color: #c9d0d7; }
.sk-footer__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 45px; }
.sk-footer a { color: var(--sk-white); }
.sk-footer p { color: #c9d0d7; }
.sk-footer h1,.sk-footer h2,.sk-footer h3 { color: var(--sk-white); }

/* Jimdo editor helper: keeps the page-navigation control reachable in edit mode. */
body.cc-page #cc-nav-btn-container {
  display: block !important;
  position: fixed !important;
  z-index: 100000 !important;
  top: 52px !important;
  left: 8px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
body.cc-page #cc-nav-btn-container a {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 9px 13px !important;
  color: #fff !important;
  background: #11151a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.sk-panel {
  padding: 28px;
  border-top: 4px solid var(--sk-blue);
  background: var(--sk-white);
  box-shadow: 0 12px 34px rgba(17,21,26,.08);
}

.sk-kicker {
  color: var(--sk-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Custom content: Konstruktion */
.skx-page{--b:#084b93;--d:#11151a;--m:#5e6975;--l:#dce2e8;--w:#fff;color:var(--d);font-family:Arial,Helvetica,sans-serif}
.skx-page *{box-sizing:border-box}.skx-kicker{color:var(--b);font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.skx-page h1{max-width:980px;margin:10px 0 22px;padding-bottom:18px;border-bottom:5px solid var(--b);font-size:clamp(40px,6vw,68px);line-height:1.08;letter-spacing:-.04em}
.skx-lead{max-width:880px;margin:0 0 30px;color:#303840;font-size:21px;line-height:1.65}.skx-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 58px}
.skx-tags span{padding:9px 13px;background:#eaf2fb;color:#06376c;font-size:13px;font-weight:800;text-transform:uppercase}
.skx-page h2{margin:52px 0 22px;font-size:clamp(30px,4vw,44px);line-height:1.15}.skx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.skx-card{min-height:210px;padding:26px;border-top:4px solid var(--b);background:var(--w);box-shadow:0 12px 34px rgba(17,21,26,.08)}
.skx-card b{display:block;margin-bottom:10px;font-size:21px}.skx-card p{margin:0;color:#3d4650}.skx-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0 58px}
.skx-step{padding:22px;background:var(--d);color:#fff}.skx-step span{display:block;color:#71a8df;font-size:28px;font-weight:900}.skx-step b{display:block;margin:8px 0;font-size:17px}.skx-step small{color:#d6dde5}
.skx-note{padding:26px 28px;border-left:5px solid var(--b);background:#eaf2fb}.skx-note strong{display:block;margin-bottom:6px;font-size:20px}
.skx-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;padding:32px;background:var(--b);color:#fff}.skx-cta strong{display:block;font-size:clamp(23px,3vw,34px)}
.skx-cta a{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;background:#fff;color:#11151a!important;font-weight:900;text-transform:uppercase}

/* Custom content: Gelaenderkonfigurator */
.skg{--b:#084b93;--bd:#06376c;--d:#11151a;--m:#5e6975;--l:#dce2e8;--bg:#f4f6f8;--w:#fff;color:var(--d);font-family:Arial,Helvetica,sans-serif}
.skg *{box-sizing:border-box}.skg h1{max-width:1000px;margin:10px 0 18px;padding-bottom:18px;border-bottom:5px solid var(--b);font-size:clamp(40px,6vw,68px);line-height:1.08;letter-spacing:-.04em}
.skg-kicker{color:var(--b);font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.skg-lead{max-width:900px;margin:0 0 28px;color:#303840;font-size:20px;line-height:1.6}
.skg-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}.skg-steps span{padding:9px 12px;background:#eaf2fb;color:var(--bd);font-size:12px;font-weight:900;text-transform:uppercase}
.skg-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start}.skg-panel{margin-bottom:20px;padding:26px;background:var(--w);box-shadow:0 12px 32px rgba(17,21,26,.08)}
.skg-preview-panel{margin-bottom:20px;padding:26px;background:#fff;box-shadow:0 12px 32px rgba(17,21,26,.08)}
.skg-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.skg-preview-head h2{margin:3px 0 0;font-size:30px}
.skg-preview-kicker{color:var(--b);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.skg-preview-current{text-align:right}.skg-preview-current strong{display:block;color:var(--d);font-size:20px}.skg-preview-current span{display:block;color:var(--m);font-size:14px}
.skg-preview{overflow:hidden;border:1px solid #d7dee5;background:linear-gradient(180deg,#f8fafb 0%,#edf1f4 72%,#dce2e7 100%)}
.skg-preview svg{display:block;width:100%;height:auto;min-height:260px}
.skg-preview-model[hidden]{display:none!important}
.skg-deck{fill:#b8c0c7}.skg-ground-line{fill:none;stroke:#7e8992;stroke-width:3}
.skg-preview[data-material="steel"] .skg-metal-fill{fill:url(#skg-steel-gradient)}.skg-preview[data-material="stainless"] .skg-metal-fill{fill:url(#skg-stainless-gradient)}
.skg-preview[data-material="steel"] .skg-post-line,.skg-preview[data-material="steel"] .skg-handrail-line,.skg-preview[data-material="steel"] .skg-base-line,.skg-preview[data-material="steel"] .skg-fill-line{stroke:#35414c}
.skg-preview[data-material="stainless"] .skg-post-line,.skg-preview[data-material="stainless"] .skg-handrail-line,.skg-preview[data-material="stainless"] .skg-base-line,.skg-preview[data-material="stainless"] .skg-fill-line{stroke:#9aa6af}
.skg-post-line,.skg-base-line,.skg-fill-line,.skg-handrail-line{fill:none;stroke-linecap:square}.skg-post-line{stroke-width:9}.skg-handrail-line{stroke-width:14}.skg-base-line{stroke-width:7}.skg-fill-line{stroke-width:7}.skg-fill-line--slim{stroke-width:6}
.skg-panel-outline{fill:none;stroke:#52606b;stroke-width:4}.skg-metal-fill--soft{opacity:.42}.skg-cutout{fill:#eef2f5}.skg-design-cut{fill:#edf2f5;stroke:#d5dde3;stroke-width:2}
.skg-mesh-line{fill:none;stroke:#4d5a65;stroke-width:4}.skg-preview[data-material="stainless"] .skg-mesh-line{stroke:#8e9ba5}
.skg-cable-line{fill:none;stroke:#9ca8b1;stroke-width:3}.skg-cable-anchor{fill:#084b93;stroke:#fff;stroke-width:1.5}
.skg-footplates{fill:#4b5964;stroke:#4b5964;stroke-width:5}.skg-preview[data-material="stainless"] .skg-footplates{fill:#9eabb4;stroke:#9eabb4}
.skg-dimension{fill:none;stroke:#5e6975;stroke-width:2}.skg-dimension text{fill:#5e6975;stroke:none;font-size:14px;font-weight:800;letter-spacing:.03em}
.skg-preview-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:13px;color:#5e6975;font-size:13px}.skg-preview-meta b{color:#11151a}
.skg-panel h2{margin:0 0 18px;font-size:27px}.skg-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skg-choice{position:relative;display:block}.skg-choice input{position:absolute;opacity:0;pointer-events:none}.skg-choice span{display:block;min-height:128px;padding:17px;border:2px solid var(--l);background:#fff;cursor:pointer}
.skg-choice b{display:block;margin-bottom:7px;font-size:17px}.skg-choice small{display:block;color:var(--m);line-height:1.4}.skg-choice input:checked+span{border-color:var(--b);background:#eaf2fb;box-shadow:inset 0 0 0 1px var(--b)}
.skg-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skg-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:900;text-transform:uppercase}
.skg-field input,.skg-field select,.skg-field textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #bdc6cf;background:#fff;color:#111;font:inherit}.skg-field textarea{min-height:90px;resize:vertical}
.skg-material{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skg-summary{position:sticky;top:20px;padding:26px;background:var(--d);color:#fff}.skg-summary h2{margin:0 0 18px;color:#fff;font-size:27px}
.skg-summary dl{margin:0}.skg-summary dl div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #38414b}.skg-summary dt{color:#c9d0d7}.skg-summary dd{margin:0;text-align:right;font-weight:800}
.skg-price{margin:22px 0 4px;color:#7db2e8;font-size:14px;font-weight:900;text-transform:uppercase}.skg-total{font-size:34px;font-weight:900}.skg-summary small{display:block;margin:8px 0 18px;color:#c9d0d7;line-height:1.45}
.skg-action{width:100%;min-height:52px;border:0;background:var(--b);color:#fff;font-size:15px;font-weight:900;text-transform:uppercase;cursor:pointer}.skg-action:hover{background:var(--bd)}
.skg-delivery{margin-top:14px;padding:13px;background:#202830;color:#fff}.skg-delivery b{color:#7db2e8}.skg-note{margin-top:20px;padding:20px 22px;border-left:5px solid var(--b);background:#eaf2fb;color:#26313b}
.skg-contact{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skg-contact .wide{grid-column:1/-1}

/* Technical configurator view inspired by engineering drawings */
.skg-layout{grid-template-columns:minmax(0,1fr) 356px;gap:30px}
.skg-preview-panel{
  padding:28px;
  border:1px solid #24384b;
  border-radius:18px;
  background:#0b151f;
  color:#f5f8fb;
  box-shadow:0 18px 42px rgba(6,15,24,.2);
}
.skg-preview-head{align-items:flex-start;margin-bottom:22px}
.skg-preview-head h2{margin-top:8px;color:#fff;font-size:29px;line-height:1.15}
.skg-preview-kicker,.skg-summary-kicker{
  color:#67b7ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.skg-preview-current{
  padding-left:18px;
  border-left:1px solid #294055;
  text-align:right;
}
.skg-preview-current strong{color:#fff;font-size:18px}
.skg-preview-current span{margin-top:4px;color:#9fabb8;font-size:13px}
.skg-preview{
  position:relative;
  padding:35px 12px 2px;
  border:1px solid #2a4259;
  border-radius:12px;
  background-color:#09131d;
  background-image:linear-gradient(rgba(88,129,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,129,160,.08) 1px,transparent 1px);
  background-size:42px 42px;
}
.skg-preview svg{min-height:248px}
.skg-view-label{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid #31516c;
  border-radius:5px;
  background:#0c1b28;
  color:#91cbff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.skg-preview>.skg-view-label{position:absolute;z-index:2;top:12px;left:16px}
.skg-scale-label{
  position:absolute;
  z-index:2;
  top:17px;
  right:16px;
  color:#7f8d9a;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.skg-deck{fill:#122432}
.skg-ground-line{stroke:#36536b}
.skg-preview[data-material="steel"] .skg-post-line,
.skg-preview[data-material="steel"] .skg-handrail-line,
.skg-preview[data-material="steel"] .skg-base-line,
.skg-preview[data-material="steel"] .skg-fill-line{stroke:#6e7c87}
.skg-preview[data-material="stainless"] .skg-post-line,
.skg-preview[data-material="stainless"] .skg-handrail-line,
.skg-preview[data-material="stainless"] .skg-base-line,
.skg-preview[data-material="stainless"] .skg-fill-line{stroke:#bac4cb}
.skg-panel-outline{stroke:#7e8c97}
.skg-cutout{fill:#0d1b27}
.skg-design-cut{fill:#0d1b27;stroke:#20364a}
.skg-mesh-line{stroke:#8a98a2}
.skg-cable-line{stroke:#aeb9c1}
.skg-footplates{fill:#778690;stroke:#778690}
.skg-dimension{stroke:#64b5fa}
.skg-dimension text{fill:#9ed4ff;font-size:13px}

.skg-axo-card{
  margin-top:14px;
  padding:18px;
  overflow:hidden;
  border:1px solid #2a4259;
  border-radius:12px;
  background:#0b1722;
}
.skg-axo-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.skg-axo-head strong{
  color:#eef5fa;
  font-size:15px;
}
.skg-axo-head span{
  color:#79b7f2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-align:right;
  text-transform:uppercase;
}
.skg-axo-card svg{
  display:block;
  width:100%;
  height:auto;
  min-height:260px;
  border:1px solid #20374a;
  border-radius:9px;
  background:#07121c;
}
.skg-axo-card .skg-axo-floor{
  fill:#111f2b!important;
  stroke:#263b4c!important;
  stroke-width:2;
}
.skg-axo-card .skg-axo-ground{
  fill:none!important;
  stroke:#2c4559!important;
  stroke-width:2;
}
.skg-axo-card .skg-axo-metal{
  fill:none!important;
  stroke:#8796a2!important;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.skg-axo-card[data-material="stainless"] .skg-axo-metal{
  stroke:#e2eaf0!important;
}
.skg-axo-card .skg-axo-fill{
  fill:none!important;
  stroke:#758692!important;
  stroke-width:3;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.skg-axo-card[data-material="stainless"] .skg-axo-fill{
  stroke:#bdcbd4!important;
}
.skg-axo-card .skg-axo-panel{
  fill:rgba(81,135,176,.24)!important;
  stroke:#91a9b9!important;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
}
.skg-axo-card[data-material="stainless"] .skg-axo-panel{
  fill:rgba(190,208,220,.19)!important;
  stroke:#d1dde5!important;
}
.skg-axo-card .skg-axo-dimension{
  fill:#8bc8ff!important;
  stroke:none!important;
  font-size:14px;
  font-weight:800;
}
.skg-axo-card .skg-axo-caption{
  fill:#8496a5!important;
  stroke:none!important;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}
.skg-axo-card .skg-axo-dot{
  fill:#1787e0!important;
  stroke:#d9eeff!important;
  stroke-width:2;
}

.skg-preview-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:14px;
  margin-top:14px;
}
.skg-side-card,.skg-mount-card{
  min-width:0;
  border:1px solid #2a4259;
  border-radius:12px;
  background:#0c1925;
}
.skg-side-card{position:relative;padding:46px 10px 8px}
.skg-side-card>.skg-view-label{position:absolute;top:14px;left:14px}
.skg-side-card svg{display:block;width:100%;height:auto;min-height:220px}
.skg-concrete{fill:#102230;stroke:#567187;stroke-width:2}
.skg-concrete--muted{opacity:.65}
.skg-concrete-line{fill:none;stroke:#33516a;stroke-width:1}
.skg-side-post{fill:none;stroke:#91a0ab;stroke-width:13;stroke-linecap:square}
.skg-side-post--muted{stroke-dasharray:8 7;opacity:.65}
.skg-side-plate{fill:none;stroke:#a5b1ba;stroke-width:9}
.skg-side-anchor{fill:none;stroke:#b9c4cb;stroke-width:5}
.skg-side-bolt{fill:#72818c;stroke:#d7e0e6;stroke-width:1}
.skg-side-guide{fill:none;stroke:#67b7ff;stroke-width:1.5;stroke-dasharray:4 4}
.skg-side-card text{fill:#9eabb7;font-size:11px}
.skg-open-circle{fill:none;stroke:#67b7ff;stroke-width:2;stroke-dasharray:6 5}
.skg-open-question{fill:#67b7ff!important;font-size:40px!important;font-weight:900}
.skg-side-mount[hidden]{display:none!important}
.skg-mount-card{display:flex;flex-direction:column;padding:25px}
.skg-mount-card h3{margin:12px 0 10px;color:#fff;font-size:22px;line-height:1.2}
.skg-mount-card p{margin:0;color:#b3bdc7;font-size:14px;line-height:1.55}
.skg-mount-note{margin-top:auto;padding-top:20px;border-top:1px solid #294055;color:#748391;font-size:11px;line-height:1.45}
.skg-preview-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:14px;
  padding:0;
  overflow:hidden;
  border:1px solid #2a4259;
  border-radius:9px;
  color:#fff;
}
.skg-preview-meta div{min-width:0;padding:13px 14px;border-right:1px solid #2a4259}
.skg-preview-meta div:last-child{border-right:0}
.skg-preview-meta span{display:block;margin-bottom:5px;color:#718293;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.skg-preview-meta strong{display:block;overflow-wrap:anywhere;color:#eef4f8;font-size:12px;line-height:1.35}

.skg-summary{
  padding:30px;
  overflow:hidden;
  border:1px solid #24384b;
  border-radius:18px;
  background:#0b151f;
  color:#fff;
  box-shadow:0 18px 42px rgba(6,15,24,.18);
}
.skg-summary h2{margin:12px 0 27px;padding-bottom:25px;border-bottom:1px solid #2a4259;color:#fff;font-size:29px}
.skg-summary-selection{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-bottom:25px;
}
.skg-summary-selection div{min-width:0}
.skg-summary-selection span{display:block;margin-bottom:3px;color:#748493;font-size:10px;text-transform:uppercase}
.skg-summary-selection strong{display:block;overflow-wrap:anywhere;color:#dce4ea;font-size:12px;line-height:1.35}
.skg-price{margin:0 0 10px;color:#aab5bf;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}
.skg-total{color:#fff;font-size:37px;line-height:1;font-weight:900;letter-spacing:-.035em}
.skg-meter-price{margin-top:15px;padding-bottom:24px;border-bottom:1px solid #2a4259;color:#67b7ff;font-size:12px;font-weight:800}
.skg-meter-price strong{color:#67b7ff}
.skg-calculation{margin:18px 0 24px}
.skg-calculation div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.skg-calculation span{color:#aeb8c2;font-size:13px}
.skg-calculation strong{color:#e9eef2;font-size:13px;text-align:right}
.skg-calculation-total{margin-top:8px;padding-top:16px!important;border-top:1px solid #2a4259!important}
.skg-calculation-total span,.skg-calculation-total strong{color:#fff!important;font-size:16px!important;font-weight:900}
.skg-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  padding:0 18px;
  border:1px solid #70c0ff;
  border-radius:8px;
  background:#1687ed;
  font-size:15px;
  text-align:left;
}
.skg-action:hover{background:#0875da}
.skg-action span{font-size:24px;font-weight:400}
.skg-print{
  width:100%;
  min-height:48px;
  margin-top:10px;
  border:1px solid #3b5267;
  border-radius:8px;
  background:transparent;
  color:#e4ebf0;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.skg-print:hover{border-color:#67b7ff;color:#fff}
.skg-summary small{margin:18px 0 0;color:#768694;font-size:10px;line-height:1.55}
.skg-delivery{margin-top:15px;padding:13px 14px;border:1px solid #2a4259;border-radius:7px;background:#101e2a;color:#dfe6eb;font-size:12px}
.skg-delivery b{color:#67b7ff}

@media (max-width: 980px) {
  .sk-brandrow__contact { display: none; }
  .sk-navrow { display: block; }
  #navigation ul.mainNav1 { justify-content: center; }
  .sk-nav-cta { width: 100%; margin: 0; min-height: 48px; }
  .sk-footer__grid { grid-template-columns: 1fr; }
  .skg-layout{grid-template-columns:1fr}.skg-summary{position:static}.skg-choice-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 850px) {
  .skx-grid{grid-template-columns:1fr 1fr}.skx-process{grid-template-columns:1fr 1fr}.skx-cta{align-items:flex-start;flex-direction:column}
}

@media (max-width: 700px) {
  .sk-wrap,
  .sk-content { width: min(100% - 28px, 1180px); }
  .sk-utility__inner { justify-content: center; gap: 10px; text-align: center; }
  .sk-utility__inner span:nth-child(2) { display: none; }
  .sk-utility__inner a { margin-left: 0; }
  .sk-brandrow { min-height: 104px; }
  .sk-brand__mark { width: 66px; height: 52px; font-size: 26px; }
  .sk-brand__logo { width: min(330px, 82vw); max-height: 86px; }
  .sk-brand__name strong { font-size: 20px; }
  .sk-brand__name b { font-size: 18px; }
  .sk-brand__name small { font-size: 8px; }
  #navigation ul.mainNav1 { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  #navigation a { min-height: 46px; justify-content: center; padding: 0 8px; font-size: 12px; text-align: center; }
  #navigation ul.mainNav1 > li:nth-child(5) > a::after,
  #navigation ul.mainNav1 > li:nth-child(6) > a::after,
  #navigation ul.mainNav1 > li:nth-child(10) > a::after { font-size: 12px; }
  #navigation ul ul { position: static; grid-column: 1 / -1; }
  .sk-content { padding: 48px 0 58px; }
  .sk-content h1 { font-size: 38px; }
  .sk-contactband__inner { padding: 34px 0; display: block; }
  .sk-contactband__actions { margin-top: 22px; }
}

@media (max-width: 620px) {
  .skg-choice-grid,.skg-row,.skg-material,.skg-contact{grid-template-columns:1fr}.skg h1{font-size:40px}
  .skg-preview-head{align-items:flex-start;flex-direction:column}.skg-preview-current{padding-left:0;border-left:0;text-align:left}.skg-preview-panel{padding:18px}.skg-preview svg{min-height:210px}
  .skg-axo-card{padding:13px}.skg-axo-head{align-items:flex-start;flex-direction:column;gap:4px}.skg-axo-head span{text-align:left}.skg-axo-card svg{min-height:220px}
  .skg-preview-detail-grid{grid-template-columns:1fr}.skg-preview-meta{grid-template-columns:1fr 1fr}.skg-preview-meta div:nth-child(2){border-right:0}.skg-preview-meta div:nth-child(-n+2){border-bottom:1px solid #2a4259}
  .skg-summary{padding:24px}
}

@media (max-width: 560px) {
  .skx-grid,.skx-process{grid-template-columns:1fr}.skx-page h1{font-size:40px}
}

/* Mobile: same visual identity and content priority as desktop */
@media (max-width: 700px) {
  .sk-utility__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:2px 10px;
    min-height:58px;
    padding:7px 0;
    text-align:left;
  }
  .sk-utility__inner span:first-child{font-size:11px}
  .sk-utility__inner span:nth-child(2){
    display:block;
    grid-column:1/-1;
    color:#98a5b1;
    font-size:10px;
    letter-spacing:.08em;
    order:3;
  }
  .sk-utility__inner a{margin-left:0;font-size:12px;order:2}

  .sk-brandrow{
    flex-direction:column;
    gap:8px;
    min-height:0;
    padding:12px 0 10px;
  }
  .sk-brand{display:flex;width:100%;justify-content:center}
  .sk-brand__logo{width:min(330px,92vw);max-height:86px}
  .sk-brandrow__contact{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding-top:8px;
    border-top:1px solid #dce3e9;
    font-size:12px;
  }
  .sk-brandrow__contact a{color:#084b93!important;font-weight:900}

  .sk-navrow{gap:10px;padding-bottom:10px}
  #navigation ul.mainNav1{gap:1px;background:#08437f}
  #navigation a{min-height:44px}
  .sk-nav-cta{min-height:46px}

  .sk-content{padding:38px 0 52px}
  .skg-steps{
    display:grid;
    grid-template-columns:repeat(5,max-content);
    overflow-x:auto;
    gap:8px;
    margin-bottom:24px;
    padding-bottom:7px;
    scrollbar-width:thin;
  }
  .skg-steps span{white-space:nowrap}
}

@media (max-width: 620px) {
  .skg-layout{
    display:flex;
    flex-direction:column;
    gap:18px;
  }
  .skg-form{display:contents}
  .skg-preview-panel{order:1;margin-bottom:0}
  .skg-summary{order:2;margin-bottom:0}
  .skg-panel{order:3;margin-bottom:0}
  .skg-note{order:4;margin-top:0}

  .skg-preview-head{gap:12px;margin-bottom:14px}
  .skg-preview-head h2{font-size:26px}
  .skg-preview-current{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    padding:11px 0 0;
    border-top:1px solid #294055;
  }
  .skg-preview{padding:34px 6px 0}
  .skg-preview svg,.skg-side-card svg{min-height:0}
  .skg-side-card{padding:44px 8px 7px}
  .skg-mount-card{padding:20px}
  .skg-mount-card h3{font-size:20px}
  .skg-preview-meta div{padding:11px 10px}
  .skg-preview-meta strong{font-size:11px}

  .skg-summary{padding:23px}
  .skg-summary h2{margin-bottom:20px;padding-bottom:19px;font-size:26px}
  .skg-total{font-size:34px}
  .skg-panel{padding:20px}
  .skg-panel h2{font-size:25px}
  .skg-choice span{min-height:0;padding:15px}
}

/* Geländerkonfigurator: kompakte Drei-Spalten-Ansicht */
.skg{
  overflow:hidden;
  border:1px solid #dfe5eb;
  border-radius:12px;
  background:#f5f7fa;
  color:#17212b;
  box-shadow:0 16px 42px rgba(12,36,60,.08);
}
.skg>.skg-kicker{display:none}
.skg>h1{
  max-width:none;
  margin:0;
  padding:13px 18px 4px;
  border:0;
  background:linear-gradient(100deg,#07386f 0%,#0b58a6 100%);
  color:#fff;
  font-size:30px;
  line-height:1.2;
  letter-spacing:-.025em;
}
.skg>.skg-lead{
  max-width:none;
  margin:0;
  padding:0 18px 14px;
  background:linear-gradient(100deg,#07386f 0%,#0b58a6 100%);
  color:#d9e9f8;
  font-size:13px;
  line-height:1.45;
}
.skg>.skg-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:10px 14px;
  overflow:visible;
  border-bottom:1px solid #dfe5eb;
  background:#fff;
}
.skg>.skg-steps span{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 8px;
  background:transparent;
  color:#63707d;
  font-size:10px;
  font-weight:700;
  text-align:center;
  text-transform:none;
  white-space:normal;
}
.skg>.skg-steps span:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-12%;
  width:24%;
  height:1px;
  background:#cfd7df;
}
.skg>.skg-steps b{
  display:grid;
  flex:0 0 24px;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:50%;
  background:#a9afb5;
  color:#fff;
  font-size:11px;
}
.skg>.skg-steps span:first-child{color:#0755a4}
.skg>.skg-steps span:first-child b{background:#0755a4}

.skg .skg-layout{
  display:grid;
  grid-template-columns:minmax(300px,.95fr) minmax(390px,1.15fr) minmax(280px,.8fr);
  gap:12px;
  align-items:start;
  padding:12px;
}
.skg .skg-form{display:contents}
.skg .skg-preview-panel,
.skg .skg-panel,
.skg .skg-summary{
  margin:0;
  border:1px solid #dce3ea;
  border-radius:8px;
  background:#fff;
  box-shadow:0 5px 16px rgba(12,36,60,.04);
}
.skg .skg-preview-panel{
  grid-column:1;
  grid-row:1 / span 4;
  padding:14px;
  color:#17212b;
}
.skg .skg-model-panel{grid-column:2;grid-row:1}
.skg .skg-measure-panel{grid-column:2;grid-row:2}
.skg .skg-material-panel{grid-column:2;grid-row:3}
.skg .skg-contact-panel{grid-column:2;grid-row:4}
.skg .skg-note{grid-column:1 / 3;grid-row:5}
.skg .skg-summary{grid-column:3;grid-row:1 / span 4}

.skg .skg-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 9px;
  padding:0 0 9px;
  border-bottom:1px solid #e3e8ed;
}
.skg .skg-preview-kicker{color:#0755a4;font-size:9px;letter-spacing:.11em}
.skg .skg-preview-head h2{
  margin:3px 0 0;
  color:#17212b;
  font-size:20px;
  line-height:1.15;
}
.skg .skg-preview-current{
  padding:0;
  border:0;
  color:#0755a4;
  text-align:right;
}
.skg .skg-preview-current strong{color:#0755a4;font-size:12px}
.skg .skg-preview-current span{color:#667381;font-size:10px}
.skg .skg-preview{
  padding:26px 5px 0;
  overflow:hidden;
  border:1px solid #d9e2ea;
  border-radius:6px;
  background:#fff;
}
.skg .skg-preview svg{display:block;width:100%;height:auto;min-height:0}
.skg .skg-view-label{
  top:8px;
  left:9px;
  border:0;
  background:transparent;
  color:#0755a4;
  font-size:8px;
}
.skg .skg-scale-label{top:9px;right:9px;color:#87929d;font-size:8px}
.skg .skg-deck{fill:#edf2f6}
.skg .skg-ground-line{stroke:#c9d4de}
.skg .skg-preview[data-material="steel"] .skg-post-line,
.skg .skg-preview[data-material="steel"] .skg-handrail-line,
.skg .skg-preview[data-material="steel"] .skg-base-line,
.skg .skg-preview[data-material="steel"] .skg-fill-line{stroke:#48545e}
.skg .skg-preview[data-material="stainless"] .skg-post-line,
.skg .skg-preview[data-material="stainless"] .skg-handrail-line,
.skg .skg-preview[data-material="stainless"] .skg-base-line,
.skg .skg-preview[data-material="stainless"] .skg-fill-line{stroke:#8e9ba5}
.skg .skg-panel-outline{stroke:#5f6d78}
.skg .skg-cutout,.skg .skg-design-cut{fill:#fff}
.skg .skg-mesh-line,.skg .skg-cable-line{stroke:#52616d}
.skg .skg-footplates{fill:#4f5b65;stroke:#4f5b65}
.skg .skg-dimension{stroke:#0755a4}
.skg .skg-dimension text{fill:#0755a4;font-size:12px;font-weight:800}

.skg .skg-shape-picker{margin-top:11px}
.skg .skg-shape-picker>strong{
  display:block;
  margin-bottom:7px;
  color:#34414e;
  font-size:10px;
}
.skg .skg-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.skg .skg-shape-choice{position:relative;display:block}
.skg .skg-shape-choice input{position:absolute;opacity:0;pointer-events:none}
.skg .skg-shape-choice span{
  display:block;
  min-height:76px;
  padding:8px 5px 7px;
  border:1px solid #bdc8d2;
  border-radius:5px;
  background:#fff;
  color:#4e5a65;
  text-align:center;
  cursor:pointer;
}
.skg .skg-shape-choice input:checked+span{
  border:2px solid #0862bc;
  background:#f2f7fd;
  color:#0755a4;
  box-shadow:0 0 0 2px rgba(8,98,188,.08);
}
.skg .skg-shape-choice b{display:block;margin-top:6px;font-size:11px}
.skg .skg-shape-icon{
  position:relative;
  display:block;
  width:58px;
  height:32px;
  margin:0 auto;
  border-top:3px solid #52616d;
  border-bottom:3px solid #52616d;
  background:repeating-linear-gradient(90deg,transparent 0 8px,#76838d 8px 10px);
  color:transparent;
  font-size:0;
  line-height:0;
}
.skg .skg-shape-icon--l{width:50px;transform:skewY(12deg)}
.skg .skg-shape-icon--l::after{
  content:"";
  position:absolute;
  top:2px;
  right:-15px;
  width:17px;
  height:27px;
  border-top:3px solid #52616d;
  border-right:3px solid #52616d;
  border-bottom:3px solid #52616d;
}
.skg .skg-shape-icon--u{width:42px}
.skg .skg-shape-icon--u::before,.skg .skg-shape-icon--u::after{
  content:"";
  position:absolute;
  top:2px;
  width:13px;
  height:27px;
  border-top:3px solid #52616d;
  border-bottom:3px solid #52616d;
}
.skg .skg-shape-icon--u::before{left:-13px;border-left:3px solid #52616d}
.skg .skg-shape-icon--u::after{right:-13px;border-right:3px solid #52616d}

.skg .skg-axo-toggle,.skg .skg-tech-toggle{
  margin-top:9px;
  border:1px solid #dbe3ea;
  border-radius:5px;
  background:#f8fafc;
}
.skg .skg-axo-toggle>summary,.skg .skg-tech-toggle>summary{
  padding:10px 12px;
  color:#0755a4;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.skg .skg-axo-card{
  margin:0 9px 9px;
  padding:10px;
  border:1px solid #dce4eb;
  background:#fff;
  color:#17212b;
}
.skg .skg-axo-head strong{color:#17212b;font-size:12px}
.skg .skg-axo-head span:last-child{color:#0755a4;font-size:9px}
.skg .skg-axo-card svg{min-height:0;border:0;background:#fff}
.skg .skg-axo-card .skg-axo-floor{fill:#f0f4f7!important;stroke:#d4dde5!important}
.skg .skg-axo-card .skg-axo-ground{stroke:#cbd7e0!important}
.skg .skg-axo-card .skg-axo-metal{stroke:#4f5d68!important}
.skg .skg-axo-card .skg-axo-fill{stroke:#73818c!important}
.skg .skg-axo-card[data-material="stainless"] .skg-axo-metal{stroke:#8998a3!important}
.skg .skg-axo-card[data-material="stainless"] .skg-axo-fill{stroke:#a6b2bb!important}
.skg .skg-axo-card .skg-axo-panel{fill:rgba(34,99,154,.10)!important;stroke:#7891a6!important}
.skg .skg-preview-detail-grid{padding:0 9px 9px}
.skg .skg-preview-meta{margin:0 9px 9px}

.skg .skg-panel{padding:12px}
.skg .skg-panel h2{
  margin:0 0 10px;
  color:#17212b;
  font-size:17px;
  line-height:1.25;
}
.skg .skg-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.skg .skg-choice>span{
  position:relative;
  min-height:139px;
  padding:8px 6px;
  overflow:hidden;
  border:1px solid #cfd7df;
  border-radius:5px;
  background:#fff;
  text-align:center;
}
.skg .skg-choice>input:checked+span{
  border:2px solid #0862bc;
  background:#f3f8fe;
  box-shadow:0 0 0 2px rgba(8,98,188,.08);
}
.skg .skg-choice>input:checked+span::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:5px;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border-radius:50%;
  background:#0755a4;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.skg .skg-choice b{margin:5px 0 3px;font-size:11px}
.skg .skg-choice small{color:#596674;font-size:8.5px;line-height:1.35}
.skg .skg-model-thumb{
  display:block;
  width:78px;
  height:45px;
  margin:0 auto;
  border-top:3px solid #0a58aa;
  border-bottom:3px solid #0a58aa;
  color:transparent;
  font-size:0;
  line-height:0;
}
.skg .skg-model-thumb--stab{background:repeating-linear-gradient(90deg,transparent 0 8px,#347ac0 8px 10px)}
.skg .skg-model-thumb--horizontal{background:repeating-linear-gradient(0deg,transparent 0 8px,#347ac0 8px 10px)}
.skg .skg-model-thumb--lochblech{background:radial-gradient(circle,#347ac0 1.3px,transparent 1.8px) 0 0/9px 9px}
.skg .skg-model-thumb--designblech{background:repeating-linear-gradient(45deg,transparent 0 7px,#347ac0 7px 9px),repeating-linear-gradient(-45deg,transparent 0 7px,#347ac0 7px 9px)}
.skg .skg-model-thumb--streckmetall{background:repeating-linear-gradient(45deg,transparent 0 6px,#347ac0 6px 7px),repeating-linear-gradient(-45deg,transparent 0 6px,#347ac0 6px 7px)}
.skg .skg-model-thumb--drahtseil{background:repeating-linear-gradient(0deg,transparent 0 7px,#347ac0 7px 8px)}

.skg .skg-row{gap:7px}
.skg .skg-measure-panel .skg-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.skg .skg-field label{margin-bottom:4px;color:#53606c;font-size:9px}
.skg .skg-field input,.skg .skg-field select,.skg .skg-field textarea{
  min-height:40px;
  padding:7px 9px;
  border:1px solid #cbd4dc;
  border-radius:4px;
  font-size:11px;
}
.skg .skg-field textarea{min-height:64px}
.skg .skg-leg-fields{
  gap:7px;
  margin-top:8px;
  padding:9px;
  border-left:3px solid #0755a4;
}
.skg .skg-leg-total{padding-top:7px;font-size:10px}
.skg .skg-material{gap:7px}
.skg .skg-material .skg-choice>span{min-height:58px;padding:8px 28px 7px 8px;text-align:left}
.skg .skg-material .skg-choice b{font-size:11px}
.skg .skg-material-panel .skg-row{margin-top:8px!important;grid-template-columns:1fr}
.skg .skg-contact-panel .skg-row{margin-bottom:8px!important}
.skg .skg-contact{gap:7px}

.skg .skg-summary{
  position:sticky;
  top:12px;
  padding:16px;
  color:#17212b;
}
.skg .skg-summary-kicker{color:#0755a4;font-size:9px;letter-spacing:.11em}
.skg .skg-summary h2{
  margin:5px 0 11px;
  padding:0 0 10px;
  border-bottom:1px solid #dfe5eb;
  color:#17212b;
  font-size:21px;
}
.skg .skg-summary-selection{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-bottom:11px;
}
.skg .skg-summary-selection div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid #e5e9ed;
}
.skg .skg-summary-selection span{margin:0;color:#65717d;font-size:9px}
.skg .skg-summary-selection strong{color:#0755a4;font-size:10px;text-align:right}
.skg .skg-price{margin:10px 0 2px;color:#687581;font-size:9px}
.skg .skg-total{color:#17212b;font-size:30px}
.skg .skg-meter-price{
  margin-top:10px;
  padding:11px;
  border:1px solid #7eafe0;
  border-radius:5px;
  background:#eef5fd;
  color:#0755a4;
  font-size:10px;
}
.skg .skg-meter-price strong{display:block;margin-bottom:2px;color:#0755a4;font-size:19px}
.skg .skg-calculation{margin:9px 0 12px}
.skg .skg-calculation div{padding:7px 0}
.skg .skg-calculation span,.skg .skg-calculation strong{color:#53606c;font-size:10px}
.skg .skg-calculation-total{padding-top:10px!important}
.skg .skg-calculation-total span,.skg .skg-calculation-total strong{color:#17212b!important;font-size:12px!important}
.skg .skg-action{min-height:44px;border-radius:4px;font-size:11px}
.skg .skg-print{min-height:39px;font-size:10px}
.skg .skg-summary small{margin:11px 0 0;color:#6b7783;font-size:8px}
.skg .skg-delivery{
  margin-top:10px;
  padding:10px;
  border:1px solid #cfe0f0;
  background:#f5f9fd;
  color:#35424e;
  font-size:10px;
}
.skg .skg-delivery b{color:#0755a4}
.skg .skg-note{
  margin:0;
  padding:13px 16px;
  border:1px solid #dce3ea;
  border-left:4px solid #0755a4;
  border-radius:6px;
  background:#fff;
  color:#53606c;
  font-size:10px;
  line-height:1.5;
}

@media (max-width:1100px){
  .skg .skg-layout{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)}
  .skg .skg-preview-panel{grid-column:1;grid-row:1 / span 4}
  .skg .skg-model-panel,.skg .skg-measure-panel,.skg .skg-material-panel,.skg .skg-contact-panel{grid-column:2}
  .skg .skg-summary{position:static;grid-column:1 / 3;grid-row:5}
  .skg .skg-summary-selection{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .skg .skg-summary-selection div{display:block}
  .skg .skg-note{grid-column:1 / 3;grid-row:6}
}

@media (max-width:760px){
  .skg>h1{font-size:26px}
  .skg>.skg-steps{grid-template-columns:repeat(5,max-content);justify-content:start;overflow-x:auto}
  .skg>.skg-steps span{min-width:120px;justify-content:flex-start}
  .skg>.skg-steps span:not(:last-child)::after{display:none}
  .skg .skg-layout{display:flex;flex-direction:column;padding:9px}
  .skg .skg-preview-panel{order:1;width:100%}
  .skg .skg-summary{order:2;width:100%}
  .skg .skg-model-panel{order:3;width:100%}
  .skg .skg-measure-panel{order:4;width:100%}
  .skg .skg-material-panel{order:5;width:100%}
  .skg .skg-contact-panel{order:6;width:100%}
  .skg .skg-note{order:7;width:100%}
  .skg .skg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .skg .skg-summary-selection{grid-template-columns:1fr 1fr}
}

@media (max-width:430px){
  .skg>h1{padding-inline:14px;font-size:23px}
  .skg>.skg-lead{padding-inline:14px}
  .skg .skg-preview-panel,.skg .skg-panel,.skg .skg-summary{padding:11px}
  .skg .skg-preview-head{display:block}
  .skg .skg-preview-current{margin-top:7px;text-align:left}
  .skg .skg-shape-choice span{min-height:68px}
  .skg .skg-shape-icon{transform:scale(.82);transform-origin:center}
  .skg .skg-shape-icon--l{transform:scale(.82) skewY(12deg)}
  .skg .skg-choice>span{min-height:132px}
  .skg .skg-contact,.skg .skg-row,.skg .skg-leg-fields{grid-template-columns:1fr}
}

/* Gartentore category v1 */

  .skgt{scroll-margin-top:24px}
  .skgt-categorynav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-48px 0 76px}
  .skgt-categorynav a{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 22px;border:1px solid var(--line);background:#fff;color:var(--ink)!important;font-size:16px;font-weight:900;text-transform:uppercase}
  .skgt-categorynav a:after{content:"→";color:var(--b);font-size:24px}
  .skgt-categorynav a:hover{border-color:var(--b);background:var(--soft)}
  .skgt-filter{padding:24px;margin-bottom:24px;border-top:5px solid var(--b);background:#fff;box-shadow:0 12px 32px rgba(17,21,26,.07)}
  .skgt-filter__title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
  .skgt-filter__title strong{font-size:20px}
  .skgt-filter__title span{color:var(--steel);font-size:12px}
  .skgt-filter__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .skgt-field label{display:block;margin-bottom:6px;color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .skgt-field select,.skgt-field input{width:100%;min-height:48px;padding:9px 11px;border:1px solid #bdc6cf;border-radius:0;background:#fff;color:var(--ink);font:inherit}
  .skgt-filter__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
  .skgt-reset{padding:0;border:0;background:transparent;color:var(--b);font:inherit;font-size:13px;font-weight:900;text-decoration:underline;cursor:pointer}
  .skgt-count{color:var(--steel);font-size:13px}
  .skgt-card[hidden]{display:none!important}
  .skgt-visual{position:relative;height:188px;overflow:hidden;background-color:#0c1722;background-image:linear-gradient(rgba(88,129,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,129,160,.08) 1px,transparent 1px);background-size:28px 28px}
  .skgt-frame{position:absolute;z-index:2;left:9%;right:9%;top:34px;height:124px;border:7px solid #aab6bf;border-bottom-width:8px}
  .skgt-frame--double:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:5px;transform:translateX(-50%);background:#87959f}
  .skgt-frame--arch{top:52px;border-top-left-radius:48% 45px;border-top-right-radius:48% 45px}
  .skgt-frame--single{left:24%;right:24%}
  .skgt-gatefill{position:absolute;z-index:3;left:14%;right:14%;top:49px;height:96px}
  .skgt-gatefill--none{border-top:2px dashed #5c7283;border-bottom:2px dashed #5c7283}
  .skgt-gatefill--bars{background:repeating-linear-gradient(90deg,transparent 0 24px,#87959f 24px 29px)}
  .skgt-gatefill--holes{border:2px solid #82919b;background-color:rgba(119,135,147,.42);background-image:radial-gradient(#0c1722 2.8px,transparent 3.2px);background-size:15px 15px}
  .skgt-gatefill--design{border:2px solid #82919b;background:repeating-linear-gradient(135deg,rgba(140,154,164,.62) 0 17px,transparent 17px 31px)}
  .skgt-gatefill--privacy{border:2px solid #82919b;background:repeating-linear-gradient(0deg,#7e8d98 0 14px,#53616c 14px 17px)}
  .skgt-gatefill--arch{top:63px;height:79px;background:repeating-linear-gradient(90deg,transparent 0 23px,#87959f 23px 28px)}
  .skgt-card .sks-card__body p{min-height:72px}
  .skgt-specs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
  .skgt-specs span{padding:5px 7px;background:#eef2f5;color:#4c5963;font-size:10px;font-weight:800;text-transform:uppercase}
  .skgt-price strong{font-size:20px}
  .skgt-config{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;margin-top:28px;padding:34px;border:1px solid #24384b;background:#0b151f;color:#fff}
  .skgt-config h3{color:#fff;font-size:28px}
  .skgt-config p{color:#bac5cd}
  .skgt-config__form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .skgt-config__form .wide{grid-column:1/-1}
  .skgt-config__form label{display:block;margin-bottom:5px;color:#91a4b2;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .skgt-config__form select,.skgt-config__form input{width:100%;min-height:46px;padding:9px 10px;border:1px solid #3b5267;background:#101e2a;color:#fff;font:inherit}
  .skgt-config__form .sks-button{width:100%;border-color:#70c0ff}
  .skgt-config__note{margin:18px 0 0;color:#81919e!important;font-size:11px;line-height:1.5}
  
@media(max-width:980px){.skgt-filter__grid{grid-template-columns:1fr 1fr}.skgt-config{grid-template-columns:1fr}}
@media(max-width:700px){.skgt-categorynav,.skgt-filter__grid,.skgt-config__form{grid-template-columns:1fr}.skgt-categorynav{margin-top:-30px;margin-bottom:56px}.skgt-config{padding:26px 20px}.skgt-config__form .wide{grid-column:auto}}

/* Gartentore product images v1 */
.skgt-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.skgt-card:hover .skgt-visual img{transform:scale(1.025)}
.skgt-visual .sks-card__tag{z-index:5}

/* Full shop widget design v2 */

  .sks{--b:#084b93;--bd:#06376c;--ink:#11151a;--steel:#5e6975;--line:#dce2e8;--soft:#eaf2fb;--white:#fff;max-width:1180px;margin:0 auto;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
  .sks *{box-sizing:border-box}
  .sks a{text-decoration:none}
  .sks-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:44px;align-items:center;padding:48px;border-top:7px solid var(--b);background:var(--white);box-shadow:0 18px 46px rgba(17,21,26,.09)}
  .sks-kicker{display:block;margin-bottom:13px;color:var(--b);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
  .sks h1,.sks h2,.sks h3{margin:0;color:var(--ink);line-height:1.1}
  .sks h1{max-width:760px;font-size:clamp(40px,5.2vw,66px);letter-spacing:-.04em}
  .sks h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.025em}
  .sks h3{font-size:21px}
  .sks p{color:#303840;line-height:1.65}
  .sks-lead{max-width:700px;margin:20px 0 26px;font-size:19px}
  .sks-actions{display:flex;flex-wrap:wrap;gap:12px}
  .sks-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:2px solid var(--b);background:var(--b);color:var(--white)!important;font-size:14px;font-weight:900;letter-spacing:.025em;text-transform:uppercase}
  .sks-button:hover{border-color:var(--bd);background:var(--bd)}
  .sks-button--ghost{background:transparent;color:var(--b)!important}
  .sks-button--ghost:hover{color:var(--white)!important}
  .sks-tech{min-height:340px;padding:24px;border:1px solid #24384b;border-radius:16px;background:#0b151f;box-shadow:0 16px 38px rgba(6,15,24,.18)}
  .sks-tech__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:#fff}
  .sks-tech__head span{color:#67b7ff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
  .sks-drawing{position:relative;min-height:225px;overflow:hidden;border:1px solid #2a4259;border-radius:10px;background-color:#09131d;background-image:linear-gradient(rgba(88,129,160,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(88,129,160,.09) 1px,transparent 1px);background-size:32px 32px}
  .sks-drawing:before,.sks-drawing:after{content:"";position:absolute;left:10%;right:10%;height:7px;background:#a9b6bf;box-shadow:0 132px 0 #7d8b95}
  .sks-drawing:before{top:43px}
  .sks-drawing:after{top:43px;left:14%;right:auto;width:7px;height:139px;box-shadow:92px 0 0 #7d8b95,184px 0 0 #7d8b95,276px 0 0 #7d8b95}
  .sks-drawing__bars{position:absolute;top:54px;left:18%;right:18%;height:116px;background:repeating-linear-gradient(90deg,transparent 0 29px,#8897a2 29px 34px)}
  .sks-drawing__label{position:absolute;right:14px;bottom:12px;color:#79b7f2;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .sks-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 76px;border:1px solid var(--line);background:var(--white)}
  .sks-trust div{padding:20px 18px;border-right:1px solid var(--line)}
  .sks-trust div:last-child{border-right:0}
  .sks-trust span{display:block;margin-bottom:5px;color:var(--steel);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
  .sks-trust strong{display:block;font-size:15px}
  .sks-section{margin:0 0 78px}
  .sks-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}
  .sks-sectionhead p{max-width:560px;margin:0}
  .sks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .sks-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:var(--white);box-shadow:0 12px 32px rgba(17,21,26,.07);transition:transform .18s ease,box-shadow .18s ease}
  .sks-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(17,21,26,.12)}
  .sks-card__visual{position:relative;height:188px;overflow:hidden;background-color:#0c1722;background-image:linear-gradient(rgba(88,129,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,129,160,.08) 1px,transparent 1px);background-size:28px 28px}
  .sks-card__visual:before{content:"";position:absolute;left:10%;right:10%;top:39px;height:6px;background:#b7c2ca;box-shadow:0 108px 0 #6f7d87}
  .sks-card__visual:after{content:"";position:absolute;left:14%;top:45px;width:6px;height:108px;background:#85939d;box-shadow:84px 0 0 #85939d,168px 0 0 #85939d,252px 0 0 #85939d}
  .sks-fill{position:absolute;z-index:2;left:18%;right:18%;top:55px;height:86px}
  .sks-fill--vertical{background:repeating-linear-gradient(90deg,transparent 0 22px,#8c9aa4 22px 27px)}
  .sks-fill--horizontal{background:repeating-linear-gradient(0deg,transparent 0 17px,#8c9aa4 17px 22px)}
  .sks-fill--holes{border:2px solid #82919b;background-color:rgba(119,135,147,.4);background-image:radial-gradient(#0c1722 2.8px,transparent 3.2px);background-size:15px 15px}
  .sks-fill--design{border:2px solid #82919b;background:repeating-linear-gradient(135deg,rgba(140,154,164,.62) 0 17px,transparent 17px 31px)}
  .sks-fill--mesh{border:2px solid #82919b;background-image:linear-gradient(45deg,transparent 46%,#82919b 47%,#82919b 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#82919b 47%,#82919b 53%,transparent 54%);background-size:19px 19px}
  .sks-fill--cable{background:repeating-linear-gradient(0deg,transparent 0 13px,#aab5bd 13px 16px)}
  .sks-card__tag{position:absolute;z-index:3;top:13px;left:13px;padding:6px 8px;border:1px solid #31516c;background:#0c1b28;color:#91cbff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .sks-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
  .sks-card__body p{min-height:78px;margin:10px 0 18px;color:#4d5862;font-size:14px}
  .sks-price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
  .sks-price span{display:block;color:var(--steel);font-size:11px;font-weight:800;text-transform:uppercase}
  .sks-price strong{display:block;margin:4px 0 17px;color:var(--b);font-size:25px}
  .sks-card .sks-button{width:100%}
  .sks-note{margin-top:22px;padding:18px 20px;border-left:5px solid var(--b);background:var(--soft);color:#2f3a44;font-size:13px;line-height:1.55}
  .sks-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);background:var(--white)}
  .sks-step{position:relative;padding:30px;border-right:1px solid var(--line)}
  .sks-step:last-child{border-right:0}
  .sks-step b{display:grid;width:38px;height:38px;margin-bottom:20px;place-items:center;background:var(--b);color:#fff;font-size:16px}
  .sks-step p{margin:9px 0 0;font-size:14px}
  .sks-service{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px;padding:38px;background:#11151a;color:#fff}
  .sks-service h2{color:#fff}
  .sks-service p{color:#c9d0d7}
  .sks-service__facts{display:grid;gap:1px;background:#34404b}
  .sks-service__facts div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#1b232b}
  .sks-service__facts span{color:#9eabb7;font-size:12px}
  .sks-service__facts strong{color:#fff;font-size:13px;text-align:right}
  .sks-faq{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .sks-faq details{padding:20px 22px;border:1px solid var(--line);background:#fff}
  .sks-faq summary{cursor:pointer;color:var(--ink);font-weight:900}
  .sks-faq p{margin:13px 0 0;font-size:14px}
  /* Gartentore category */
  .skgt{scroll-margin-top:24px}
  .skgt-categorynav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-48px 0 76px}
  .skgt-categorynav a{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 22px;border:1px solid var(--line);background:#fff;color:var(--ink)!important;font-size:16px;font-weight:900;text-transform:uppercase}
  .skgt-categorynav a:after{content:"→";color:var(--b);font-size:24px}
  .skgt-categorynav a:hover{border-color:var(--b);background:var(--soft)}
  .skgt-filter{padding:24px;margin-bottom:24px;border-top:5px solid var(--b);background:#fff;box-shadow:0 12px 32px rgba(17,21,26,.07)}
  .skgt-filter__title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
  .skgt-filter__title strong{font-size:20px}
  .skgt-filter__title span{color:var(--steel);font-size:12px}
  .skgt-filter__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .skgt-field label{display:block;margin-bottom:6px;color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .skgt-field select,.skgt-field input{width:100%;min-height:48px;padding:9px 11px;border:1px solid #bdc6cf;border-radius:0;background:#fff;color:var(--ink);font:inherit}
  .skgt-filter__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
  .skgt-reset{padding:0;border:0;background:transparent;color:var(--b);font:inherit;font-size:13px;font-weight:900;text-decoration:underline;cursor:pointer}
  .skgt-count{color:var(--steel);font-size:13px}
  .skgt-card[hidden]{display:none!important}
  .skgt-visual{position:relative;height:188px;overflow:hidden;background-color:#0c1722;background-image:linear-gradient(rgba(88,129,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,129,160,.08) 1px,transparent 1px);background-size:28px 28px}
  .skgt-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
  .skgt-card:hover .skgt-visual img{transform:scale(1.025)}
  .skgt-visual .sks-card__tag{z-index:5}
  .skgt-frame{position:absolute;z-index:2;left:9%;right:9%;top:34px;height:124px;border:7px solid #aab6bf;border-bottom-width:8px}
  .skgt-frame--double:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:5px;transform:translateX(-50%);background:#87959f}
  .skgt-frame--arch{top:52px;border-top-left-radius:48% 45px;border-top-right-radius:48% 45px}
  .skgt-frame--single{left:24%;right:24%}
  .skgt-gatefill{position:absolute;z-index:3;left:14%;right:14%;top:49px;height:96px}
  .skgt-gatefill--none{border-top:2px dashed #5c7283;border-bottom:2px dashed #5c7283}
  .skgt-gatefill--bars{background:repeating-linear-gradient(90deg,transparent 0 24px,#87959f 24px 29px)}
  .skgt-gatefill--holes{border:2px solid #82919b;background-color:rgba(119,135,147,.42);background-image:radial-gradient(#0c1722 2.8px,transparent 3.2px);background-size:15px 15px}
  .skgt-gatefill--design{border:2px solid #82919b;background:repeating-linear-gradient(135deg,rgba(140,154,164,.62) 0 17px,transparent 17px 31px)}
  .skgt-gatefill--privacy{border:2px solid #82919b;background:repeating-linear-gradient(0deg,#7e8d98 0 14px,#53616c 14px 17px)}
  .skgt-gatefill--arch{top:63px;height:79px;background:repeating-linear-gradient(90deg,transparent 0 23px,#87959f 23px 28px)}
  .skgt-card .sks-card__body p{min-height:72px}
  .skgt-specs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
  .skgt-specs span{padding:5px 7px;background:#eef2f5;color:#4c5963;font-size:10px;font-weight:800;text-transform:uppercase}
  .skgt-price strong{font-size:20px}
  .skgt-config{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;margin-top:28px;padding:34px;border:1px solid #24384b;background:#0b151f;color:#fff}
  .skgt-config h3{color:#fff;font-size:28px}
  .skgt-config p{color:#bac5cd}
  .skgt-config__form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .skgt-config__form .wide{grid-column:1/-1}
  .skgt-config__form label{display:block;margin-bottom:5px;color:#91a4b2;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .skgt-config__form select,.skgt-config__form input{width:100%;min-height:46px;padding:9px 10px;border:1px solid #3b5267;background:#101e2a;color:#fff;font:inherit}
  .skgt-config__form .sks-button{width:100%;border-color:#70c0ff}
  .skgt-config__note{margin:18px 0 0;color:#81919e!important;font-size:11px;line-height:1.5}
  @media(max-width:980px){
    .sks-hero,.sks-service{grid-template-columns:1fr}
    .sks-grid{grid-template-columns:1fr 1fr}
    .sks-tech{min-height:auto}
    .skgt-filter__grid{grid-template-columns:1fr 1fr}
    .skgt-config{grid-template-columns:1fr}
  }
  @media(max-width:700px){
    .sks-hero{padding:28px 22px}
    .sks h1{font-size:41px}
    .sks-trust{grid-template-columns:1fr 1fr;margin-bottom:56px}
    .sks-trust div:nth-child(2){border-right:0}
    .sks-trust div:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .sks-grid,.sks-process,.sks-faq{grid-template-columns:1fr}
    .sks-step{border-right:0;border-bottom:1px solid var(--line)}
    .sks-step:last-child{border-bottom:0}
    .sks-sectionhead{display:block}
    .sks-sectionhead p{margin-top:14px}
    .sks-card__body p{min-height:0}
    .sks-service{padding:28px 22px}
    .skgt-categorynav,.skgt-filter__grid,.skgt-config__form{grid-template-columns:1fr}
    .skgt-categorynav{margin-top:-30px;margin-bottom:56px}
    .skgt-config{padding:26px 20px}
    .skgt-config__form .wide{grid-column:auto}
  }

/* Gelaender product images v1 */
.sks-card__visual--photo:before,.sks-card__visual--photo:after{display:none}
.sks-card__visual--photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.sks-card:hover .sks-card__visual--photo img{transform:scale(1.025)}
.sks-card__visual--photo .sks-card__tag{z-index:5}