*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream,#fbf5e8);color:#183a2a;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:999}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.topbar{background:#002b1b;color:#f8f0da;font-size:.82rem}.topbar-inner{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.top-contact{display:flex;gap:20px}.top-contact a{text-decoration:none}.site-header{background:#fffaf0;position:sticky;top:0;z-index:30;box-shadow:0 3px 16px #1c2d2012}.header-inner{display:flex;align-items:center;gap:20px;min-height:90px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#684719;min-width:220px}.brand-mark{width:66px;height:66px}.brand-logo{max-height:76px;max-width:240px;object-fit:contain}.brand strong{display:block;font-family:Georgia,serif;font-size:1.22rem;line-height:1.1}.brand small{display:block;font-size:.8rem}.mainnav{flex:1}.mainnav ul{display:flex;list-style:none;gap:17px;margin:0;padding:0;align-items:center}.mainnav a{text-decoration:none;font-size:.89rem;font-weight:700}.mainnav a:hover{color:#b88b26}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:30px;padding:13px 22px;font-weight:700;text-align:center;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(#fbe08d,#dba525 65%,#b47a0b);border:1px solid #fce8a4;color:#183522;box-shadow:0 4px 10px #1a1a1a35}.btn-outline{border:1px solid #fff;color:#fff;background:#093b2980}.menu-toggle{display:none;background:transparent;border:0;font-size:1.8rem;color:#123b2b}.hero{background:linear-gradient(110deg,#063a25 15%,#2b6543);color:white;min-height:440px;background-size:cover;background-position:center}.hero-inner{display:flex;align-items:center;min-height:440px}.hero-copy{max-width:630px;padding:44px 0}.hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.04;margin:14px 0 24px;letter-spacing:-.03em}.hero-copy>p:not(.eyebrow){font-size:1.15rem;max-width:540px}.eyebrow{font-size:.82rem;font-weight:800;letter-spacing:.18em;color:#a57828}.hero .eyebrow{color:#f2d783}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.trust{background:#fff9ec;border-bottom:1px solid #eadbb8}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 0;text-align:center;font-weight:700}.trust-grid span:not(:last-child){border-right:1px solid #d8c69b}.section{padding-top:64px;padding-bottom:64px}.section-alt{background:#f2e8d3}.center{text-align:center}.section h2,.offer-default h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,2.9rem);margin:8px 0 28px;color:#092f1f}.main-content{padding-top:30px;padding-bottom:45px;min-height:80px}.main-content:empty{display:none}.reviews-shell{background:#fffaf1;border:1px solid #e7d9bb;border-radius:20px;padding:28px;box-shadow:0 8px 25px #251e0d13}.offers{padding-top:0}.offer-default{background:linear-gradient(100deg,#053820,#215b37);border-radius:22px;padding:28px 35px;color:#fff;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.offer-default h2{color:#fff;font-size:1.8rem;margin:0}.offer-default p{margin:0}.footer{background:#003521;color:#f7efd8;padding:40px 0 15px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer h3{color:#ebcb74}.footer a{display:block;text-decoration:none;margin:6px 0}.footer-brand img{width:90px;display:block}.footer-brand strong,.footer-brand small{display:block;font-family:Georgia,serif;color:#e8c36b}.copyright{text-align:center;border-top:1px solid #8b7c4a;margin-top:30px;padding-top:15px;font-size:.8rem}.mobile-cta{display:none}.tkh-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.tkh-service{background:#fffaf1;border:1px solid #e6d9c0;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #1d2a1c1c}.tkh-service img{width:100%;height:155px;object-fit:cover}.tkh-service-content{padding:18px;text-align:center}.tkh-service h3{font-family:Georgia,serif;margin:0 0 6px}.tkh-service p{font-size:.9rem}.tkh-service a{color:#0c472d;font-weight:700}.tkh-compare{position:relative;max-width:950px;margin:20px auto;overflow:hidden;border:5px solid white;border-radius:20px;aspect-ratio:16/9;background:#d8d6bc;box-shadow:0 8px 22px #102c1a25;--pos:50%}.tkh-compare img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tkh-compare .tkh-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.tkh-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.tkh-divider{position:absolute;left:var(--pos);top:0;bottom:0;width:3px;background:#f5ce60;transform:translateX(-50%);pointer-events:none}.tkh-divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#eec452;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:#073822;font-size:25px;box-shadow:0 2px 10px #0005}.tkh-tag{position:absolute;top:14px;padding:6px 12px;border-radius:7px;background:#092c21;color:white;font-weight:bold;z-index:2}.tkh-tag.left{left:15px}.tkh-tag.right{right:15px}.tkh-compare input:focus-visible+.tkh-divider{outline:4px solid orange}@media(max-width:1020px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.mainnav{display:none;flex-basis:100%;order:4}.mainnav.is-open{display:block}.mainnav ul{flex-direction:column;align-items:flex-start;padding:15px}.nav-cta{display:none}.brand{min-width:0}.topbar-inner{flex-wrap:wrap}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid span{border-right:0!important}}@media(max-width:650px){.topbar{font-size:.7rem}.top-contact{flex-wrap:wrap;gap:8px}.header-inner{min-height:72px}.brand-mark{width:50px;height:50px}.brand strong{font-size:.95rem}.brand small{font-size:.68rem}.hero,.hero-inner{min-height:430px}.hero-copy{padding:45px 0}.hero h1{font-size:2.6rem}.hero-actions .btn{width:100%}.trust-grid{font-size:.78rem}.section{padding-top:40px;padding-bottom:40px}.footer-grid{grid-template-columns:1fr;gap:15px}.mobile-cta{display:flex;position:fixed;bottom:10px;left:10px;right:10px;z-index:45}.footer{padding-bottom:95px}.tkh-compare{aspect-ratio:4/3}}

/* TKH Premium Vorher-Nachher-Slider */

.tkh-comparison-section {
  background: linear-gradient(135deg, #002b1b, #104c35);
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.tkh-comparison-title {
  font-family: Georgia, serif;
  font-size: clamp(36px, 5vw, 64px);
  margin: 12px 0 20px;
}

.tkh-comparison-title span {
  color: #d5a73b;
}

.tkh-comparison {
  position: relative;
  width: 100%;
  max-width: 1100px;
  aspect-ratio: 16 / 9;
  margin: 35px auto;
  overflow: hidden;
  border: 3px solid #d5a73b;
  border-radius: 22px;
  box-shadow: 0 20px 50px #0006;
  --split: 50%;
}

.tkh-comparison img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tkh-comparison .tkh-after {
  position: absolute;
  inset: 0;
  clip-path: inset(0 0 0 var(--split));
}

.tkh-comparison .tkh-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 3px;
  background: #f5c451;
  transform: translateX(-50%);
  pointer-events: none;
}

.tkh-comparison .tkh-handle {
  position: absolute;
  top: 50%;
  left: var(--split);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(#ffe18a, #c58c12);
  color: #073622;
  display: grid;
  place-items: center;
  font-size: 28px;
  box-shadow: 0 4px 18px #0007;
  pointer-events: none;
}

.tkh-comparison input[type="range"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  touch-action: pan-y;
}

.tkh-comparison:focus-within {
  outline: 3px solid #ffe18a;
  outline-offset: 4px;
}