:root{scroll-padding-top:90px}
body.work{background:#fff;color:#112a45}
.preview-ribbon{position:relative;z-index:30;background:#f3a043;color:#081f38;text-align:center;font:700 .76rem/1.4 Arial,sans-serif;letter-spacing:.03em;padding:8px 16px}
.site-header{top:30px}
.hero{min-height:800px}
.hero-grid{min-height:800px}
.hero .lead{max-width:62ch}
.choice-grid button{color:#fff;text-align:left;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.27);border-radius:11px;min-height:49px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.86rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.choice-grid button:hover,.choice-grid button:focus-visible{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px)}
.choice-grid button span{color:#f1a95b;font-size:1.1rem}
.work .hero-actions .btn-primary,.work .nav .nav-cta,.work .btn-primary{background:#e98626;color:#fff;border:1px solid #f4aa5f;box-shadow:0 10px 25px rgba(239,132,28,.23);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.work .hero-actions .btn-primary:hover,.work .hero-actions .btn-primary:focus-visible,.work .nav .nav-cta:hover,.work .nav .nav-cta:focus-visible,.work .btn-primary:hover,.work .btn-primary:focus-visible{background:#fa9d3d;transform:translateY(-3px);box-shadow:0 0 0 3px rgba(255,177,83,.28),0 14px 34px rgba(239,132,28,.42);text-decoration:none}
.work .hero-actions .btn-outline:hover,.work .hero-actions .btn-outline:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 3px rgba(255,255,255,.18),0 10px 28px rgba(0,0,0,.25);text-decoration:none}
.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.topic-grid .card{display:flex;flex-direction:column;min-height:245px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.topic-grid .card:hover,.topic-grid .card:focus-within{transform:translateY(-5px);border-color:#94bee6;box-shadow:0 18px 36px -22px rgba(12,50,91,.45)}
.topic-grid .topic-card{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:14px}
.topic-grid .topic-card:focus-visible{outline:3px solid #f3aa58;outline-offset:3px}
.topic-card .topic-title{display:block;font:700 1.25rem/1.25 Georgia,'Times New Roman',serif;margin:0 0 10px}
.topic-card .topic-copy{display:block;flex:1;line-height:1.6;color:#40586c}
.topic-card .topic-more{display:block;margin-top:20px;font-weight:700;color:#2166aa;font-size:.9rem}
.topic-card:hover .topic-more,.topic-card:focus-visible .topic-more{text-decoration:underline}
.media-frame{margin:0;overflow:hidden;border-radius:13px}
.media-frame img{width:100%;height:auto;aspect-ratio:4/4.1;object-fit:cover;object-position:center 23%;transition:transform .35s ease,filter .35s ease}
.city-frame img{aspect-ratio:4/3.7;object-position:center 48%}
.city-frame img{object-position:center 48%}
@media(hover:hover){.media-frame:hover img{transform:scale(1.045);filter:brightness(1.035) saturate(1.05)}}
.media-frame figcaption{margin:10px 0 0}
.portrait-section .media-grid{grid-template-columns:.93fr 1.07fr}
.portrait-section .media-grid>figure{order:2}
.portrait-section .media-grid>div{order:1}
.steps-section{background:#fff}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:35px 0 0}
.steps li{display:flex;gap:16px;border-right:1px solid #dce8f4;padding-right:28px}
.steps li:last-child{border:0}
.steps li>span{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:50%;background:#e5f3ff;color:#205f9b;font-weight:800}
.steps h3{font-size:1.05rem;margin:2px 0 8px}
.steps p{margin:0;color:#4d6173;font-size:.95rem}
.urgency-section a{color:#d1eaff}
.faq-list details{scroll-margin-top:110px}
.inquiry-section{background:#fff}
.inquiry-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(32px,6vw,82px);align-items:start}
.dark-outline{border:1.5px solid #276baa;color:#184c7c;border-radius:10px}
.dark-outline:hover,.dark-outline:focus-visible{background:#eef6fd;text-decoration:none}
.inquiry-form{border:1px solid #d5e5f0;background:#f8fbfe;border-radius:17px;padding:clamp(22px,3vw,34px);box-shadow:0 20px 42px -32px rgba(9,45,85,.42);display:grid;gap:11px}
.inquiry-form label{font-size:.9rem;font-weight:700;color:#1d3a5b}
.inquiry-form label:not(:first-child){margin-top:9px}
.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #b7cde0;border-radius:9px;background:#fff;color:#112a45;font:inherit}
.inquiry-form textarea{min-height:115px;resize:vertical}
.inquiry-form input:focus-visible,.inquiry-form select:focus-visible,.inquiry-form textarea:focus-visible,.inquiry-form button:focus-visible,.cookie-notice button:focus-visible{outline:3px solid #78b8ee;outline-offset:2px}
.inquiry-form .form-help{background:#e9f4fd;color:#234b72;border-left:3px solid #4c99df;padding:11px 13px;margin:0;font-size:.88rem}
.inquiry-form .optional{font-weight:400;color:#5e7185}
.inquiry-form .check-label{display:flex;align-items:flex-start;gap:11px;line-height:1.48;margin:5px 0}
.inquiry-form .check-label input{margin-top:4px;width:18px;height:18px;flex:none}
.inquiry-form .btn{border-radius:10px;cursor:pointer;font-size:1rem;min-height:52px}
.form-result{border:1px solid #b9d5ed;border-radius:10px;background:#eaf6ff;padding:17px;color:#173d64;line-height:1.55}
.form-result[hidden],.cookie-notice[hidden]{display:none}
.form-result strong{display:block;margin-bottom:6px}
.topic-dialog{width:min(700px,calc(100% - 32px));max-height:min(790px,calc(100dvh - 32px));margin:auto;padding:0;border:1px solid #a8c8e2;border-radius:20px;background:#fff;color:#143553;box-shadow:0 34px 90px -28px rgba(2,18,34,.72);overflow:auto}
.topic-dialog::backdrop{background:rgba(3,17,31,.73);backdrop-filter:blur(6px)}
.topic-dialog-inner{position:relative;padding:clamp(24px,5vw,42px)}
.topic-dialog-inner::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2e84df,#ee9136)}
.topic-dialog-close{position:absolute;right:14px;top:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d5e5f0;border-radius:50%;background:#fff;color:#153955;font-size:1.7rem;line-height:1;cursor:pointer}
.topic-dialog-close:hover,.topic-dialog-close:focus-visible{background:#edf6fd;outline:3px solid #78b8ee;outline-offset:2px}
.topic-dialog h2{font-size:clamp(1.8rem,4vw,2.55rem);margin:12px 40px 15px 0;overflow-wrap:anywhere}
.topic-dialog p{line-height:1.62}
.topic-dialog-steps{list-style:none;counter-reset:topic-step;margin:23px 0;padding:0;display:grid;gap:12px}
.topic-dialog-steps li{counter-increment:topic-step;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:12px;line-height:1.5}
.topic-dialog-steps li::before{content:counter(topic-step);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e3f1fd;color:#215f9b;font-size:.83rem;font-weight:800}
.topic-dialog-note{border-left:3px solid #ec8e30;background:#fff6eb;padding:13px 16px;border-radius:0 9px 9px 0;color:#61411f}
.topic-dialog-disclaimer{font-size:.82rem;color:#597084}
.topic-dialog-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}
.topic-dialog-actions .btn{border-radius:9px}
.cookie-notice{position:fixed;z-index:90;left:16px;right:16px;bottom:16px;max-width:760px;margin:auto;display:flex;align-items:center;gap:22px;background:#0b2744;color:#fff;border:1px solid #7fa6cb;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.34);padding:18px 20px}
.cookie-notice p{font-size:.87rem;line-height:1.45;margin:0;flex:1}
.cookie-notice a{color:#fff;text-decoration:underline}
.cookie-notice button{flex:none;border:1px solid #f4b16d;background:#ed8e2e;color:#fff;border-radius:9px;font:700 .9rem Arial,sans-serif;padding:11px 15px;cursor:pointer}
.cookie-notice button:hover{background:#faa044}
a:focus-visible,summary:focus-visible{outline:3px solid #f3aa58;outline-offset:4px}
@media(max-width:900px){.site-header{top:30px}.hero,.hero-grid{min-height:0}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:20px}.steps li{display:block}.steps li>span{margin-bottom:14px}.inquiry-grid{grid-template-columns:1fr}}
@media(max-width:600px){.preview-ribbon{font-size:.68rem;padding:8px 12px}.site-header{top:31px}.hero-grid{padding-top:138px}.hero h1{font-size:clamp(2.9rem,11.5vw,3.65rem)}.choice-grid button{font-size:.78rem;min-height:52px;padding:9px}.topic-grid{grid-template-columns:1fr}.topic-grid .card{min-height:0}.steps{grid-template-columns:1fr;gap:18px}.steps li{display:flex;border:0;border-bottom:1px solid #dce8f4;padding:0 0 18px}.steps li>span{margin:0}.portrait-section .media-grid{grid-template-columns:1fr}.media-frame img,.city-frame img{aspect-ratio:4/3.6}.topic-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:14px}.topic-dialog-inner{padding:27px 20px 22px}.topic-dialog-actions{display:grid}.topic-dialog-actions .btn{width:100%}.cookie-notice{display:block;padding:16px}.cookie-notice button{width:100%;margin-top:13px}.inquiry-form{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Stuttgart-Fachportal als Layoutreferenz: Lörrach erhält eine eigene Petrol-/Kupferpalette. */
body.work{
  --accent:#2d8193;--muted:#5a6d7b;--soft:#f2f7f8;--dark:#0b2636;--ink:#0b2636;
  --cta:#cf7e39;--teal:#5ac4ce;--paper:#fcfdfe;
  font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#233847;background:var(--paper);-webkit-font-smoothing:antialiased
}
body.work h1,body.work h2,body.work h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;line-height:1.14;letter-spacing:-.01em}
body.work .wrap{width:min(100% - 40px,1160px)}
body.work .section{padding:clamp(52px,8vw,92px) 0}
body.work .section-soft{background:#f2f7f8}
body.work .section h2{font-size:clamp(1.75rem,4.4vw,2.55rem)}
body.work .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#a66734;font:700 .78rem/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase}
body.work .eyebrow::before{content:"";width:26px;height:1px;background:currentColor}
body.work .section-dark .eyebrow{color:#e6b381}
.site-header{top:0!important}
.site-header .wrap,.hero .wrap{width:min(100% - 40px,1320px)!important}
.header-inner{min-height:82px}
.brand strong{font-size:1.28rem}
.brand span span{color:#bfdee6}
.nav{gap:clamp(18px,2.1vw,33px)}
.nav a{font-size:.9rem}
.nav .nav-cta{padding:13px 19px;border:0;border-radius:9px;background:var(--cta)!important;box-shadow:0 12px 25px -12px rgba(207,126,57,.8)}
.nav .mobile-phone{display:none}
.hero{min-height:900px!important;background-color:#071e2b!important;background-image:linear-gradient(90deg,rgba(3,21,34,.98) 0%,rgba(5,31,47,.92) 31%,rgba(8,40,54,.66) 58%,rgba(8,40,54,.18) 84%),linear-gradient(0deg,rgba(3,19,31,.73),rgba(3,19,31,.17) 52%),url('loerrach-panorama-pierre-likissas.jpg')!important;background-position:center 40%!important;background-size:cover!important}
.hero::before{display:none!important}
.hero-grid{min-height:900px!important;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;grid-template-rows:auto auto;grid-template-areas:"title choice" "body choice";align-content:center;align-items:center;column-gap:clamp(45px,8vw,120px);row-gap:20px;padding:145px 0 140px!important}
.hero-grid>h1{grid-area:title;align-self:end;max-width:12.5ch;margin:0!important;font:500 clamp(3.1rem,6vw,5.15rem)/1.02 Georgia,"Times New Roman",serif!important;letter-spacing:-.035em!important;text-wrap:balance}
.hero .hero-accent{color:var(--teal)!important}
.hero-body{grid-area:body;align-self:start;max-width:650px}
.hero .lead{max-width:54ch;color:#e5edf1;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.64;text-shadow:0 1px 18px rgba(0,0,0,.4);margin:3px 0 0}
.hero-location{display:inline-flex;align-items:center;margin:24px 0 0;padding:8px 13px;border:1px solid rgba(205,225,231,.45);border-radius:999px;background:rgba(4,26,39,.4);font-size:.86rem;font-weight:700;color:#e8f4f5}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0!important}
.hero-actions .btn{min-height:58px;padding:16px 27px;border-radius:11px;font:700 1.05rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.work .hero-actions .btn-primary,.work .nav .nav-cta,.work .btn-primary{background:var(--cta);border-color:var(--cta);box-shadow:0 14px 32px -14px rgba(207,126,57,.85)}
.work .hero-actions .btn-primary:hover,.work .hero-actions .btn-primary:focus-visible,.work .nav .nav-cta:hover,.work .nav .nav-cta:focus-visible,.work .btn-primary:hover,.work .btn-primary:focus-visible{background:#e48c42;box-shadow:0 0 0 3px rgba(229,172,105,.2),0 16px 36px -13px rgba(207,126,57,.9)}
.hero-actions .btn-outline{color:#fff;border:1.5px solid rgba(255,255,255,.68);background:rgba(5,25,45,.3);backdrop-filter:blur(7px)}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 19px;list-style:none;padding:0;margin:22px 0 0}
.hero-points li{font-size:.9rem;font-weight:650;color:#dce9ec}
.hero-points li::before{content:"✓";color:var(--teal);margin-right:9px}
.preview-status{font-size:.75rem;color:#c6d9de;margin:18px 0 0;max-width:65ch}
.work .choice-panel{grid-area:choice;justify-self:stretch;align-self:center;max-width:360px;margin-left:auto;padding:27px;background:rgba(12,43,60,.88);border:1px solid rgba(174,210,218,.46);border-radius:20px;box-shadow:0 23px 55px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.work .choice-panel::before{background:var(--cta)}
.choice-label{color:#e6b381!important;font-size:.71rem}
.choice-panel h2{font-size:clamp(1.7rem,2.6vw,2.05rem);line-height:1.1;margin:7px 0 12px}
.choice-panel p{font-size:.87rem;line-height:1.55;color:#dce9ec}
.choice-grid button{font-size:.84rem;min-height:51px;background:rgba(255,255,255,.07);border-color:rgba(208,229,232,.32)}
.choice-grid button span{color:#9fe4e6}
.choice-footnote{font-size:.72rem!important;color:#c8dce0!important;margin:15px 0 0!important}
.situation-bridge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce8ed;border-bottom:1px solid #dce8ed;padding:18px 0;margin:-5px 0 clamp(48px,6vw,72px);background:linear-gradient(90deg,rgba(90,196,206,.035),rgba(255,255,255,.8),rgba(207,126,57,.03))}
.situation-bridge span{display:flex;align-items:center;justify-content:center;gap:11px;text-align:center;font-size:.9rem;font-weight:700;color:#0b2636;padding:0 12px}
.situation-bridge span+span{border-left:1px solid #dce8ed}
.situation-bridge b{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#e2f4f5;color:#258594;font-size:.75rem}
.situation-bridge span:nth-child(2) b{background:#fff1e4;color:#a66936}
.section-intro{max-width:820px}
.section-intro p{color:#596d7b;font-size:1.08rem}
.topic-grid{gap:16px}
.topic-grid .topic-card{position:relative;isolation:isolate;min-height:190px!important;padding:22px 22px 18px!important;border:1px solid #dce7ed;border-left:4px solid #3f9aab!important;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px -28px rgba(10,40,59,.5);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.topic-grid .topic-card:nth-child(even){border-left-color:#cf7e39!important}
.topic-grid .topic-card:hover,.topic-grid .topic-card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 48px -30px rgba(24,103,116,.75),0 0 30px -24px rgba(24,103,116,.72);border-color:#a9cbd2}
.topic-card .card-number{display:none}
.topic-card .topic-title{font:700 1.04rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-bottom:6px;color:#0b2636}
.topic-card .topic-copy{font-size:.96rem;color:#5a6d7b;line-height:1.6}
.topic-card .topic-more{display:flex;justify-content:space-between;border-top:1px solid #dce8ed;padding-top:13px;margin-top:17px;font-size:.82rem;color:#287f8d}
.topic-card:nth-child(even) .topic-more{color:#a66632}
.portrait-section .media-grid>figure,.portrait-section .media-grid>div{order:initial}
.portrait-section .media-grid{grid-template-columns:340px minmax(0,1fr);gap:clamp(36px,6vw,80px)}
.portrait-section .media-frame img{aspect-ratio:4/5;object-fit:cover;height:auto;max-height:none}
.portrait-section .btn{border-radius:11px}
.steps{gap:25px}
.steps li>span{background:#e5f3f4;color:#248996}
.city-frame img{aspect-ratio:4/4.3;object-position:center center}
.urgency-section{background:#0b2636}
.urgency-section .contact-card{border-radius:14px;border-top:4px solid #5ac4ce}
.faq-list summary{font-family:var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:1.05rem}
.inquiry-form{border-radius:15px;background:#fff;box-shadow:0 18px 50px -25px rgba(11,34,57,.25)}
.topic-dialog h2{font-family:Georgia,"Times New Roman",serif}
.topic-dialog-inner::before{background:linear-gradient(90deg,#3f9aab,#cf7e39)}
.mobile-action-bar{display:none}
.cookie-notice{max-width:670px;padding:13px 17px;border-color:#8eb6c0;background:#0b2636}
.cookie-notice p{font-size:.79rem}
.cookie-notice button{background:#cf7e39;border-color:#d99559}
.cookie-notice button:hover{background:#df8d47}
@media(max-width:980px){
  .nav>a:not(.mobile-phone){display:none!important}
  .nav .mobile-phone{display:grid!important;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;text-decoration:none}
  .nav .mobile-phone svg{width:21px;height:21px}
  .header-inner{display:flex;align-items:center;min-height:70px}
  .hero-grid{grid-template-columns:1fr!important;grid-template-areas:"title" "choice" "body";padding:118px 0 120px!important;row-gap:0;min-height:0!important}
  .hero{min-height:0!important}
  .hero-grid>h1{max-width:11ch;margin-bottom:28px!important;font-size:clamp(3rem,8.5vw,4.3rem)!important}
  .work .choice-panel{max-width:100%;width:100%;margin:0 0 28px;padding:23px}
  .hero .lead{margin:0}
  .portrait-section .media-grid{grid-template-columns:1fr}
  .portrait-section .media-frame{max-width:530px}
}
@media(max-width:600px){
  body.work{font-size:16px;padding-bottom:76px}
  .site-header .wrap,.hero .wrap{width:min(100% - 36px,450px)!important}
  .brand strong{font-size:1.19rem}
  .brand span span{font-size:.56rem}
  .hero{background-position:59% center!important}
  .hero-grid{padding:116px 0 130px!important}
  .hero-grid>h1{font-size:clamp(2.95rem,12vw,3.7rem)!important;max-width:11ch;margin-bottom:28px!important}
  .work .choice-panel{padding:20px;border-radius:16px;margin-bottom:26px}
  .choice-panel h2{font-size:1.6rem}
  .choice-grid button{font-size:.78rem;min-height:50px;padding:9px}
  .hero .lead{font-size:1.04rem;line-height:1.62}
  .hero-location{font-size:.78rem;margin-top:18px}
  .hero-actions{margin-top:21px!important}
  .hero-actions .btn{width:100%}
  .hero-points{display:none}
  .preview-status{margin-top:18px}
  .situation-bridge{margin:0 0 39px;padding:13px 0}
  .situation-bridge span{flex-direction:column;gap:7px;padding:2px 6px;font-size:.7rem;line-height:1.35}
  .situation-bridge b{width:26px;height:26px}
  .topic-grid .topic-card{min-height:0!important;padding:20px!important}
  .topic-card .topic-title{font-size:1rem}
  .mobile-action-bar{position:fixed;z-index:80;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:#fcfdfe;border-top:1px solid #dce7ed;box-shadow:0 -10px 28px rgba(7,30,48,.12)}
  .mobile-action-bar a{min-height:48px;display:grid;place-items:center;border:1px solid #d8e4e9;border-radius:10px;color:#0b2636;text-decoration:none;font-weight:700;font-size:.87rem}
  .mobile-action-bar a:last-child{background:#cf7e39;color:#fff;border-color:#cf7e39;box-shadow:0 8px 17px -10px rgba(207,126,57,.8)}
  .cookie-notice{bottom:85px;left:10px;right:10px;padding:11px 13px;max-width:none}
  .cookie-notice p{font-size:.72rem;line-height:1.35}
  .cookie-notice button{min-height:39px;margin-top:8px;font-size:.8rem}
}

/* Schrift- und Formularmaßstab der Stuttgarter Arbeitsrechtsseite. */
body.work h1,body.work h2,body.work h3{letter-spacing:-.01em;line-height:1.14}
body.work .section h2{font-size:clamp(1.6rem,4.4vw,2.35rem)}
body.work .section h3{font-size:1.18rem}
body.work .section p,body.work .section li{line-height:1.6}
body.work .section .eyebrow{margin-bottom:1rem}
.inquiry-section{background:#071e31 url('loerrach-panorama-pierre-likissas.jpg') center 46%/cover no-repeat;position:relative;color:#e5edf2}
.inquiry-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,38,.97),rgba(4,26,43,.9) 58%,rgba(5,30,46,.83));pointer-events:none}
.inquiry-section .wrap{position:relative;z-index:1}
.inquiry-grid{grid-template-columns:minmax(0,1fr) 440px;gap:clamp(42px,7vw,120px);align-items:center}
.inquiry-copy{max-width:650px}
.inquiry-copy h2{color:#fff;font-size:clamp(2rem,4vw,2.5rem)!important;max-width:18ch;margin-bottom:20px}
.inquiry-copy>p{color:#dce7ef;font-size:1.04rem;max-width:53ch}
.inquiry-aside{max-width:440px;margin:28px 0 18px;padding:22px 24px;border:1px solid rgba(176,209,224,.35);border-radius:17px;background:rgba(14,50,72,.48)}
.inquiry-aside h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:1.08rem!important;font-weight:700;color:#fff;margin:0 0 9px}
.inquiry-aside p{font-size:.95rem;color:#dce7ef;margin-bottom:17px}
.inquiry-aside .btn{font-size:.95rem;min-height:47px;padding:13px 18px;border-radius:10px}
.inquiry-aside .btn span{margin-left:7px}
.inquiry-phone{display:inline-block;color:#fff!important;font:600 1.25rem/1.3 Georgia,"Times New Roman",serif;text-decoration:none}
.inquiry-phone:hover,.inquiry-phone:focus-visible{text-decoration:underline}
.inquiry-caution{font-size:.82rem!important;color:#c3d5de!important;margin-top:28px}
.inquiry-form{display:block;background:#fff;border:1px solid #dee6ee;border-radius:16px;padding:26px;color:#213445;box-shadow:0 18px 50px -22px rgba(0,0,0,.4)}
.inquiry-form .form-card-kicker{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ab733c;margin-bottom:5px}
.inquiry-form h3{color:#0b2636;font-size:1.18rem!important;margin:0 0 7px}
.inquiry-form .form-intro{font-size:.92rem;line-height:1.5;color:#5c6e7e;margin:0 0 18px}
.inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inquiry-form .form-field{margin:0 0 13px;min-width:0}
.inquiry-form .form-field>label:not(.file-picker){display:block;font-size:.85rem;font-weight:700;color:#0b2636;margin:0 0 5px}
.inquiry-form .required{color:#b86622}
.inquiry-form .optional{font-size:.78rem;font-weight:400;color:#63778a}
.inquiry-form input:not([type=checkbox]):not([type=file]),.inquiry-form select,.inquiry-form textarea{width:100%;min-height:51px;padding:12px 14px;border:1.5px solid #dee6ee;border-radius:10px;background:#fff;color:#213445;font:1rem/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.inquiry-form textarea{min-height:84px;resize:vertical}
.inquiry-form input:not([type=checkbox]):not([type=file]):focus-visible,.inquiry-form select:focus-visible,.inquiry-form textarea:focus-visible{outline:none;border-color:#2d8193;box-shadow:0 0 0 3px rgba(45,129,147,.14)}
.inquiry-form .form-help{display:block;background:none;border:0;padding:0;margin:7px 0 0;color:#718495;font-size:.76rem;font-weight:400;line-height:1.4}
.inquiry-form .form-extra{margin:1px 0 14px;border-top:1px solid #e4ebf0;border-bottom:1px solid #e4ebf0;padding:8px 0}
.inquiry-form .form-extra summary{cursor:pointer;color:#1d6473;font-size:.86rem;font-weight:700;padding:4px 0}
.inquiry-form .form-extra[open] summary{margin-bottom:13px}
.inquiry-form .form-extra .form-field:last-child{margin-bottom:5px}
.inquiry-form .file-picker{display:flex;align-items:center;gap:10px;min-height:53px;padding:12px 14px;background:#f2f6fa;border:1.5px dashed #dee6ee;border-radius:10px;color:#0b2636;font-size:.88rem;font-weight:700;cursor:pointer;line-height:1.4}
.inquiry-form .file-picker:hover,.inquiry-form .file-picker:focus-within{border-color:#2d8193;background:#eaf3f5}
.file-picker svg{width:20px;height:20px;flex:none;color:#2d8193}
.inquiry-form input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}
.inquiry-form .check-label{display:flex;align-items:flex-start;gap:10px;margin:13px 0 16px;color:#596d7b;font-size:.82rem;font-weight:400;line-height:1.45}
.inquiry-form .check-label input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#2d8193}
.inquiry-form .check-label a{color:#1f6b7a;text-decoration:underline}
.inquiry-form .btn[type=submit]{display:flex;width:100%;min-height:57px;font-size:1rem;line-height:1.2}
.inquiry-form .form-direct{text-align:center;color:#5c6e7e;font-size:.86rem;margin:15px 0 0}
.inquiry-form .form-direct a{color:#1d6473;font-weight:700}
.form-result{margin-top:14px;border-color:#b9dad6;background:#edf7f5;color:#1f5b59}
@media(max-width:980px){.inquiry-grid{grid-template-columns:1fr}.inquiry-copy{max-width:680px}.inquiry-form{max-width:610px;width:100%}}
@media(max-width:600px){.inquiry-section{background-position:60% center}.inquiry-section::before{background:linear-gradient(180deg,rgba(3,22,38,.94),rgba(4,26,43,.91))}.inquiry-aside{padding:19px}.inquiry-form{padding:21px 18px}.inquiry-form .form-row{grid-template-columns:1fr;gap:0}.inquiry-form .form-intro{margin-bottom:15px}}

/* Lörrach: sachliche Kanzlei-Typografie und Petrol/Blau mit dunklem Braun als Akzent. */
@font-face{font-family:"Source Sans 3";src:url("SourceSans3-variable.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}
body.work{--accent:#187b89;--muted:#526875;--soft:#eef7f8;--dark:#0b3038;--ink:#18333b;--cta:#655043;--teal:#80e1de;--paper:#fff;font:400 17px/1.6 "Source Sans 3",Arial,sans-serif;color:var(--ink)}
body.work h1,body.work h2,body.work h3,body.work .hero-grid>h1,.topic-dialog h2{font-family:"Source Sans 3",Arial,sans-serif!important;font-weight:650!important;letter-spacing:-.035em!important;line-height:1.1!important}
body.work .hero-grid>h1{font-size:clamp(3.3rem,6vw,5.3rem)!important;max-width:13ch}
body.work .section h2{font-size:clamp(2rem,4vw,2.7rem)}
body.work .eyebrow,.choice-label,.inquiry-form .form-card-kicker{font-family:"Source Sans 3",Arial,sans-serif;color:#6d5140!important;letter-spacing:.08em}
body.work .section-dark .eyebrow,.choice-label{color:#d3bdaa!important}
body.work .hero{background-image:linear-gradient(90deg,rgba(4,34,42,.97) 0%,rgba(6,45,55,.9) 32%,rgba(10,52,63,.62) 60%,rgba(8,48,58,.16) 87%),linear-gradient(0deg,rgba(5,32,39,.68),rgba(5,32,39,.13) 52%),url('loerrach-panorama-pierre-likissas.jpg')!important}
body.work .hero-accent{color:#88e5e1!important}
.hero-location{border-color:rgba(178,231,230,.55);background:rgba(7,47,57,.55)}
.work .choice-panel{background:rgba(7,48,57,.9);border-color:rgba(153,222,221,.58)}
.work .choice-panel::before,.topic-dialog-inner::before{background:#8bdcd7}
.choice-grid button span{color:#91e3e0}
.work .hero-actions .btn-primary,.work .nav .nav-cta,.work .btn-primary{background:#655043!important;border-color:#9b7c67!important;color:#fff!important;box-shadow:0 14px 30px -15px rgba(65,45,36,.75)}
.work .hero-actions .btn-primary:hover,.work .hero-actions .btn-primary:focus-visible,.work .nav .nav-cta:hover,.work .nav .nav-cta:focus-visible,.work .btn-primary:hover,.work .btn-primary:focus-visible{background:#7b6050!important;box-shadow:0 0 0 3px rgba(179,221,220,.43),0 16px 34px -13px rgba(65,45,36,.8)}
.situation-bridge{background:#fff;border-color:#d3e8e9}
.situation-bridge b,.steps li>span,.topic-dialog-steps li::before{background:#d7eeee;color:#176b76}
.situation-bridge span:nth-child(2) b{background:#e9e1dc;color:#655043}
.topic-grid .topic-card{border-color:#d1e5e7;border-left-color:#2e9199!important}
.topic-grid .topic-card:nth-child(even){border-left-color:#816555!important}
.topic-card .topic-title{font-family:"Source Sans 3",Arial,sans-serif;font-size:1.12rem;font-weight:700;color:#18333b}
.topic-card .topic-more,.topic-card:nth-child(even) .topic-more{color:#176e79}
.urgency-section,.work .site-footer,.cookie-notice{background:#0b3038}
.urgency-section .contact-card{border-top-color:#86d6d1}
.work .contact-card a,.sources a{color:#176d79}
.inquiry-section::before{background:linear-gradient(90deg,rgba(5,36,45,.97),rgba(6,43,51,.91) 58%,rgba(7,48,55,.82))}
.inquiry-aside{background:rgba(10,57,65,.62);border-color:rgba(176,230,228,.4)}
.inquiry-aside h3,.inquiry-phone{font-family:"Source Sans 3",Arial,sans-serif!important}
.inquiry-form .form-field>label:not(.file-picker),.inquiry-form .check-label,.inquiry-form input:not([type=checkbox]):not([type=file]),.inquiry-form select,.inquiry-form textarea,.cookie-notice button{font-family:"Source Sans 3",Arial,sans-serif}
.inquiry-form .required{color:#6d5140}
.inquiry-form input:not([type=checkbox]):not([type=file]):focus-visible,.inquiry-form select:focus-visible,.inquiry-form textarea:focus-visible{border-color:#228793;box-shadow:0 0 0 3px rgba(34,135,147,.18)}
.inquiry-form .file-picker{background:#eff6f7;border-color:#c8dfe2}.file-picker svg{color:#187b89}
.inquiry-form .check-label input{accent-color:#187b89}
.inquiry-form .form-extra summary,.inquiry-form .form-direct a{color:#176d79}
.topic-dialog-note{border-left-color:#79604f;background:#f5f0ed;color:#4f3f35}
.cookie-notice button{background:#655043;border-color:#9b7c67}.cookie-notice button:hover{background:#7b6050}
.guide-section{background:#fff}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}
.guide-card{display:flex;flex-direction:column;min-height:270px;padding:26px 25px;border:1px solid #d0e4e5;border-top:4px solid #2a8e96;border-radius:12px;background:#f8fbfb;transition:transform .2s ease,box-shadow .2s ease}
.guide-card:nth-child(2){border-top-color:#6f584a}.guide-card:nth-child(3){border-top-color:#5aaeb0}
.guide-card:hover,.guide-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 35px -25px rgba(10,61,69,.42)}
.guide-card-top{flex:1}.guide-card-top>span{display:block;margin-bottom:14px;color:#607680;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.guide-card h3{font-size:1.36rem!important;line-height:1.22!important;margin:0 0 12px;color:#18333b}
.guide-card p{color:#526875;font-size:.97rem;line-height:1.5!important;margin:0 0 24px}
.guide-card>a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d0e4e5;padding-top:16px;color:#176d79;font-weight:700;text-decoration:none}
.guide-card>a:hover,.guide-card>a:focus-visible{text-decoration:underline}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 body.work{font-size:16px}
 body.work .hero-grid>h1{font-size:clamp(3rem,12vw,3.65rem)!important;max-width:11.5ch;margin-left:auto!important;margin-right:auto!important}
 .hero-grid,.hero-body,.work .choice-panel,.section-intro,.portrait-section .media-grid>div,.steps-section,.guide-section,.urgency-section .contact-grid>div:first-child,.inquiry-copy,.contact-grid>div:first-child{text-align:center}
 .hero-actions,.hero-points{justify-content:center}.hero-location{margin-left:auto;margin-right:auto}
 .work .choice-panel{max-width:450px;margin-left:auto;margin-right:auto}.choice-grid button{text-align:center}
 .section-intro{margin-left:auto;margin-right:auto}.section-intro h2{margin-left:auto;margin-right:auto}
 .body.work .eyebrow::before{display:none}.work .eyebrow::before{display:none}
 .topic-grid .topic-card{text-align:center}.topic-card .topic-more{justify-content:center;gap:12px}
 .media-grid>figure{margin-left:auto;margin-right:auto}.portrait-section .btn{margin:auto}
 .steps li{display:block;text-align:center}.steps li>span{margin:0 auto 12px}
 .checklist{text-align:left;max-width:440px;margin-left:auto;margin-right:auto}
 .guide-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.guide-card{min-height:0;text-align:center}.guide-card>a{justify-content:center}
 .inquiry-copy h2,.inquiry-copy>p,.inquiry-aside{margin-left:auto;margin-right:auto}.inquiry-aside{text-align:center}
 .inquiry-form{text-align:left}.inquiry-form .form-intro{text-align:left}
 .work .mobile-action-bar a:last-child{background:#655043;border-color:#655043}
}