:root{--bg:#f5efe6;--bg-soft:#fbf8f3;--ink:#17231e;--muted:#66746c;--line:#dfd1bf;--primary:#7b4b27;--primary-dark:#593315;--green:#395d48;--gold:#d39a4a;--card:rgba(255,255,255,.82);--shadow:0 24px 80px rgba(62,44,28,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(211,154,74,.22),transparent 30rem),radial-gradient(circle at 90% 18%,rgba(57,93,72,.18),transparent 28rem),linear-gradient(135deg,#fbf5ec,#eef4ee 55%,#fbf8f3)}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px clamp(18px,4vw,58px);background:rgba(251,248,243,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,209,191,.75)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 28px rgba(123,75,39,.26)}.brand small{display:block;color:var(--muted);margin-top:2px}.nav{display:flex;gap:22px;color:var(--muted);font-weight:700}.nav a,.header-cta,.footer a{text-decoration:none}.nav a:hover,.footer a:hover{color:var(--primary)}.header-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800}.hero{width:min(1180px,calc(100% - 36px));margin:36px auto 0;min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:900;font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,76px);line-height:.96;letter-spacing:-.055em;margin-bottom:24px}h2{font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.04em;margin-bottom:18px}h3{font-size:23px;margin-bottom:12px}.hero-lead,.intro>p,.solution-text>p,.contact-info>p{font-size:19px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin:34px 0;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border-radius:999px;text-decoration:none;border:none;font-weight:900;font-size:16px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 15px 30px rgba(123,75,39,.24)}.secondary{background:rgba(255,255,255,.70);border:1px solid var(--line);color:var(--ink)}.light{background:#fff;color:var(--primary)}.full{width:100%}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.trust-row div{padding:18px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(223,209,191,.75)}.trust-row strong,.trust-row span{display:block}.trust-row span{color:var(--muted);margin-top:5px;line-height:1.4}.hero-panel{position:relative;min-height:590px;border-radius:36px;background:linear-gradient(180deg,rgba(23,35,30,.1),rgba(23,35,30,.74)),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80");background-size:cover;background-position:center;box-shadow:var(--shadow);overflow:hidden}.mock-card{position:absolute;left:26px;right:26px;padding:18px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(0,0,0,.18)}.mock-card p{margin:5px 0 0;color:var(--muted);line-height:1.45}.top-card{top:28px}.bottom-card{bottom:28px}.status-dot{width:11px;height:11px;background:#2f9e44;border-radius:50%;display:inline-block;margin-right:8px}.phone-preview{position:absolute;width:min(310px,calc(100% - 52px));left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:32px;padding:24px;box-shadow:0 26px 70px rgba(0,0,0,.34)}.phone-bar{width:74px;height:6px;border-radius:99px;background:#d9d9d9;margin:0 auto 22px}.phone-preview label{display:block;font-size:13px;font-weight:800;margin:14px 0 7px}.fake-input,.fake-textarea{border:1px solid #ddd3c5;border-radius:14px;background:#fbf8f3}.fake-input{padding:14px;color:var(--muted)}.fake-textarea{height:96px}.phone-preview button{width:100%;border:none;border-radius:999px;margin-top:18px;padding:14px;color:#fff;background:var(--primary);font-weight:900}.section{width:min(1180px,calc(100% - 36px));margin:110px auto 0}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card,.price-card,.step,.contact-form,.contact-info{background:var(--card);border:1px solid rgba(223,209,191,.85);border-radius:30px;padding:30px;box-shadow:0 18px 50px rgba(62,44,28,.08)}.service-card.highlighted{background:linear-gradient(135deg,rgba(57,93,72,.96),rgba(23,35,30,.96));color:#fff}.service-card.highlighted p,.service-card.highlighted li{color:rgba(255,255,255,.78)}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff4e5;color:var(--primary);font-weight:900;margin-bottom:24px}.highlighted .icon{background:rgba(255,255,255,.14);color:#fff}.service-card p,.service-card li,.step p,.price-card li{color:var(--muted);line-height:1.6}.service-card ul,.price-card ul{padding-left:20px;margin-bottom:0}.service-card li,.price-card li{margin-bottom:8px}.solution{display:grid;grid-template-columns:1.1fr .65fr;gap:28px;align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.feature-grid div{padding:20px;border-radius:22px;background:rgba(255,255,255,.66);border:1px solid var(--line)}.feature-grid strong,.feature-grid span{display:block}.feature-grid span{margin-top:8px;color:var(--muted);line-height:1.55}.price-card{position:sticky;top:100px;background:#fff}.price-label{color:var(--muted);margin-bottom:10px;font-weight:800}.price{font-size:58px;line-height:1;font-weight:900;letter-spacing:-.06em}.price-note{color:var(--muted);margin:8px 0 24px}.center{text-align:center;max-width:760px;margin:0 auto 32px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step span{display:inline-flex;color:var(--gold);font-weight:900;margin-bottom:24px}.cta-band{background:linear-gradient(135deg,var(--primary),var(--green));color:#fff;border-radius:34px;padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:var(--shadow)}.cta-band .eyebrow{color:rgba(255,255,255,.72)}.cta-band h2{margin:0;max-width:740px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;margin-bottom:90px}.contact-details{margin-top:28px;display:grid;gap:14px}.contact-details div{padding:18px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid var(--line)}.contact-details strong,.contact-details a,.contact-details span{display:block}.contact-details a,.contact-details span{margin-top:5px;color:var(--muted)}.contact-form{display:grid;gap:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}label{font-weight:900}label span,.checkbox strong{color:#b42318}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:16px;padding:14px 15px;font-size:16px;font-family:inherit;color:var(--ink)}textarea{resize:vertical;min-height:150px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(211,154,74,.20)}.checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--muted);line-height:1.45}.checkbox input{width:auto;margin-top:4px}.honeypot{display:none}.footer{padding:34px clamp(18px,4vw,58px);background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer p{margin:6px 0 0;color:rgba(255,255,255,.68)}.footer div:last-child{display:flex;gap:18px;color:rgba(255,255,255,.78)}.thanks-page{min-height:100vh}.thanks-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.thanks-card{width:min(680px,100%);text-align:center;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:34px;padding:48px;box-shadow:var(--shadow)}.thanks-card .brand-mark{margin:0 auto 24px}.thanks-card p:not(.eyebrow){color:var(--muted);font-size:19px;line-height:1.6;margin-bottom:28px}@media(max-width:980px){.nav{display:none}.hero,.intro,.solution,.contact{grid-template-columns:1fr}.hero{min-height:auto}.hero-panel{min-height:520px}.steps{grid-template-columns:repeat(2,1fr)}.price-card{position:static}}@media(max-width:680px){.site-header{padding:12px}.brand small,.header-cta{display:none}.hero,.section{width:min(100% - 24px,1180px)}h1{font-size:43px}.trust-row,.services,.feature-grid,.steps,.grid{grid-template-columns:1fr}.hero-panel{min-height:470px;border-radius:26px}.phone-preview{width:calc(100% - 36px)}.section{margin-top:72px}.service-card,.price-card,.step,.contact-form,.contact-info,.cta-band{border-radius:24px;padding:22px}.cta-band{display:grid}.footer{display:grid}}


.app-promo {
  display: grid;
  grid-template-columns: 1.05fr 0.7fr;
  gap: 28px;
  align-items: center;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(223, 209, 191, 0.85);
  border-radius: 34px;
  padding: 34px;
  box-shadow: 0 18px 50px rgba(62, 44, 28, 0.08);
}

.app-promo-text p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}

