/* CompanyPages.eu – nach Mockup 04.11.2026, Umbau 05.11.2026: neues Kopfbild (2046×768, Bürogebäude + EU-Flagge) komplett sichtbar, weiße Karten, blaue Knöpfe */
:root{--navy:#0b2440;--navy2:#143b66;--blau:#0a4bd1;--blau-dunkel:#0840b0;--text:#111827;--grau:#5b6472;--linie:#e3e8ef;--hell:#f3f6fb;--karte:#ffffff;--gruen-bg:#e6f7ea;--gruen:#1a7f3b;--rot:#b42318;--rund:18px;--schatten:0 10px 30px rgba(10,30,60,.10)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--hell);line-height:1.5}
a{color:var(--blau)}img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ico{width:22px;height:22px;vertical-align:middle;flex:none}.ico-klein{width:16px;height:16px}.ico-gross{width:34px;height:34px}.ico-weiss{filter:brightness(0) invert(1)}
/* Kopf */
.kopf{position:relative;overflow:hidden;color:#fff;background:#17426f url(/img/hero.jpg) center 62%/cover no-repeat;display:flex;flex-direction:column}
/* Startseite: Kopf genau im Seitenverhältnis des Fotos (2046:768), dadurch ist das ganze Bild zu sehen; Suche mittig darin (User 05.11.: „man soll mehr vom Headerbild sehen“) */
.kopf-hero{min-height:min(37.6vw,1000px);background-position:center}.kopf-hero .hero{margin:auto;padding-top:16px;padding-bottom:26px;width:100%}
/* Innenseiten (Eintragung, Bestätigung, Texte): ebenfalls großer Bildausschnitt */
.kopf-innen{min-height:min(32vw,700px)}.kopf-innen .hero{margin:auto}
.kopf::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,52,.30) 0%,rgba(8,26,52,.16) 45%,rgba(8,26,52,.34) 100%)}
@media (max-width:720px){.kopf{background-image:url(/img/hero-1200.jpg)}}
.leiste{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 40px 0}
/* Logo (neu 05.11.: dunkelblaue Schrift, daher auf weißer Fläche, damit es auf dem Foto lesbar bleibt) */
.logo{display:inline-block;background:rgba(255,255,255,.94);border-radius:14px;padding:6px 16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.logo img{display:block;height:82px;width:auto}
.sprache{position:relative}
.sprache-knopf{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;font:inherit;font-size:15px;cursor:pointer}
.sprache-knopf .ico{filter:brightness(0) invert(1)}
.sprache-liste{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;color:var(--text);border-radius:12px;box-shadow:var(--schatten);min-width:200px;z-index:5}
.sprache-liste li{border-radius:8px;font-size:14px}.sprache-liste a{display:block;padding:9px 12px;color:inherit;text-decoration:none;border-radius:8px}.sprache-liste a:hover{background:var(--hell)}.sprache-liste li.aktiv{background:var(--hell);font-weight:600}.sprache-liste li[aria-disabled]{color:var(--grau)}.sprache-liste small{display:block;font-size:11px}
.hero{position:relative;z-index:2;text-align:center;padding:46px 20px 36px;max-width:980px;margin:0 auto}
.hero h1{margin:0 0 16px;font-size:clamp(28px,4.2vw,50px);font-weight:800;letter-spacing:-.01em;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.hero-text{margin:0 auto 36px;font-size:clamp(15px,1.5vw,19px);color:rgba(255,255,255,.95);max-width:800px;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.hero-klein{padding-bottom:30px}.hero-klein .hero-text{margin-bottom:6px}
/* Suche */
.suche{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:10px 10px 10px 22px;max-width:860px;margin:0 auto;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.suche-www{font-weight:800;color:#111;font-size:19px;padding-right:14px;border-right:1px solid var(--linie)}
.suche-feld{flex:1;position:relative;display:block}
.suche-feld input{width:100%;border:1px solid var(--linie);border-radius:12px;background:#f7f9fc;padding:15px 48px 15px 16px;font:inherit;font-size:17px;color:var(--text)}
.suche-feld input:focus{outline:2px solid var(--blau);outline-offset:1px;background:#fff}
.suche-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#111}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blau);color:#fff;border:0;border-radius:12px;padding:15px 32px;font:inherit;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.knopf:hover{background:var(--blau-dunkel)}.knopf[disabled]{opacity:.5;cursor:not-allowed}
.knopf-gross{padding:17px 44px;font-size:19px;border-radius:14px}
.knopf-hell{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--linie);border-radius:12px;padding:10px 14px;font:inherit;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none}
.knopf-hell:hover{background:var(--hell)}
.merkmale{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 60px;list-style:none;margin:36px 0 0;padding:0;font-size:16px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.merkmale li{display:inline-flex;align-items:center;gap:10px}.merkmale .ico{filter:brightness(0) invert(1)}
/* Inhalt + Karten */
.inhalt{max-width:1380px;margin:-14px auto 40px;padding:28px 40px 0;position:relative;z-index:3}
.seite-start .inhalt{margin-top:0;padding-top:48px}
.karte{background:var(--karte);border-radius:var(--rund);box-shadow:var(--schatten);padding:30px 36px}
.ergebnis-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ergebnis-kopf h2{margin:0;font-size:26px;font-weight:800}.blau{color:var(--blau)}.ergebnis-knoepfe{display:flex;gap:10px}
/* Suchergebnis (05.11.): nur vorhandene Angaben als Kacheln, keine Flagge, keine Registernummer/Rechtsform/Branche */
.firma{padding:4px 0 0}
.firma-kopf{display:flex;gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--linie)}
.firma-icon{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--blau),var(--navy2));display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 8px 20px rgba(10,75,209,.25)}
.firma-icon .ico{width:36px;height:36px}
.firma-titel{min-width:0}
.firma h3{margin:0 0 4px;font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
.firma-ort{margin:0;color:var(--grau);font-size:15.5px}
.firma-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:22px 0 0}
.firma-felder>div{display:flex;gap:14px;align-items:flex-start;background:#f7f9fc;border:1px solid var(--linie);border-radius:14px;padding:16px 18px;min-width:0}
.firma-felder>div>.ico{color:var(--blau);margin-top:3px}
.firma-felder>div>div{min-width:0}
.firma-felder dt{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--grau);font-weight:600}
.firma-felder dd{margin:3px 0 0;font-size:17px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.firma-felder dd a{color:var(--blau);text-decoration:none}.firma-felder dd a:hover{text-decoration:underline}
.firma-fuss{margin:20px 0 0;font-size:14px;color:var(--grau);line-height:1.5}.firma-fuss .ico{color:var(--grau);vertical-align:-3px;margin-right:7px}.firma-fuss a{color:var(--blau)}
.firma-daten{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0}
.firma-daten>div{display:grid;grid-template-columns:230px 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linie)}
.firma-daten dt{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--navy)}.firma-daten dd{margin:0}
.leer{text-align:center;padding:26px 10px}.leer .ico-gross{color:var(--navy);width:44px;height:44px}.leer h3,.leer h2{margin:12px 0 8px}.leer p{color:var(--grau);max-width:720px;margin:0 auto}
/* Datenabgleich */
/* Bestätigen-Seite (User 05.11.): beide Blöcke gleich hoch, Knopf unten im rechten Block */
.abgleich{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.spalte{padding:0;overflow:hidden;display:flex;flex-direction:column}.spalte .zeilen{flex:1}
.spalte-kopf{display:flex;gap:18px;align-items:center;background:#eef3fb;padding:26px 30px}
.spalte-icon{width:70px;height:70px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--blau);flex:none}
.spalte-kopf h2{margin:0 0 4px;font-size:24px;font-weight:800}.spalte-kopf p{margin:0;color:var(--grau);font-size:15px}
.zeilen{padding:14px 30px 24px}
.zeile{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:14px;padding:11px 0}
.zeile-label{display:flex;align-items:center;gap:14px;font-weight:600;color:var(--text)}.zeile-label .ico{color:var(--navy)}
.zeile-wert{position:relative;display:flex;align-items:center;justify-content:space-between;background:#eef2f8;border-radius:10px;padding:14px 46px 14px 20px;min-height:52px;font-size:16px}
.zeile-wert .schloss{position:absolute;right:14px;color:var(--navy);width:18px;height:18px}
.zeile-leer{color:var(--grau);font-style:italic}
.feld{width:100%;border:1px solid #cfd7e3;border-radius:10px;background:#fff;padding:14px 18px;font:inherit;font-size:16px;color:var(--text);min-height:52px}
.feld:focus{outline:2px solid var(--blau);outline-offset:1px}.feld-klein{min-height:0;padding:6px 10px;width:auto;font-size:14px}
.aktion{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:6px}
.hinweis{border-radius:12px;padding:14px 18px;margin-bottom:20px;background:#fff;border:1px solid var(--linie)}.hinweis-rot{border-color:#f3c3bd;background:#fff3f1;color:var(--rot)}.hinweis-gruen{border-color:#bfe6c9;background:var(--gruen-bg);color:var(--gruen)}
/* Bestätigen */
.zeile-fertig{background:#f6f8fc}.zeile-fertig.geaendert{background:#fff8e6}.zeile-fertig .neu{position:absolute;right:14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a6400}
.zurueck{padding:0 30px 24px;margin:0}
.spalte-recht .hinweise{margin:0;padding:16px 30px 4px 50px;color:var(--text);font-size:13.5px;line-height:1.5}.spalte-recht .hinweise li{margin-bottom:7px}
.aufklapp{margin:12px 30px 0;border:1px solid var(--linie);border-radius:6px;background:#fff;font-size:12px}
.aufklapp summary{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-weight:400;font-size:12px;color:var(--grau);cursor:pointer;list-style:none}.aufklapp summary .ico{width:14px;height:14px}
.aufklapp summary::-webkit-details-marker{display:none}.aufklapp summary .ico{transition:transform .2s;color:var(--navy)}.aufklapp[open] summary .ico{transform:rotate(180deg)}
.aufklapp-inhalt{padding:8px 10px 10px;font-size:11.5px;line-height:1.45;border-top:1px solid var(--linie);max-height:220px;overflow-y:auto;color:var(--text)}.aufklapp-inhalt h3,.aufklapp-inhalt h4{font-size:11.5px;font-weight:400;margin:10px 0 3px}.aufklapp-inhalt p{margin:0 0 6px}.aufklapp-inhalt .einheitlich,.aufklapp-inhalt .einheitlich *{font-size:11.5px;font-weight:400}.aufklapp-inhalt .einheitlich p{margin:0 0 6px}.aufklapp-inhalt .einheitlich .preis td{padding:4px 0}.aufklapp-inhalt .einheitlich .preis .r{font-weight:400}
.preis{width:100%;border-collapse:collapse;margin:6px 0 10px}.preis td{padding:8px 0;border-bottom:1px solid var(--linie)}.preis .r{text-align:right;font-weight:700;white-space:nowrap}
.klein{font-size:12.5px;color:var(--grau)}
.zustimmung{display:flex;gap:8px;align-items:flex-start;margin:10px 30px 0;font-size:12px;font-weight:400;color:var(--grau)}
.zustimmung a,.zustimmung strong,.zustimmung span{font-weight:400;color:inherit}.zustimmung a{text-decoration:underline}
.zustimmung input{width:14px;height:14px;margin-top:2px;accent-color:var(--blau);flex:none}
.aktion-recht{padding:20px 30px 28px;margin:auto 0 0;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.preis-zeile{font-size:15px;color:var(--grau)}.preis-zeile strong{font-size:22px;color:var(--text);margin-right:6px}
/* Fertig / Texte / Admin */
.fertig{max-width:900px;margin:0 auto;text-align:center}.fertig-icon{color:var(--gruen);margin-bottom:6px}.fertig-icon .ico{width:56px;height:56px}
.fertig ol{text-align:left;max-width:720px;margin:0 auto 24px;padding-left:22px}.fertig .firma-daten{text-align:left;grid-template-columns:1fr}.fertig .firma-daten>div{grid-template-columns:180px 1fr}.druck{margin-top:24px}
.text{max-width:900px;margin:0 auto}.text h2{font-size:20px;margin:26px 0 8px}.text h2:first-child{margin-top:0}.text p{margin:0 0 12px}
.tabelle{width:100%;border-collapse:collapse;font-size:14px}.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--linie)}.tabelle th{background:var(--hell)}.abstand{margin-top:34px}
.fuss{padding:28px 40px 40px;color:var(--grau);font-size:14px}.fuss-innen{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.fuss nav a{margin-left:18px;color:var(--grau)}
@media (max-width:1000px){.abgleich{grid-template-columns:1fr}.firma-daten{grid-template-columns:1fr}}
@media (max-width:720px){.leiste{padding:16px 16px 0}.logo{padding:4px 10px;border-radius:10px}.logo img{height:46px}.sprache-knopf{padding:8px 12px;font-size:14px}.inhalt{padding:20px 16px 0}.karte{padding:20px 16px}.suche{flex-wrap:wrap;padding:10px;border-radius:14px}.suche-www{display:none}.suche-feld{flex:1 1 100%}.knopf{width:100%}.merkmale{gap:12px 22px;font-size:14px;margin-top:30px}.firma-daten>div,.zeile{grid-template-columns:1fr;gap:6px}.zeilen,.spalte-kopf,.aufklapp,.zustimmung,.aktion-recht,.zurueck{padding-left:16px;padding-right:16px;margin-left:0;margin-right:0}.aufklapp{margin:14px 16px 0}.zustimmung{margin:16px 16px 0}.firma-icon{width:54px;height:54px;border-radius:14px}.firma-icon .ico{width:28px;height:28px}.firma-felder{grid-template-columns:1fr}.fuss-innen{flex-direction:column}.fuss nav a{margin:0 16px 0 0}.ergebnis-kopf h2{font-size:21px}}
/* Suchergebnis weder druckbar noch als PDF speicherbar (User 05.11.) */
@media print{.kopf,.fuss,.ergebnis,.druck,.leer,.sprache{display:none!important}body{background:#fff}.karte{box-shadow:none;padding:0}.inhalt{margin:0;padding:0}}