/* Techniklotse: a quiet, illustrated guide for household technology. */
.techniklotse-site{--canvas:#fbf7ed;--ink:#252b2e;--ink-2:#4c5558;--cta:#194f65;--accent:#194f65;background:var(--canvas);color:var(--ink);font-size:18px}
.techniklotse-site .wrap{max-width:1240px}
.techniklotse-site .header{background:#fbf7edf5;border-bottom:1px solid #d8d4c9;box-shadow:none;padding-block:16px}
.techniklotse-site .header .lotse-brand img{width:310px;height:48px;object-fit:contain;object-position:left center}
.techniklotse-site .kopfnav{gap:24px}
.techniklotse-site .kopfnav a{font-size:16px}
.techniklotse-site .nav-cta,.techniklotse-site .btn--primary{background:#194f65;color:#fff;border:2px solid #194f65;border-radius:9px 13px 8px 12px;box-shadow:2px 3px 0 #b4c1bf;font-weight:650}
.techniklotse-site .btn--primary:hover,.techniklotse-site .nav-cta:hover{background:#123e50;color:#fff;transform:translateY(-1px)}
.techniklotse-site .btn--primary::after,.techniklotse-site .nav-cta::after{display:none}
.techniklotse-site .btn{min-height:48px;padding:15px 23px}
.techniklotse-site .btn--primary,.techniklotse-site .nav-cta{color:#fff!important}
.techniklotse-site h1 em,.techniklotse-site h2 em{font-weight:400}
.techniklotse-site h1,.techniklotse-site h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
.techniklotse-site h1{font-size:clamp(42px,5.1vw,72px);line-height:1.06}
.techniklotse-site h2{font-size:clamp(32px,3.4vw,48px);line-height:1.13}
.techniklotse-site h3{font-family:var(--sans);font-weight:650;letter-spacing:-.025em}
.techniklotse-site p{line-height:1.7}
.techniklotse-site em.mk{font-style:italic;background:none;color:#194f65;isolation:auto}
.techniklotse-site em.mk::before,.techniklotse-site em.mk::after{display:none}
.techniklotse-site a:focus-visible,.techniklotse-site button:focus-visible,.techniklotse-site summary:focus-visible{outline:3px solid #194f65;outline-offset:5px}
.techniklotse-site .hero__textlink{color:#194f65;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.lotse-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-top:160px;padding-bottom:64px;min-height:680px}
.lotse-hero .eyebrow{font-size:12px;letter-spacing:.13em;color:#194f65;margin-bottom:24px}
.lotse-hero h1{max-width:13ch;margin:0}
.lotse-hero .lead{max-width:41ch;font-size:20px;line-height:1.6;margin:26px 0 28px}
.lotse-hero figure{position:relative;margin:0}
.lotse-hero figure>img{display:block;width:100%;height:auto}
.lotse-hero figcaption{text-align:center;margin-top:20px;font-size:17px;color:#194f65;font-family:Georgia,serif;font-style:italic}
.lotse-caption-mark{display:inline-block;width:35px;height:3px;background:#194f65;vertical-align:middle;margin-right:12px;transform:rotate(-4deg)}
.lotse-note{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding-block:42px;border-top:1px solid #b6bcb8;border-bottom:1px solid #b6bcb8}
.lotse-note h2{font-size:33px;margin:0}.lotse-note p{margin:0;max-width:62ch;font-size:19px}
.techniklotse-site .section{padding-block:85px}
.techniklotse-site .support-person{grid-template-columns:.85fr 1.15fr;gap:80px}
.techniklotse-site .support-person figure{background:#e7ece6;border-radius:45% 46% 6px 7px;max-width:360px;padding:24px 28px 0;border-bottom:3px solid #194f65}
.techniklotse-site .support-person p{font-size:19px}
.lotse-service-heading{max-width:690px;margin-bottom:40px}
.lotse-service-heading p{font-size:19px;max-width:58ch}
.techniklotse-site .support-service-grid{gap:44px 80px}
.techniklotse-site .support-service-grid article{grid-template-columns:130px 1fr;grid-template-rows:auto auto auto;gap:0 24px;border-top:1px solid #c6cbc5;padding-top:28px}
.techniklotse-site .support-service-grid img{grid-row:1/4;width:130px;height:125px;align-self:center}
.techniklotse-site .support-service-grid h3{font-size:24px;line-height:1.25;margin:0 0 12px;min-height:0}
.techniklotse-site .support-service-grid p{font-size:17px;line-height:1.6;margin:0}
.techniklotse-site .support-service-grid a{margin-top:16px;font-size:15px;align-self:end;justify-self:start}
.techniklotse-site .center-action{margin-top:42px;text-align:center}
.lotse-band{background:#e8ede7;margin-block:20px}
.lotse-band .support-ways article{display:grid;grid-template-columns:140px 1fr;column-gap:25px;align-content:start}
.lotse-band .support-ways img{grid-row:1/3;height:140px;width:140px;align-self:center}
.lotse-band .support-ways h3{font-size:25px;margin:0 0 14px}.lotse-band .support-ways p{font-size:18px;margin:0}
.techniklotse-site .support-advice{border-bottom:1px solid #b6bcb8}
.techniklotse-site .faq details{background:transparent;border-radius:0;border:0;border-bottom:1px solid #c6cbc5;padding:0}
.techniklotse-site .faq summary{font-size:19px;padding:23px 34px 23px 0;min-height:52px}
.techniklotse-site .faq details p{font-size:18px;padding:0 32px 24px 0;line-height:1.7;margin:0}
.techniklotse-site .subhero h1{max-width:20ch;font-size:clamp(40px,4.4vw,62px)}
.techniklotse-site .subhero .lead{max-width:61ch;font-size:20px}
.techniklotse-site .support-detail{padding-block:45px;gap:65px;border-top:1px solid #d3d6cf;grid-template-columns:.65fr 1.35fr}
.techniklotse-site .support-detail h2{font-size:40px}.techniklotse-site .support-detail p{font-size:19px}.lotse-tip{color:#194f65;border-left:3px solid #adc0bb;padding-left:20px}
.techniklotse-site .family-panel,.techniklotse-site .contact-note{background:#e8ede7;border:0;border-radius:7px 18px 9px 14px}
.techniklotse-site .contact-portrait{background:#e8ede7;border-radius:45% 45% 4px 4px;object-fit:contain;object-position:bottom;height:250px;width:200px;padding:10px 12px 0}
.techniklotse-site .contact-phone{font-size:clamp(25px,3vw,37px);color:#194f65}
.techniklotse-site .steps li::before{background:#e8ede7;color:#194f65}
.techniklotse-site .about-hero h1{font-size:clamp(42px,5vw,68px)}
.techniklotse-site .final{padding-block:65px}.techniklotse-site .final__gross{font-size:clamp(34px,4vw,56px)}
.lotse-footer{margin-top:55px;background:#e5ebe6;padding:62px 0 26px;border-top:2px solid #194f65}
.lotse-footer-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding-bottom:48px;border-bottom:1px solid #a9b8b5}
.lotse-footer h2{font-size:43px;margin:0}.lotse-footer h2 em{color:#194f65}
.lotse-footer a{color:#194f65;text-decoration:underline;text-underline-offset:4px}
.lotse-footer-phone{font-size:30px;font-weight:700}.lotse-footer-intro p{font-size:16px;margin:10px 0}
.lotse-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding:48px 0 38px}
.lotse-footer-grid .lotse-brand img{width:300px;max-width:100%;height:auto;filter:none}
.lotse-footer-grid h3{font-size:17px;margin:0 0 16px}.lotse-footer-grid p{font-size:15px;line-height:1.7;margin:20px 0 0}
.lotse-footer-grid nav>a{display:block;font-size:16px;padding:7px 0;text-decoration:none}.lotse-footer-grid nav>a:hover{text-decoration:underline}
.lotse-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a9b8b5;padding-top:23px;font-size:13px}
@media(prefers-reduced-motion:no-preference){.lotse-hero figure{animation:lotse-arrive .7s ease-out both}@keyframes lotse-arrive{from{opacity:0;transform:translateY(9px) rotate(-1deg)}to{opacity:1;transform:none}}}
@media(max-width:1200px){.techniklotse-site .header .lotse-brand img{width:270px}.techniklotse-site .kopfnav{gap:16px}.lotse-hero{gap:30px}.lotse-band .support-ways article{grid-template-columns:100px 1fr}.lotse-band .support-ways img{width:100px;height:120px}}
@media(max-width:1099px){.techniklotse-site .kopfnav{background:#fbf7ed;border:1px solid #d0d6cf}.techniklotse-site .kopfnav a[aria-current],.techniklotse-site .kopfnav a:hover{background:#e5ebe6}.techniklotse-site .kopfnav .mobile-contact{background:#194f65;color:#fff}.lotse-hero{padding-top:135px;min-height:610px}.lotse-hero h1{font-size:54px}.techniklotse-site .support-service-grid{gap:32px}.techniklotse-site .support-service-grid article{grid-template-columns:1fr}.techniklotse-site .support-service-grid img{grid-row:auto;width:160px;height:110px;margin-bottom:20px}.lotse-footer-grid{gap:30px}}
@media(max-width:699px){.techniklotse-site{font-size:17px}.techniklotse-site .header{padding-block:11px;gap:10px}.techniklotse-site .header .lotse-brand img{width:235px;height:38px}.techniklotse-site .header__actions{display:none}.lotse-hero{padding-top:115px;padding-bottom:35px;min-height:0;grid-template-columns:1fr;gap:28px}.lotse-hero .eyebrow{font-size:10px;margin-bottom:19px;letter-spacing:.09em}.lotse-hero h1{font-size:43px;max-width:13ch}.lotse-hero .lead{font-size:17px;line-height:1.55;margin:22px 0}.lotse-hero figure{width:min(100%,320px);justify-self:center}.lotse-hero figcaption{font-size:15px;margin-top:10px}.lotse-note{grid-template-columns:1fr;gap:18px;padding-block:30px}.lotse-note h2{font-size:29px}.lotse-note p{font-size:17px}.techniklotse-site .section{padding-block:52px}.techniklotse-site .support-person{grid-template-columns:1fr;gap:30px}.techniklotse-site .support-person figure{width:250px}.techniklotse-site .support-person p{font-size:17px}.techniklotse-site h2,.techniklotse-site .support-person h2,.techniklotse-site .support-advice h2,.techniklotse-site .section>h2{font-size:33px}.lotse-service-heading p{font-size:17px}.techniklotse-site .support-service-grid{display:grid;grid-template-columns:repeat(4,84%);overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding:0 3px 23px}.techniklotse-site .support-service-grid article{scroll-snap-align:start;grid-template-rows:120px auto 1fr auto;align-content:start}.techniklotse-site .support-service-grid img{height:110px;width:180px;grid-row:1;margin:0 auto 10px}.techniklotse-site .support-service-grid h3{font-size:23px}.techniklotse-site .support-service-grid p{font-size:17px}.lotse-band .support-ways{grid-template-columns:1fr;gap:35px}.lotse-band .support-ways article{grid-template-columns:90px 1fr;gap:0 20px}.lotse-band .support-ways img{width:90px;height:130px}.lotse-band .support-ways h3{font-size:23px}.lotse-band .support-ways p{font-size:17px}.techniklotse-site .support-detail{grid-template-columns:1fr;gap:18px;padding-block:32px}.techniklotse-site .support-detail h2{font-size:32px}.techniklotse-site .support-detail p{font-size:17px}.techniklotse-site .subhero h1{font-size:41px}.techniklotse-site .subhero .lead{font-size:18px}.techniklotse-site .faq summary{font-size:18px}.techniklotse-site .faq details p{font-size:17px}.lotse-footer{padding-top:42px;margin-top:25px}.lotse-footer-intro{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.lotse-footer h2{font-size:34px}.lotse-footer-phone{font-size:27px}.lotse-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:30px}.lotse-footer-grid>div{grid-column:1/-1}.lotse-footer-grid .lotse-brand img{width:280px}.lotse-footer-grid nav>a{font-size:15px;overflow-wrap:anywhere}.lotse-footer-bottom{flex-direction:column;gap:12px}.techniklotse-site .final{padding-block:45px}.techniklotse-site .final__tel{margin-top:15px}}
@media(max-width:359px){.techniklotse-site .header .lotse-brand img{width:210px}.lotse-hero h1{font-size:39px}.techniklotse-site .subhero h1{font-size:37px}}