:root{--accent:#d11317;--ink:#333;--paper:#fff;--soft:#fff3f3;--line:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.3rem);font-weight:600}h3{font-size:1.3rem;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,summary,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--accent)}main:focus{outline:none}header,main,footer{max-width:1440px;margin:auto}header{padding:1.4rem 6%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;min-height:6rem}.brand{display:flex;align-items:center;gap:.9rem;line-height:1.25}.brand-mark{background:var(--accent);color:#fff;display:grid;place-items:center;width:3rem;height:3rem;font-size:1.9rem;letter-spacing:-.09em;font-weight:800;padding-right:.2rem}.brand-copy b{display:block;font-size:.95rem}.brand-copy small{display:block;font-size:.875rem;color:#606060;margin-top:.3rem}nav{display:flex;gap:1.8rem;flex-wrap:wrap;font-size:.875rem}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:var(--accent)}.small-button{border:1px solid var(--accent);color:var(--accent);border-radius:3rem;padding:.65rem 1.25rem;font-size:.875rem;white-space:nowrap}.hero{padding:1.5rem 6% 0}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.07em;line-height:1.5}.experience{flex-shrink:0;border-radius:50%;background:var(--accent);color:#fff;width:9rem;height:9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;transform:rotate(6deg)}.experience b{font-size:3.8rem;letter-spacing:-.08em;line-height:1.1}.experience span{font-weight:700;font-size:1rem}h1{font-size:clamp(3rem,6.7vw,6.3rem);font-weight:600;line-height:1.04;margin:1rem 0 3rem;letter-spacing:-.065em}h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-bottom p{max-width:39rem}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.button{background:var(--accent);border:0;color:#fff;border-radius:3rem;padding:1rem 1.5rem;min-height:48px;font-size:.95rem;display:inline-flex;justify-content:center;align-items:center;line-height:1.45;text-align:center}.button:hover{background:#a2090c}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:.95rem}.benefits{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.7rem 1.5rem;padding:1.7rem 0 0;font-size:.875rem;color:#555}.hero-visual{margin-top:2.5rem;border:1px solid var(--line)}.visual-heading{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.6rem;font-size:.875rem;letter-spacing:.03em;border-bottom:1px solid var(--line)}.visual-stage{display:grid;grid-template-columns:1.25fr 1fr;background:#333}.visual-stage img{display:block;width:100%;height:100%;min-height:24rem;object-fit:cover}.visual-copy{display:flex;flex-direction:column;justify-content:center;background:var(--accent);color:white;padding:2.5rem}.visual-copy>span{font-size:clamp(2.5rem,4.4vw,4.3rem);line-height:1.06;letter-spacing:-.05em;font-weight:700}.visual-copy p{font-size:1rem;font-weight:700;margin-top:2rem}.visual-caption{padding:1rem 1.6rem;font-size:.875rem}.section{padding:6rem 6%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.section-heading h2{margin-top:1.25rem}.section-heading>p{max-width:24rem;color:#555}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line)}.service-grid article{border:1px solid var(--line);border-left:0;border-top:3px solid var(--accent);padding:2rem 1.7rem}.number{display:block;color:var(--accent);font-size:.95rem}.service-grid h3{margin:1rem 0}.service-grid p{color:#555}.tags{display:block;font-size:.875rem;line-height:1.5;color:#555;margin-top:1.4rem}.examples{background:#f6f6f6}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.example-grid article{min-width:0;display:flex;flex-direction:column}.study{border:1px solid var(--line);flex:1;display:flex;flex-direction:column}.concept-kicker{display:block;padding:1rem 1.3rem;font-size:.875rem;background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}.study-body{padding:2rem;flex:1}.study-red .study-body{background:var(--accent);color:#fff}.study-white .study-body{background:#fff}.study-small{font-size:.875rem;font-weight:700}.study-body h3{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.08;margin:1.5rem 0}.study-body p{max-width:29rem}.study-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-top:1px solid;margin-top:2rem;padding-top:1rem;font-size:.875rem}.caption{padding-top:1rem}.caption h3{font-size:1rem;line-height:1.5;letter-spacing:0}.caption p{font-size:.875rem;color:#606060;margin-top:.3rem}.local-section{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;background:var(--soft)}.local-section h2{margin-top:1.5rem}.local-section p+p{margin-top:1.3rem}.local-section a{text-decoration:underline;text-underline-offset:3px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem;margin-top:3rem}.steps article{border-top:1px solid var(--line);padding-top:1.3rem}.steps span{color:var(--accent)}.steps h3{margin:1.3rem 0 1rem}.steps p{color:#555}.faq{padding-top:1rem;display:grid;grid-template-columns:1fr 1.15fr;gap:4rem}.faq h2{margin-top:1.5rem}.questions details{border-bottom:1px solid var(--line);padding:1.3rem 0}.questions summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;list-style:none;font-size:1rem;font-weight:600;min-height:30px}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';color:var(--accent);font-size:1.4rem;line-height:1}.questions details[open] summary::after{content:'−'}.questions p{color:#555;margin-top:1rem}.contact{background:#333;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact h2{margin:1.5rem 0;font-size:clamp(2.5rem,4.4vw,4rem)}.contact-details{font-style:normal;display:flex;flex-direction:column;margin-top:2rem;overflow-wrap:anywhere}.contact-details a{text-decoration:underline;text-underline-offset:4px;min-height:32px}.location{font-size:.875rem;margin-top:1.5rem}.contact form{padding:2rem;background:#fff;color:#333;min-width:0;border-radius:6px;align-self:start}.contact form h3{font-size:1.5rem;margin-bottom:1.5rem}.contact label{margin-top:1.1rem}.contact label span{font-weight:400}.field-hint,.form-note{font-size:.875rem;color:#606060;line-height:1.6}.field-hint{margin-bottom:.6rem}.field-error{font-size:.95rem;color:#a2090c;margin-top:.4rem}.field-error:empty{display:none}textarea[aria-invalid=true]{border:2px solid #a2090c}.contact form .button{width:100%;margin-top:1.3rem}.form-note{margin-top:.7rem}#status{font-size:.95rem;margin-top:.5rem}.contact :focus-visible{outline-color:white}.contact form :focus-visible{outline-color:var(--accent)}.contact-customers{grid-column:1/-1;border-top:1px solid #ffffff50;padding-top:2rem}.reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem 2rem;margin-top:1.2rem}.reference-logo{margin:0;display:flex;justify-content:center;align-items:center;min-height:80px}.reference-logo img{width:100%;max-width:120px;height:40px;object-fit:contain;filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen;opacity:.7}.reference-logo img[src$='hak1.webp'],.reference-logo img[src$='sanibel.webp']{filter:grayscale(1) invert(1)}footer{padding:2rem 6%;display:flex;justify-content:space-between;gap:2rem;align-items:center;flex-wrap:wrap}footer>div{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;font-size:.875rem}footer a{min-height:44px;display:inline-flex;align-items:center}.legal-trigger{background:none;border:0;font:inherit;color:inherit;min-height:44px;padding:.3rem 0}.form-note .legal-trigger{min-height:0;display:inline;padding:0;text-decoration:underline}.skip-link{position:fixed;z-index:20;left:1rem;top:1rem;background:#333;color:white;padding:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.legal-open{overflow:hidden}.legal-dialog{width:calc(100% - 2rem);max-width:60rem;max-height:85dvh;border:0;border-radius:10px;padding:0;color:#333;overflow:auto;overscroll-behavior:contain}.legal-dialog::backdrop{background:#0009}.legal-dialog-header{position:sticky;top:0;background:white;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid var(--line)}.legal-dialog-header h2{font-size:2rem}.legal-close{background:white;border:1px solid #bbb;border-radius:3rem;padding:.5rem 1rem;min-height:44px;white-space:nowrap}.legal-dialog-content{padding:2rem;overflow-wrap:anywhere}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.legal-grid dt{color:#606060;font-size:.875rem;margin-top:.75rem}.legal-grid dd{margin:.1rem 0}.legal-grid address{font-style:normal}.legal-grid h4{margin:1.5rem 0 .5rem}.legal-dialog h3{font-size:1.5rem;margin-bottom:1rem}.legal-dialog p+p{margin-top:1rem}.legal-dialog a{text-decoration:underline;text-underline-offset:3px}.privacy-content{margin-top:2rem}.privacy-content section+section{margin-top:2rem}.privacy-date{color:#606060;font-size:.875rem}
@media(max-width:1050px){nav{gap:1rem}.hero-bottom{gap:2rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:2rem}.contact,.faq,.local-section{gap:2rem}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-actions{flex-shrink:0}}
@media(max-width:700px){header{padding:1rem 5%;gap:1rem;min-height:0}header>.small-button{display:none}nav{width:100%;gap:1rem;justify-content:space-between;font-size:.875rem}.brand-copy small{font-size:.875rem}.hero{padding:1rem 5% 0}.hero-intro{gap:1rem}.hero-intro .eyebrow{font-size:.875rem;max-width:12rem}.experience{width:6.8rem;height:6.8rem;transform:none}.experience b{font-size:2.9rem}.experience span{font-size:.875rem}h1{font-size:clamp(2rem,10vw,4rem);margin:1.5rem 0 2rem;letter-spacing:-.045em}.hero-bottom{flex-direction:column;align-items:stretch;gap:1.5rem}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:1rem}.benefits{flex-direction:column;padding-top:1.5rem}.hero-visual{margin-top:1.8rem}.visual-heading{padding:1rem;font-size:.875rem}.visual-heading span:last-child{display:none}.visual-stage{grid-template-columns:1fr}.visual-stage img{min-height:0;height:auto}.visual-copy{padding:1.7rem}.visual-copy>span{font-size:2.8rem}.visual-copy p{margin-top:1.3rem}.visual-caption{padding:1rem}.section{padding:3.5rem 5%}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{max-width:none;margin-top:1.5rem}.service-grid,.example-grid,.local-section,.faq,.contact{grid-template-columns:1fr;gap:2rem}.service-grid{gap:0}.service-grid article{padding:1.5rem}.study-body{padding:1.5rem}.study-body h3{font-size:2.8rem}.steps{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.faq{padding-top:1rem}.contact form{padding:1.5rem}.contact h2{font-size:2.6rem}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem}.legal-grid{grid-template-columns:1fr}.legal-dialog-header{padding:1rem}.legal-dialog-header h2{font-size:1.5rem}.legal-close{font-size:.875rem}.legal-dialog-content{padding:1.25rem}footer{padding:2rem 5%}.eyebrow{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-reduced-motion:no-preference){.button,.small-button{transition:background-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}}

/* Designstudien: gleicher Aufbau wie die lokalen Landingpages. */
.cafe-concept,.business-concept{min-height:31rem;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;flex:1}.cafe-concept img{display:block;width:100%;height:18rem;object-fit:cover;object-position:center 58%}.cafe-concept-copy{padding:1.5rem 1.75rem 2rem;background:var(--accent);color:white;flex:1}.cafe-concept-copy>span{font-size:1rem;font-weight:700;line-height:1.4}.cafe-concept-copy h3{font-size:2.65rem;line-height:1.12;letter-spacing:-.055em;margin:1rem 0 0}.business-concept-nav{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid var(--line);background:white}.business-concept-nav b{font-size:1.5rem;letter-spacing:-.055em}.business-concept-nav span{font-size:.875rem}.business-concept-body{padding:2rem 1.75rem;background:var(--soft);flex:1}.business-label{font-size:.875rem;color:var(--accent);letter-spacing:.06em}.business-concept-body h3{font-size:3.3rem;line-height:1.08;letter-spacing:-.06em;margin:1.3rem 0}.business-concept-body p{font-size:1rem;line-height:1.6;max-width:22rem}.business-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;border-top:1px solid #ccc;margin-top:1.4rem;padding-top:1rem;font-size:.875rem;line-height:1.7}.business-concept-grid b{font-weight:500}
@media(max-width:700px){.cafe-concept,.business-concept{min-height:0}.business-concept-body h3{font-size:2.65rem}.cafe-concept-copy h3{font-size:2.3rem}.cafe-concept img{height:15rem}.business-concept-nav{flex-wrap:wrap}}

/* Transparent attribution to the agency operating this site. */
footer>.agency-attribution{display:inline-flex;align-items:center;min-height:44px;max-width:24rem;font-size:.75rem;line-height:1.5;text-decoration:underline;text-underline-offset:3px;color:var(--ink);overflow-wrap:anywhere}