/* DACH MPU Hamburg Layouttest v2 – ausschließlich innerhalb #dmp-hh-test */
#dmp-hh-test{--hh-navy:#153447;--hh-teal:#116c72;--hh-gold:#b4894f;--hh-soft:#f4f8f7;--hh-text:#2d4b5a;--hh-border:#dce8e9;--hh-white:#fff;box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto 64px;color:var(--hh-navy);font:inherit;font-size:16px;line-height:1.65}
#dmp-hh-test *,#dmp-hh-test *::before,#dmp-hh-test *::after{box-sizing:border-box}
#dmp-hh-test h1,#dmp-hh-test h2,#dmp-hh-test h3,#dmp-hh-test p{margin:0}
#dmp-hh-test h1,#dmp-hh-test h2,#dmp-hh-test h3{color:var(--hh-navy);letter-spacing:-.025em;line-height:1.2}
#dmp-hh-test h1{font-size:clamp(2.25rem,4.4vw,3.75rem);margin:14px 0 20px;font-weight:800}
#dmp-hh-test h2{font-size:clamp(1.55rem,2.8vw,2.3rem);margin:0 0 12px;font-weight:800}
#dmp-hh-test h3{font-size:1.13rem;font-weight:750;margin:0 0 8px}
#dmp-hh-test a{color:var(--hh-teal);text-decoration:underline;text-underline-offset:3px}
#dmp-hh-test a:hover{text-decoration-thickness:2px}
#dmp-hh-test a:focus-visible,#dmp-hh-test summary:focus-visible{outline:3px solid #e6bd79;outline-offset:4px}
#dmp-hh-test .hh-eyebrow{color:#a37135;font-weight:800;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
#dmp-hh-test .hh-lead{font-size:1.12rem;color:#365665;line-height:1.7;max-width:650px}
#dmp-hh-test .hh-muted{color:#5d7580;font-size:.91rem}
#dmp-hh-test .hh-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:28px;align-items:center;padding:38px;background:linear-gradient(120deg,#f2f9f8,#f7f8f4);border:1px solid var(--hh-border);border-radius:24px;overflow:hidden}
#dmp-hh-test .hh-hero-content{padding:8px 4px}
#dmp-hh-test .hh-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 22px}
#dmp-hh-test .hh-tag{border:1px solid #d1e2e2;border-radius:100px;padding:5px 12px;font-weight:650;font-size:.79rem;background:#fff;color:#315b65}
#dmp-hh-test .hh-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:23px}
#dmp-hh-test .hh-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 19px;font-weight:750;font-size:.93rem;text-decoration:none!important;transition:transform .15s ease,background .15s ease}
#dmp-hh-test .hh-btn:hover{transform:translateY(-1px)}
#dmp-hh-test .hh-btn-primary{background:#126e73;color:#fff!important}
#dmp-hh-test .hh-btn-primary:hover{background:#0b575b}
#dmp-hh-test .hh-btn-plain{background:#fff;border:1px solid #cedfdf;color:#194f59!important}
#dmp-hh-test .hh-figure{margin:0;position:relative;min-width:0}
#dmp-hh-test .hh-photo{background:linear-gradient(140deg,#20495b,#458681 58%,#c5a66f);border-radius:19px;aspect-ratio:2/3;min-height:380px;max-height:510px;overflow:hidden;position:relative;box-shadow:0 18px 35px rgba(21,52,71,.15)}
#dmp-hh-test .hh-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}
#dmp-hh-test .hh-photo::after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(16,45,58,.29));pointer-events:none}
#dmp-hh-test .hh-figure figcaption{font-size:.72rem;color:#57717b;text-align:right;margin:7px 4px 0}
#dmp-hh-test .hh-nav{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0;margin:18px 0 8px;border-bottom:1px solid var(--hh-border)}
#dmp-hh-test .hh-nav a{font-size:.81rem;font-weight:750;color:#31535e;background:#f1f6f6;border-radius:100px;text-decoration:none;padding:7px 13px}
#dmp-hh-test .hh-nav a:hover{background:#e4f0ef}
#dmp-hh-test .hh-section{padding:51px 0 15px;border-bottom:1px solid var(--hh-border);scroll-margin-top:30px}
#dmp-hh-test .hh-section:last-child{border-bottom:0}
#dmp-hh-test .hh-section-intro{max-width:780px;color:#55707b;margin-bottom:24px;font-size:1.01rem}
#dmp-hh-test .hh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#dmp-hh-test .hh-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#dmp-hh-test .hh-card{min-width:0;border:1px solid var(--hh-border);background:#fff;border-radius:16px;padding:22px}
#dmp-hh-test .hh-card p{color:#4a6875;font-size:.95rem}
#dmp-hh-test .hh-card-label{font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#94713e;margin-bottom:10px!important}
#dmp-hh-test .hh-card-em{font-size:1.15rem;font-weight:800;color:var(--hh-navy)}
#dmp-hh-test .hh-card a{font-size:.89rem;font-weight:750}
#dmp-hh-test .hh-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:26px;align-items:start}
#dmp-hh-test .hh-split>div>p{margin:0 0 15px;color:#3e5966}
#dmp-hh-test .hh-facts{border:1px solid var(--hh-border);border-left:4px solid var(--hh-gold);background:#fcfaf5;border-radius:12px;padding:24px}
#dmp-hh-test .hh-facts p{margin:0 0 11px;color:#3b5966}
#dmp-hh-test .hh-facts p:last-child{margin:0}
#dmp-hh-test .hh-facts a{font-weight:750}
#dmp-hh-test .hh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#dmp-hh-test .hh-step{background:#f6faf9;border:1px solid var(--hh-border);border-radius:16px;padding:21px}
#dmp-hh-test .hh-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#dfeeed;color:#136469;font-weight:800;font-size:.95rem;margin-bottom:15px}
#dmp-hh-test .hh-step p{color:#4d6874;font-size:.93rem}
#dmp-hh-test .hh-note{background:#f5f8f8;border-left:4px solid #237c7b;border-radius:8px;padding:16px 21px;color:#3f5b66;margin-top:19px}
#dmp-hh-test .hh-list{padding-left:22px;margin:10px 0 15px;color:#365867}
#dmp-hh-test .hh-list li{padding:4px 0}
#dmp-hh-test .hh-price{font-size:1.55rem;font-weight:800;line-height:1.3;color:#123c4a;margin-bottom:8px!important}
#dmp-hh-test .hh-faq{border-top:1px solid var(--hh-border)}
#dmp-hh-test .hh-faq details{border-bottom:1px solid var(--hh-border);padding:16px 3px}
#dmp-hh-test .hh-faq summary{font-size:1.02rem;line-height:1.5;cursor:pointer;font-weight:750;color:var(--hh-navy);padding-right:12px}
#dmp-hh-test .hh-faq details p{margin:13px 0 3px;color:#4b6874;max-width:850px}
#dmp-hh-test .hh-cta{background:linear-gradient(120deg,#103449,#164c5a);color:#fff;border-radius:20px;padding:31px 36px;margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:25px}
#dmp-hh-test .hh-cta h2{color:#fff;margin:8px 0 10px}
#dmp-hh-test .hh-cta p{color:#d8e7ea;max-width:650px}
#dmp-hh-test .hh-cta .hh-btn{background:#d8b87a;color:#143444!important;flex-shrink:0}
#dmp-hh-test .hh-footer{margin-top:25px;font-size:.84rem;color:#637985;line-height:1.8}
#dmp-hh-test .hh-footer p{margin:8px 0}
#dmp-hh-test .hh-partner{padding:16px 20px;margin-top:18px;background:#f9f6f0;border:1px solid #e8dec9;border-radius:12px;font-size:.87rem;color:#55646a}
#dmp-hh-test .hh-partner a{font-weight:700}
@media(max-width:820px){#dmp-hh-test .hh-hero{grid-template-columns:1fr;padding:25px;gap:21px}#dmp-hh-test .hh-figure{max-width:420px;width:100%}#dmp-hh-test .hh-photo{max-height:460px;min-height:320px}#dmp-hh-test .hh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dmp-hh-test .hh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#dmp-hh-test .hh-split{grid-template-columns:1fr}#dmp-hh-test .hh-cta{display:block}#dmp-hh-test .hh-cta .hh-btn{margin-top:20px}}
@media(max-width:540px){#dmp-hh-test{font-size:15px}#dmp-hh-test .hh-hero{padding:22px 18px;border-radius:17px}#dmp-hh-test h1{font-size:2.15rem}#dmp-hh-test .hh-photo{min-height:340px}#dmp-hh-test .hh-grid,#dmp-hh-test .hh-steps{grid-template-columns:1fr}#dmp-hh-test .hh-section{padding-top:38px}#dmp-hh-test .hh-card{padding:19px}#dmp-hh-test .hh-cta{padding:25px 21px}}

#dmp-hh-test {font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
#dmp-hh-test .hh-section p:not(.hh-muted):not(.hh-section-intro):not(.hh-card-label){line-height:1.74;}
#dmp-hh-test .hh-section .hh-section-intro{line-height:1.75;}
#dmp-hh-test .hh-facts .hh-list{margin:12px 0 0;}
#dmp-hh-test .hh-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;}
#dmp-hh-test .hh-checkitem{background:#f7fbfa;border:1px solid #d4e5e2;border-radius:12px;padding:15px 17px;color:#355464;font-weight:650;}
#dmp-hh-test .hh-selfcheck{border:1px solid #a7d2cd;border-radius:18px;background:linear-gradient(135deg,#e8f5f2,#f9fcfa);padding:26px;}
#dmp-hh-test .hh-selfcheck details{background:#fff;border:1px solid #d3e5e3;border-radius:12px;margin:11px 0;padding:13px 18px;}
#dmp-hh-test .hh-selfcheck summary{cursor:pointer;font-weight:760;color:#153447;}
#dmp-hh-test .hh-selfcheck details p{margin-top:10px;color:#456474;}
#dmp-hh-test .hh-faq details{background:#fff;}
#dmp-hh-test .hh-faq details p{line-height:1.74;}
#dmp-hh-test .hh-list a{font-weight:750;}
#dmp-hh-test .hh-partner{background:#f5f8f8;border-color:#dce9e7;}
#dmp-hh-test .hh-contact-note{background:#f2f8f7;border-left:4px solid #137177;padding:17px 21px;border-radius:8px;margin:20px 0;color:#3b5d6b;}
#dmp-hh-test .hh-card .hh-muted{font-size:.82rem;line-height:1.5;}
#dmp-hh-test .edc-contact{max-width:none;margin:20px 0 0;}
#dmp-hh-test .hh-separator{height:1px;background:#e1eceb;margin-top:35px;}
#dmp-hh-test .hh-figure figcaption a{font-size:inherit;}
#dmp-hh-test .hh-source-row{font-size:.84rem;color:#536f7a;margin:18px 0 0;line-height:1.75;}
@media(max-width:740px){#dmp-hh-test .hh-checklist{grid-template-columns:1fr;}#dmp-hh-test .hh-selfcheck{padding:20px;}}



#dmp-hh-test .hh-country-alert{margin:18px 0;padding:18px 22px;background:#e9f4f3;border:1px solid #c7e3df;border-radius:13px;color:#295662}
#dmp-hh-test .hh-country-alert strong{color:#174a57}
#dmp-hh-test .hh-source-row a{overflow-wrap:anywhere}
#dmp-hh-test .hh-price-table{width:100%;border-collapse:collapse;margin:18px 0;border-radius:13px;overflow:hidden;font-size:.98rem}
#dmp-hh-test .hh-price-table th,#dmp-hh-test .hh-price-table td{padding:15px;border-bottom:1px solid #dbe8e7;text-align:left;vertical-align:top}
#dmp-hh-test .hh-price-table th{background:#e9f4f2;color:#16414f;font-size:.85rem}
#dmp-hh-test .hh-country-footer{background:#f3f8f7;border-radius:13px;padding:17px 20px;border:1px solid #dbe9e6}
#dmp-hh-test .hh-country-footer a{font-weight:700}
#dmp-hh-test .hh-bullet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
#dmp-hh-test .hh-bullet-grid>div{background:#f4f9f7;border:1px solid #dbe8e7;border-radius:13px;padding:16px}
#dmp-hh-test .hh-bullet-grid strong{display:block;margin-bottom:5px;color:#155060}
#dmp-hh-test .hh-bullet-grid p{color:#4c6773;font-size:.92rem;margin:0}
#dmp-hh-test .hh-muted + .hh-muted{margin-top:8px}
#dmp-hh-test .hh-figure figcaption{line-height:1.5}
@media(max-width:680px){#dmp-hh-test .hh-bullet-grid{grid-template-columns:1fr}#dmp-hh-test .hh-price-table{font-size:.83rem}#dmp-hh-test .hh-price-table th,#dmp-hh-test .hh-price-table td{padding:10px} }


/* EASY DACH v1.2.19: display only for data-only Hamburg-v5 parity template; legacy Hamburg remains unchanged. */
#dmp-hh-test.edc-hh5-parity .hh-hero{background:linear-gradient(116deg,#f1faf8 0%,#e8f5f3 65%,#eaf5f2 100%)}
#dmp-hh-test.edc-hh5-parity .hh-photo{background:linear-gradient(145deg,#164455,#2d7d80 60%,#b9e5d8)}
#dmp-hh-test.edc-hh5-parity .hh-eyebrow,#dmp-hh-test.edc-hh5-parity .hh-card-label{color:#0a6972}
#dmp-hh-test.edc-hh5-parity .hh-facts{background:#eaf6f3;border-left-color:#0f7779}
#dmp-hh-test.edc-hh5-parity .hh-cta .hh-btn{background:#b5f2dc;color:#123c47!important}
#dmp-hh-test.edc-hh5-parity .hh-checkitem{display:flex;gap:12px;align-items:flex-start}
#dmp-hh-test.edc-hh5-parity .hh-checkitem p{margin:0;color:#345763;font-weight:450;line-height:1.65}
#dmp-hh-test.edc-hh5-parity .edc-item-number{font-weight:850;color:#08737a;font-size:.83rem;white-space:nowrap}
#dmp-hh-test.edc-hh5-parity .edc-topic-grid{margin-top:24px}
#dmp-hh-test.edc-hh5-parity .edc-topic-grid h3{font-size:1.08rem;line-height:1.4}
#dmp-hh-test.edc-hh5-parity .edc-city-cta{margin-bottom:12px}
#dmp-hh-test.edc-hh5-parity .hh-steps{margin-top:24px}
#dmp-hh-test.edc-hh5-parity .hh-section>p{max-width:960px}
#dmp-hh-test.edc-hh5-parity .hh-section .hh-btn{margin-top:12px}
@media(max-width:740px){#dmp-hh-test.edc-hh5-parity .edc-topic-grid{grid-template-columns:1fr}}

/* EASY DACH v1.2.20 – shared city shell, no other website pages affected. */
body.edc-managed-city .edc-city-main{max-width:1240px;width:min(calc(100% - 30px),1240px);padding-top:22px}
body.edc-managed-city .edc-city-main .edc-city-article{max-width:1160px;width:100%;margin:0 auto}
body.edc-managed-city .edc-city-main .edc-city-body{max-width:none;width:100%}
body.edc-managed-city .edc-city-main #dmp-hh-test{max-width:1160px}
/* Hamburg-v5 Navy / Petrol / Türkis is the single color source for city sections. */
body.edc-managed-city .edc-city-main #dmp-hh-test{--hh-gold:#0f7178;--hh-teal:#116c72}
body.edc-managed-city .edc-city-main #dmp-hh-test .hh-eyebrow,
body.edc-managed-city .edc-city-main #dmp-hh-test .hh-card-label{color:#0a6972}
body.edc-managed-city .edc-city-main #dmp-hh-test .hh-cta .hh-btn{background:#b5f2dc;color:#123c47!important}
@media(max-width:540px){body.edc-managed-city .edc-city-main{width:min(calc(100% - 24px),1240px);padding-top:12px}}