:root{--tnn-green: #3E673E;--tnn-green-dark: #2F4F2F;--tnn-cream: #F7F3EA;--tnn-sand: #E8DDCC;--tnn-gold: #C9964A;--tnn-text: #1F2A1F;--tnn-muted: rgba(31,42,31,.72);--tnn-border: rgba(47,79,47,.15);--tnn-shadow: 0 18px 48px rgba(31,42,31,.12)}.tnn-build2,.tnn-build2 *{box-sizing:border-box}.tnn-build2{color:var(--tnn-text);background:#fff;overflow-x:hidden}.tnn-build2 a{text-decoration:none;color:inherit}.tnn-build2-width{width:min(1200px,calc(100% - 40px));margin-inline:auto}.tnn-build2-hero{position:relative;isolation:isolate;padding:clamp(70px,8vw,125px) 0 clamp(82px,9vw,140px);color:#fff;background:linear-gradient(135deg,#2f4f2ff5,#1f381ff5),radial-gradient(circle at 85% 15%,rgba(201,150,74,.32),transparent 34%)}.tnn-build2-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-78px;height:150px;z-index:-1;background:#fff;border-radius:100% 100% 0 0/42% 42% 0 0}.tnn-build2-eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:13px;font-weight:900}.tnn-build2-eyebrow--dark{background:#2f4f2f14;border-color:var(--tnn-border);color:var(--tnn-green-dark)}.tnn-build2-title{max-width:900px;margin:18px 0 16px;color:#fff;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.06em}.tnn-build2-text{max-width:720px;margin:0;color:#ffffffd6;font-size:clamp(17px,1.8vw,21px);line-height:1.65}.tnn-build2-section{padding:clamp(52px,7vw,92px) 0}.tnn-build2-section--cream{background:radial-gradient(circle at 8% 0%,rgba(201,150,74,.15),transparent 28%),linear-gradient(180deg,var(--tnn-cream),#fff)}.tnn-build2-head{max-width:760px;margin:0 auto 34px;text-align:center}.tnn-build2-h2{margin:13px 0 12px;color:var(--tnn-green-dark);font-size:clamp(31px,4.5vw,56px);line-height:1.04;letter-spacing:-.05em}.tnn-build2-sub{margin:0 auto;max-width:680px;color:var(--tnn-muted);font-size:17px;line-height:1.65}.tnn-build2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,34px);align-items:stretch}.tnn-build2-card{position:relative;display:flex;flex-direction:column;min-height:100%;border:1px solid var(--tnn-border);border-radius:32px;background:#fff;box-shadow:var(--tnn-shadow);overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.tnn-build2-card:hover{transform:translateY(-7px);border-color:#2f4f2f4d;box-shadow:0 26px 60px #1f2a1f29}.tnn-build2-card__image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#2f4f2f33,#c9964a3d),repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 14px,transparent 14px 28px)}.tnn-build2-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.tnn-build2-card:hover .tnn-build2-card__image img{transform:scale(1.055)}.tnn-build2-badge{position:absolute;top:16px;left:16px;z-index:2;padding:8px 13px;border-radius:999px;background:#ffffffeb;color:var(--tnn-green-dark);font-size:12px;font-weight:950;box-shadow:0 8px 22px #0000001f}.tnn-build2-card__body{display:flex;flex-direction:column;flex:1;padding:clamp(22px,3vw,32px)}.tnn-build2-card__title{margin:0 0 10px;color:var(--tnn-green-dark);font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.045em}.tnn-build2-card__text{margin:0 0 22px;color:var(--tnn-muted);font-size:16px;line-height:1.6}.tnn-build2-list{display:grid;gap:9px;padding:0;margin:0 0 24px;list-style:none}.tnn-build2-list li{display:flex;gap:9px;color:var(--tnn-green-dark);font-size:14.5px;font-weight:800;line-height:1.4}.tnn-build2-list li:before{content:"\2713";color:var(--tnn-gold);font-weight:950}.tnn-build2-card__bottom{margin-top:auto;display:grid;gap:12px}.tnn-build2-price{color:var(--tnn-green-dark);font-size:19px;font-weight:950}.tnn-build2-price small{display:block;color:var(--tnn-muted);font-size:12px;font-weight:800;margin-bottom:4px}.tnn-build2-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.tnn-build2-btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:950;font-size:15px;transition:.22s ease;border:1px solid transparent}.tnn-build2-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #1824182e}.tnn-build2-btn--green{background:var(--tnn-green);color:#fff}.tnn-build2-btn--green:hover{background:var(--tnn-green-dark)}.tnn-build2-btn--outline{background:#fff;color:var(--tnn-green-dark);border-color:var(--tnn-border)}.tnn-build2-btn--outline:hover{background:var(--tnn-cream)}.tnn-build2-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tnn-build2-step{border:1px solid var(--tnn-border);border-radius:22px;background:#fff;padding:22px;box-shadow:0 10px 28px #1f2a1f12}.tnn-build2-step__num{width:42px;height:42px;border-radius:14px;background:var(--tnn-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:14px}.tnn-build2-step h3{margin:0 0 7px;color:var(--tnn-green-dark);font-size:18px;line-height:1.15}.tnn-build2-step p{margin:0;color:var(--tnn-muted);font-size:14.5px;line-height:1.5}.tnn-build2-cta{border-radius:34px;background:linear-gradient(135deg,var(--tnn-green-dark),#203820);color:#fff;padding:clamp(32px,6vw,70px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:var(--tnn-shadow)}.tnn-build2-cta h2{margin:0 0 10px;color:#fff;font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.055em}.tnn-build2-cta p{margin:0;color:#ffffffd1;font-size:17px;line-height:1.6}@media screen and (max-width:990px){.tnn-build2-grid,.tnn-build2-steps,.tnn-build2-cta{grid-template-columns:1fr}}@media screen and (max-width:749px){.tnn-build2-width{width:calc(100% - 28px)}.tnn-build2-hero{padding:58px 0 92px}.tnn-build2-title{font-size:clamp(34px,11vw,48px)}.tnn-build2-text{font-size:16px}.tnn-build2-head{text-align:left}.tnn-build2-h2{font-size:clamp(29px,9vw,40px)}.tnn-build2-card,.tnn-build2-cta{border-radius:24px}.tnn-build2-card__image{aspect-ratio:1.25 / 1}.tnn-build2-actions{grid-template-columns:1fr}.tnn-build2-btn{width:100%}.tnn-build2-cta{padding:22px}}@media screen and (max-width:749px){.tnn-build2 .tnn-build2-hero+.tnn-build2-section{padding-top:85px!important;position:relative!important;z-index:3!important}.tnn-build2 .tnn-build2-head{position:relative!important;z-index:5!important;margin-top:0!important}.tnn-build2 .tnn-build2-eyebrow--dark{position:relative!important;z-index:6!important;margin-top:0!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tnn-samenstellen-2.css.map */