:root{font:16px/1.6 Arial,Helvetica,sans-serif;color:#173452;background:white}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #e9b000;outline-offset:4px}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px;background:#ffcc24;padding:10px}.skip:focus{left:12px;top:12px}.site-header{background:#fff;border-bottom:1px solid #e2e9f0}.nav-row{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:300px;height:100px;display:flex;align-items:center;overflow:hidden;flex:none}.brand img{width:100%;height:auto;display:block}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{text-decoration:none;font-size:.91rem;font-weight:700;color:#244464}.site-header nav a:hover{text-decoration:underline}.nav-contact{padding:9px 16px;border:1px solid #c6d1df;border-radius:3px}.hero{background:#f6f9fc}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:62px;align-items:center;padding:94px 0 98px}.overline{color:#a77b00;font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.9rem,5.6vw,5.2rem);line-height:1.07;letter-spacing:-.055em;color:#082e60;margin-bottom:26px}h2{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.15;letter-spacing:-.045em;color:#092e60;margin-bottom:23px}h3{font-size:1.22rem;line-height:1.3;color:#103256;margin-bottom:10px}.hero-lead{font-size:1.17rem;line-height:1.62;color:#48617a}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}.button{background:#efb900;color:#082e60;padding:14px 21px;text-decoration:none;font-weight:800;border-radius:3px;min-height:51px}.button:hover{background:#ffcf31}.text-link{text-underline-offset:5px;font-weight:700;color:#0c4d87}.hero-bottom{display:flex;gap:17px;align-items:center;border-top:1px solid #dce5ee;padding:20px 0;color:#5c7085;font-size:.8rem;font-weight:800;letter-spacing:.09em}.hero-bottom b{color:#eeb600}.hero-visual{background:white;border:1px solid #d8e3ed;box-shadow:0 24px 50px #183c6825;border-radius:6px;overflow:hidden}.visual-head,.visual-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 17px;font-size:.7rem;font-weight:800;color:#648099;letter-spacing:.06em}.visual-head{border-bottom:1px solid #e6edf4}.visual-head span:first-child{color:#123f75}.visual-foot{justify-content:flex-start;gap:26px;border-top:1px solid #e6edf4;font-size:.8rem;letter-spacing:0}.map-art{height:350px;position:relative;overflow:hidden;background:#e7eee8}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#8098aa1b 1px,transparent 1px),linear-gradient(90deg,#8098aa1b 1px,transparent 1px);background-size:31px 31px}.map-road{position:absolute;background:#fff;border:2px solid #cedbe2;height:38px;width:125%;left:-15%;transform:rotate(-25deg);top:48%}.map-road.two{transform:rotate(49deg);top:27%;left:2%}.map-area{position:absolute;background:#a8d68aab;border:2px solid #74af60}.area-one{width:31%;height:32%;left:16%;top:12%;clip-path:polygon(0 20%,79% 0,100% 63%,45% 100%,0 70%)}.area-two{width:35%;height:26%;right:4%;bottom:5%;clip-path:polygon(7% 0,100% 10%,76% 100%,0 84%)}.map-line{position:absolute;left:24%;top:35%;width:49%;height:37%;border-top:5px solid #1684c3;border-right:5px solid #1684c3;transform:skew(17deg) rotate(8deg);border-radius:30%}.point{position:absolute;width:17px;height:17px;background:#f3bd00;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #15395b88}.p1{top:20%;left:35%}.p2{top:45%;left:61%}.p3{top:73%;left:16%}.map-detail{position:absolute;right:18px;top:22px;background:#fff;box-shadow:0 7px 19px #173e6133;border-left:4px solid #efb900;padding:13px 15px;display:flex;flex-direction:column;line-height:1.4;max-width:220px}.map-detail small{font-size:.65rem;font-weight:800;color:#667b90}.map-detail strong{font-size:1.3rem;color:#0c3766}.map-detail span{font-size:.7rem;color:#607489}.section{padding:94px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.reading{font-size:1.08rem;color:#4a6177}.reading p{margin-bottom:20px}.reading p:last-child{margin-bottom:0}.section-heading{max-width:780px}.section-heading>p:last-child{font-size:1.08rem;color:#51687e}.muted{background:#f3f6fa}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.features article{background:white;border:1px solid #dce6ef;border-top:3px solid #f0bb05;padding:28px;min-height:232px}.features small,.case small{font-size:.76rem;color:#a77a00;font-weight:800;letter-spacing:.08em}.features h3{margin-top:30px}.features p,.applications p,.case p{color:#526b82;margin-bottom:0}.tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.tags strong{font-size:.91rem;margin-right:7px}.tags span{background:#e3ebf2;color:#355675;padding:6px 11px;font-size:.87rem;font-weight:700}.emphasis{border-left:3px solid #f0bd11;padding-left:17px;color:#123b69;font-weight:700}.knowledge{background:#0b3264;color:#dce8f3}.knowledge h2{color:white}.knowledge .overline,.contact .overline{color:#f6c33b}.knowledge p{font-size:1.08rem}.knowledge-examples>div{border-top:1px solid #6e8da9;padding:19px 0}.knowledge-examples small{color:#f4c341;font-size:.76rem;font-weight:800;letter-spacing:.13em}.knowledge-examples p{margin:10px 0 0;color:#f3f7fa}.knowledge .emphasis{color:white;margin-top:22px}.applications{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe5ed;border-left:1px solid #dbe5ed;margin-top:39px}.applications article{padding:25px;min-height:190px;border-right:1px solid #dbe5ed;border-bottom:1px solid #dbe5ed}.applications b{font-size:.82rem;color:#b58700}.applications h3{margin:17px 0 9px}.case{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:white;border:1px solid #dae5ee;padding:39px;margin-top:35px}.case h3{font-size:1.55rem;margin-top:16px}.case ul{list-style:none;padding:0;margin:0}.case li{padding:8px 0 8px 27px;border-bottom:1px solid #e7edf3;position:relative}.case li:before{content:"✓";position:absolute;left:0;color:#a77c00;font-weight:900}.statement{margin-top:29px;padding:23px 28px;background:#f1f5f9;border-left:4px solid #efb800;color:#103a68;font-weight:800}.qr{background:#f7f9fc;border-block:1px solid #e6edf4}.flow{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px}.flow span{background:white;border:1px solid #d5e1eb;padding:7px 11px;font-size:.85rem;font-weight:700;color:#315674}.flow span+span:before{content:"›";margin-right:12px;color:#aa8100}.contact{background:#0a3061;color:#e4edf5}.contact h2{color:white}.contact p{font-size:1.08rem}.contact-card{background:white;color:#234260;padding:30px;border-top:4px solid #f0bc17}.contact-card strong{font-size:1.3rem;color:#0a3061}.contact-card p{margin:12px 0 0;font-size:.95rem}.contact-card p:last-child{color:#677d91}footer{background:#062750;color:#c6d7e8}.footer-row{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:.8rem;font-weight:700;letter-spacing:.04em}.footer-row a{text-decoration:none}.footer-brand{font-size:1.35rem;letter-spacing:-.04em;color:white}.footer-brand span{color:#efb900}@media(max-width:900px){.brand{width:235px;height:82px}.nav-row{min-height:90px}.site-header nav{gap:14px}.hero-grid{gap:35px}.features article{padding:22px}.applications{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 36px,1180px)}.nav-row{display:block;padding:7px 0 14px}.brand{height:75px}.site-header nav{overflow-x:auto;white-space:nowrap;padding-bottom:3px;gap:18px}.site-header nav a{font-size:.86rem}.nav-contact{padding:4px 9px}.hero-grid,.two-col,.case{grid-template-columns:1fr;gap:28px}.hero-grid{padding:60px 0 55px}.hero-visual{max-width:550px}.hero-bottom{gap:9px;font-size:.72rem}.section{padding:67px 0}.features{grid-template-columns:1fr}.features article{min-height:0}.features h3{margin-top:16px}.footer-row{padding:27px 0}}@media(max-width:480px){h1{font-size:2.75rem}.hero-lead,.reading{font-size:1rem}.hero-actions{gap:19px}.map-art{height:290px}.map-detail{right:8px;top:12px;max-width:170px}.visual-head{font-size:.58rem}.applications{grid-template-columns:1fr}.applications article{min-height:0}.case{padding:24px}.hero-bottom{letter-spacing:0}.flow span{font-size:.75rem;padding:6px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.example-section{background:#fff}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.example-grid figure{margin:0;border:1px solid #d9e4ed;background:#f4f7fa}.example-grid a{height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e7ecf0}.example-grid img{display:block;width:100%;height:100%;object-fit:contain}.example-grid figcaption{display:grid;gap:6px;padding:17px 19px;background:#fff}.example-grid figcaption strong{font-size:.89rem;color:#0c3b70}.example-grid figcaption span,.example-note{color:#526b82;font-size:.9rem}.example-note{margin:17px 0 0}@media(max-width:700px){.example-grid{grid-template-columns:1fr}.example-grid a{height:min(70vw,430px)}}

/* Breite Originalansichten des Praxisbeispiels */
.example-grid{grid-template-columns:1fr;gap:24px}.example-grid a{height:auto;display:block;line-height:0}.example-grid img{width:100%;height:auto;object-fit:contain}.example-grid figure{max-width:100%}@media(max-width:700px){.example-grid a{height:auto}}

/* Startbereich: echte Aufnahmen aus dem Praxisbeispiel */
.real-example{box-shadow:0 24px 50px #183c6820}.real-example>a{display:block;text-decoration:none;line-height:0}.real-example img{display:block;width:100%;height:auto}.real-example .hero-map-image{border-bottom:1px solid #d8e3ed}.real-example .hero-data-image{border-bottom:1px solid #d8e3ed}.real-example-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;font-size:.83rem;color:#47647f}.real-example-footer a{font-weight:800;color:#0b4d88;text-decoration:none;white-space:nowrap}.real-example-footer a:hover{text-decoration:underline}@media(max-width:480px){.real-example-footer{display:block}.real-example-footer a{display:block;margin-top:4px}}

.tools-section{background:#f8fafc}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.tools-grid article{background:#fff;border:1px solid #dce6ef;border-top:3px solid #efb900;padding:26px}.tools-grid span{font-size:.74rem;letter-spacing:.08em;font-weight:800;color:#9c7400}.tools-grid h3{margin-top:24px}.tools-grid p,.tools-principles p,.tools-note{color:#526b82}.tools-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px;padding-top:28px;border-top:1px solid #d7e2ec}.tools-principles h3{font-size:1.07rem}.tools-note{margin:26px 0 0;font-size:.91rem}@media(max-width:900px){.tools-grid,.tools-principles{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tools-grid,.tools-principles{grid-template-columns:1fr}.tools-grid{gap:12px}.tools-principles{gap:12px}}

.contact-email{color:#0b4d87;font-size:1.12rem;font-weight:800;text-underline-offset:4px;overflow-wrap:anywhere}.contact-email:hover{color:#082f60}

.contact-phone{color:#0b4d87;font-size:1.12rem;font-weight:800;text-underline-offset:4px}.contact-phone:hover{color:#082f60}