*{box-sizing:border-box} html{font-family:Arial,Helvetica,sans-serif;color:#111;background:#eee}
body{margin:0}.site{max-width:1180px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 16px #bbb}
header{padding:12px 30px 0}.brand{height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:visible}
.logo{line-height:.9;overflow:visible}.dipl{display:block;color:#e11;font-weight:700;font-size:20px;margin-left:55px}
.name{font-family:Georgia,serif;font-weight:700;font-size:44px;letter-spacing:-3px;white-space:nowrap}
.job{display:block;color:#e11;font-weight:700;font-size:20px;text-align:center;margin-top:7px}
.header-art{flex:0 0 360px;height:118px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.header-art img{display:block;width:360px;height:118px;object-fit:contain;object-position:right center}
nav{display:flex;border-bottom:1px solid #ddd;overflow-x:auto;white-space:nowrap}
nav a{color:#111;text-decoration:none;padding:13px 16px 10px;border-bottom:4px solid transparent;font-size:14px}
nav a:hover,nav a.active{border-bottom-color:#e11}main{padding:20px 34px 50px}
h1{font:42px Georgia,serif;margin:0 0 5px}h2{font-size:22px;margin:18px 0 8px}
.rule{height:3px;background:#bbb;margin-bottom:25px}.rule i{display:block;background:#e11;width:45%;height:3px}
p,li,td{font-size:17px;line-height:1.45}a{color:#174a9b}
.welcome{display:grid;grid-template-columns:minmax(300px,54%) 1fr;gap:36px;align-items:center}
.welcome img,.two img,.building{display:block;width:100%;height:auto;object-fit:contain}.welcome img{max-height:650px}
.quote{font:italic 28px/1.5 Georgia,serif;text-align:center}.quote hr{border:0;border-top:3px solid #e11;margin:25px 0}
.quote p{font:20px/1.45 Georgia,serif;font-style:normal}
.two{display:grid;grid-template-columns:1.35fr .75fr;gap:30px;align-items:start}.two img{max-height:620px}
.services{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.reference-image{display:flex;align-items:center;justify-content:center;overflow:visible}
.reference-image img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain}.services .reference-image img{max-height:430px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact table td{padding-right:18px}
.button{display:inline-block;background:#111;color:#fff;text-decoration:none;padding:12px 18px;border-radius:3px}
.building{max-height:520px;margin-top:20px}.fees{display:grid;grid-template-columns:38% 1fr;gap:35px}
.fees .reference-image img{max-height:520px}.cookiebox{display:grid;grid-template-columns:48% 1fr;gap:35px;align-items:center}
.cookie-image-wrap{overflow:visible;padding:10px}.cookie-image-wrap img{display:block;width:100%;height:auto;max-width:500px;object-fit:contain;margin:auto}
.legal{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.notice{background:#f3f3f3;border-left:5px solid #e11;padding:14px}
ol{padding-left:24px}
@media(max-width:760px){
 header{padding:8px 14px 0}.brand{height:auto;min-height:105px;gap:8px}.name{font-size:28px;letter-spacing:-2px}
 .dipl,.job{font-size:14px}.header-art{flex:0 0 190px;width:190px;height:92px}.header-art img{width:190px;height:92px}
 nav a{padding:10px;font-size:12px}main{padding:18px}h1{font-size:34px}
 .welcome,.two,.services,.contact,.fees,.cookiebox,.legal{grid-template-columns:1fr}.quote{font-size:23px}.cookie-image-wrap img{max-width:420px}
}

/* FINAL – freigegebene Bildgrößen */
.header-art{
  flex:0 0 410px;
  width:410px;
  height:125px;
  overflow:visible;
}
.header-art img{
  display:block;
  width:410px;
  height:125px;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:right center;
}
.services .reference-image{
  min-height:440px;
  overflow:visible;
}
.services .reference-image img[src$="ordner-final.png"]{
  width:100%;
  max-width:440px;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.cookie-image-wrap{
  min-height:460px;
  overflow:visible;
  padding:0;
}
.cookie-image-wrap img[src$="cookies-final.png"]{
  display:block;
  width:100%;
  max-width:540px;
  height:auto;
  max-height:none;
  object-fit:contain;
  margin:0 auto;
}
@media(max-width:760px){
  .header-art{flex:0 0 205px;width:205px;height:95px}
  .header-art img{width:205px;height:95px}
  .services .reference-image{min-height:0}
  .cookie-image-wrap{min-height:0}
}

/* KOPFZEILE EXAKT NACH DER VOM NUTZER HOCHGELADENEN VORLAGE */
header{padding-top:0 !important}
.brand.brand-exakt{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
.brand.brand-exakt img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* AKTUELL BESTÄTIGTE FASSUNG */
.brand.brand-exakt img[src$="kopfzeile-aktuell.jpg"]{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  border:0 !important;
}

/* Leistungsangebot: größeres Bild, Ordner bleiben im Original-Seitenverhältnis */
.services{
  grid-template-columns:0.9fr 1.1fr !important;
  gap:28px !important;
  align-items:center !important;
}
.services .reference-image{
  min-height:0 !important;
  width:100% !important;
  overflow:visible !important;
}
.services .reference-image img[src$="ordner-aktuell-proportional.jpg"]{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}
@media(max-width:760px){
  .services{grid-template-columns:1fr !important}
}

/* VOM NUTZER BESTÄTIGTE COOKIES-DARSTELLUNG */
.cookiebox{
  grid-template-columns:0.9fr 1.1fr !important;
  gap:30px !important;
  align-items:center !important;
}
.cookie-image-wrap{
  min-height:0 !important;
  overflow:visible !important;
  padding:0 !important;
}
.cookie-image-wrap img[src$="cookies-bestaetigt.jpg"]{
  display:block !important;
  width:100% !important;
  max-width:600px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:760px){
  .cookiebox{grid-template-columns:1fr !important}
  .cookie-image-wrap img[src$="cookies-bestaetigt.jpg"]{max-width:520px !important}
}

/* COOKIE-SEITE – EXAKT NACH DER BESTÄTIGTEN VORSCHAU */
.cookies-exakt .rule{margin-bottom:10px}
.cookies-layout-exakt{
  display:grid;
  grid-template-columns:46% 54%;
  gap:18px;
  align-items:center;
}
.cookies-text-exakt{
  padding:55px 0 45px 18px;
  font-family:Georgia,"Times New Roman",serif;
}
.cookies-lead-exakt{
  font-family:Georgia,"Times New Roman",serif;
  font-size:58px;
  line-height:1.18;
  font-weight:700;
  margin:0 0 42px 0;
}
.cookies-text-exakt p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:37px;
  line-height:1.18;
  margin:0 0 32px 12px;
}
.cookies-bild-exakt{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  padding:0 5px 15px 0;
}
.cookies-bild-exakt img{
  display:block;
  width:100%;
  max-width:650px;
  height:auto;
  object-fit:contain;
  margin:0 auto;
}
@media(max-width:760px){
  .cookies-layout-exakt{grid-template-columns:1fr}
  .cookies-text-exakt{padding:25px 5px 10px}
  .cookies-lead-exakt{font-size:42px;margin-bottom:28px}
  .cookies-text-exakt p{font-size:28px;margin-left:0}
  .cookies-bild-exakt img{max-width:560px}
}

/* COOKIE-KORREKTUR: etwas kleiner + sicherer Rand rundum */
.cookies-bild-exakt{
  overflow:visible !important;
  padding:20px 30px 30px 20px !important;
}
.cookies-bild-exakt img[src$="cookies-kleiner-mit-mehr-rand.jpg"]{
  display:block !important;
  width:88% !important;
  max-width:560px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:760px){
  .cookies-bild-exakt img[src$="cookies-kleiner-mit-mehr-rand.jpg"]{
    width:84% !important;
    max-width:480px !important;
  }
}

/* ÄLTERES COOKIE-MOTIV MIT MEHREREN COOKIES */
.cookies-bild-exakt{
  overflow:visible !important;
  padding:25px 40px 35px 25px !important;
}
.cookies-bild-exakt img[src$="cookies-mehrere-mit-rand.png"]{
  display:block !important;
  width:82% !important;
  max-width:500px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:760px){
  .cookies-bild-exakt img[src$="cookies-mehrere-mit-rand.png"]{
    width:80% !important;
    max-width:450px !important;
  }
}

/* COOKIE: älteres Mehrfach-Cookie-Motiv, Kreis vollständig sichtbar */
.cookies-bild-exakt{
  overflow:visible !important;
  padding:35px 50px 45px 35px !important;
}
.cookies-bild-exakt img[src$="cookies-mehrere-kreis-vollstaendig.png"]{
  display:block !important;
  width:72% !important;
  max-width:430px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

/* NUR COOKIE-BILD KORRIGIERT – Kopfzeile/Text/Layout unverändert */
.cookies-bild-exakt img[src$="cookies-mehrere-vollstaendig-mit-rand.png"]{
  display:block !important;
  width:82% !important;
  max-width:490px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
.cookies-bild-exakt{
  overflow:visible !important;
}

/* FINAL: ausschließlich Cookie-Bild – Kopfzeile/Text/Layout bleiben unverändert */
.cookies-bild-exakt{
  overflow:visible !important;
}
.cookies-bild-exakt img[src$="cookies-mehrere-final-mit-viel-rand.png"]{
  display:block !important;
  width:90% !important;
  max-width:520px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}

/* VOM NUTZER BESTÄTIGTE COOKIE-GRAFIK */
.cookie-confirmed-final{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:10px 0 25px;
  overflow:visible;
  border:0 !important;
  outline:0 !important;
}
.cookie-confirmed-final img{
  display:block;
  width:min(92%, 980px);
  height:auto;
  max-height:none;
  object-fit:contain;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* AGB/IMPRESSUM: entfernten Prüfhinweis ohne farbige/rote Restfläche darstellen */
.legal-note:empty,
.notice:empty,
.warning:empty,
.hinweis:empty {
  display:none !important;
  border:0 !important;
  border-left:0 !important;
  background:none !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
}

/* Downloadlink Allgemeine Auftragsbedingungen */
.aab-download { margin: 14px 0 20px; }
.aab-download a { color: #9b1c1c; font-weight: 600; text-decoration: underline; }

/* Paragraphenbild nur auf AGBs & Impressum */
.paragraphenbild{margin-top:18px;width:100%;}
.paragraphenbild img{display:block;width:100%;height:auto;border:0;box-shadow:none;}