.app-promo-text ul {
  margin: 22px 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.65;
}

.app-promo-card {
  border-radius: 32px;
  padding: 30px;
  min-height: 410px;
  background: linear-gradient(135deg, var(--primary), var(--green));
  color: white;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-icon-mini {
  width: 82px;
  height: 82px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: #fbf8f3;
  color: var(--primary);
  font-weight: 900;
  margin-bottom: 24px;
}

.app-promo-card h3 {
  font-size: 34px;
  margin-bottom: 8px;
}

.app-promo-card p {
  color: rgba(255,255,255,0.72);
}

.mini-buttons {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.mini-buttons span {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.14);
  font-weight: 800;
}

@media (max-width: 980px) {
  .app-promo {
    grid-template-columns: 1fr;
  }

  .app-promo-card {
    min-height: auto;
  }
}

@media (max-width: 680px) {
  .app-promo {
    padding: 22px;
    border-radius: 24px;
  }
}


.seo-info {
  background: rgba(255,255,255,0.56);
  border: 1px solid rgba(223, 209, 191, 0.85);
  border-radius: 34px;
  padding: 34px;
  box-shadow: 0 18px 50px rgba(62, 44, 28, 0.08);
}

.seo-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.seo-columns p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.faq-grid details {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(223, 209, 191, 0.85);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 12px 34px rgba(62, 44, 28, 0.07);
}

.faq-grid summary {
  cursor: pointer;
  font-weight: 900;
  font-size: 18px;
}

.faq-grid p {
  color: var(--muted);
  line-height: 1.65;
  margin: 14px 0 0;
}

@media (max-width: 980px) {
  .seo-columns,
  .faq-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .seo-info {
    padding: 22px;
    border-radius: 24px;
  }
}


.kundeportal {
  margin-top: 34px;
}

.portal-card {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: center;
  border-radius: 34px;
  padding: 36px;
  background: linear-gradient(135deg, rgba(57, 93, 72, 0.96), rgba(123, 75, 39, 0.94));
  color: white;
  box-shadow: 0 24px 70px rgba(62, 44, 28, 0.16);
}

.portal-card .eyebrow {
  color: rgba(255,255,255,0.72);
}

.portal-card h2 {
  font-size: clamp(32px, 4.2vw, 52px);
  line-height: 1.03;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
}

.portal-card p {
  color: rgba(255,255,255,0.78);
  line-height: 1.68;
  font-size: 18px;
  margin: 0 0 18px;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 22px 0;
  display: grid;
  gap: 10px;
}

.check-list li {
  position: relative;
  padding-left: 30px;
  color: rgba(255,255,255,0.9);
  font-weight: 800;
}

.check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.18);
  font-size: 14px;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.portal-card .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 900;
  text-decoration: none;
}

.portal-card .btn.primary {
  background: white;
  color: #593315;
}

.portal-card .btn.secondary {
  background: rgba(255,255,255,0.14);
  color: white;
  border: 1px solid rgba(255,255,255,0.28);
}

.portal-preview {
  display: flex;
  justify-content: center;
}

.portal-window {
  width: min(100%, 390px);
  background: rgba(255,255,255,0.94);
  color: #17231e;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,0.24);
  transform: rotate(1.5deg);
}

.portal-window-top {
  display: flex;
  gap: 7px;
  padding: 16px;
  background: rgba(245, 239, 230, 0.95);
  border-bottom: 1px solid rgba(223, 209, 191, 0.85);
}

.portal-window-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #d39a4a;
}

.portal-window-body {
  padding: 22px;
  display: grid;
  gap: 12px;
}

.portal-window-body strong {
  font-size: 20px;
  margin-bottom: 4px;
}

.portal-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f5efe6;
  color: #66746c;
  font-weight: 800;
}

.portal-row b {
  color: #395d48;
}

.portal-mini-card {
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(223, 209, 191, 0.85);
  font-weight: 800;
  color: #17231e;
}

@media (max-width: 980px) {
  .portal-card {
    grid-template-columns: 1fr;
  }

  .portal-preview {
    justify-content: flex-start;
  }

  .portal-window {
    transform: none;
  }
}

@media (max-width: 680px) {
  .portal-card {
    padding: 24px;
    border-radius: 26px;
  }
}