/* ========================================================================
   BRIT / DynamicINVOICE
   01 Hero / 02 Einordnung / 03 Eingangswege / 04 Prozess-Demo
   05 Stapelscan / 06 Betriebswege / 07 Integration / 08 FAQ / CTA
   Nur .din-* und .din-page: Kein Eingriff in Header, Footer oder andere Seiten.
   BRIT Markenfarbe #84B413; SVG Icons aus dem vorhandenen BRIT-Sprite.
   ======================================================================== */
.din-page{--din-lime:#84b413;--din-green:#587e13;--din-dark:#112b22;--din-ink:#10251d;--din-body:#476056;--din-pale:#f2f6ee;--din-line:#dbe5d5;overflow-x:clip}
.din-page main,.din-page main *{min-width:0}
.din-page main p{line-height:1.75}
.din-page main h1,.din-page main h2,.din-page main h3{letter-spacing:-.052em;overflow-wrap:normal}
.din-page main h2{font-size:clamp(2.15rem,4vw,4.35rem);line-height:1.085;margin:16px 0 20px}
.din-page main h2 em{color:#66941a;font-style:normal}
.din-page main h3{line-height:1.17}
.din-section{padding:clamp(72px,8vw,120px) 0}
.din-eyebrow{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;font-size:.74rem;letter-spacing:.16em;color:#668e1c;font-weight:850;line-height:1.5}
.din-eyebrow::before{content:"";width:18px;height:2px;background:currentColor}
.din-eyebrow--light{color:#b7e277}
.din-headline{max-width:920px;margin:0 0 40px}
.din-headline p{font-size:1.06rem;color:var(--din-body);max-width:720px}
.din-inline-link{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:#557c0c;padding-bottom:7px;border-bottom:1px solid #8cb850;transition:gap .2s}
.din-inline-link:hover{gap:15px}
.din-inline-link .icon{width:17px;height:17px}
/* 01 / Hero ------------------------------------------------------------ */
.din-hero{position:relative;background:radial-gradient(circle at 2% 3%,#e6f5c4 0,transparent 29%),linear-gradient(130deg,#f8fbf4,#edf3e7);overflow:hidden}
.din-hero-grid{display:grid;grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);gap:clamp(28px,4.5vw,82px);align-items:center;min-height:710px;padding-block:58px 76px}
.din-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:47px;font-size:.79rem;color:#66806d;font-weight:660}
.din-breadcrumb a:hover{color:#557b0c}
.din-breadcrumb .icon{width:13px;height:13px;transform:rotate(-90deg)}
.din-hero h1{font-size:clamp(3.1rem,5.4vw,6rem);line-height:1.055;margin:20px 0 22px;max-width:13ch;color:#10261c}
.din-hero h1 em{font-style:normal;color:#6b9a13}
.din-hero-lead{font-size:clamp(1.07rem,1.45vw,1.22rem);max-width:600px;color:#4b6255;line-height:1.74}
.din-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}
.din-btn-secondary{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:52px;border:1px solid #8f9f8b;padding:13px 19px;border-radius:9px;font-weight:770;font-size:.89rem;transition:background .2s,transform .2s}
.din-btn-secondary:hover{background:#e3ecd7;transform:translateY(-2px)}
.din-btn-secondary .icon{width:18px;height:18px}
.din-hero-tags{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:36px;font-size:.78rem;font-weight:780;color:#446246}
.din-hero-tags span{display:inline-flex;align-items:center;gap:7px}
.din-hero-tags .icon{width:16px;height:16px;color:#729d1b}
.din-hero-visual{position:relative;min-width:0;padding-bottom:35px}
.din-hero-photo{height:clamp(430px,38vw,570px);border-radius:110px 12px 12px 12px;overflow:hidden;box-shadow:0 32px 75px #173b1c29}
.din-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.din-hero-stamp{position:absolute;right:0;bottom:0;max-width:94%;padding:18px 22px;border-radius:14px;background:#122b21;color:#fff;border:1px solid #355341;box-shadow:0 17px 38px #09291e2e}
.din-stamp-label{font-size:.64rem;letter-spacing:.17em;font-weight:850;color:#b4d87d;margin-bottom:9px}
.din-stamp-row{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;flex-wrap:wrap}
.din-stamp-row>.icon{color:#b6e16f;width:20px}
.din-stamp-row strong{font-weight:780;color:#e9f7df}
.din-stamp-row .din-stamp-arrow{color:#b9dc70;width:14px}
/* 02 / Intro ----------------------------------------------------------- */
.din-intro{background:#fff}
.din-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,8vw,145px);align-items:start}
.din-intro-copy{border-top:3px solid var(--din-lime);padding-top:23px}
.din-intro-copy p{font-size:1.055rem;color:#536a5d;margin-bottom:16px}
.din-intro-note{margin-top:24px;background:#f1f7e7;padding:18px;border-radius:12px;border:1px solid #d6e6c9;display:flex;align-items:flex-start;gap:12px;color:#2c4a32;font-size:.89rem;line-height:1.65}
.din-intro-note .icon{width:22px;height:22px;color:#6d9815;flex:0 0 auto}
/* 03 / Three ways ------------------------------------------------------ */
.din-sources{background:#eff3ea}
.din-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.din-source-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9da;border-radius:15px;padding:29px 27px 22px;overflow:hidden;min-height:385px;transition:transform .24s,box-shadow .24s,border-color .24s}
.din-source-card:hover{transform:translateY(-4px);border-color:#b4d39a;box-shadow:0 20px 45px #1a431715}
.din-source-number{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:#658b3d}
.din-source-icon{display:grid;place-items:center;width:59px;height:59px;border-radius:15px;background:#ecf5dc;color:#5c8c12;margin:23px 0 20px}
.din-source-icon .icon{width:30px;height:30px}
.din-source-card h3{font-size:1.59rem;margin:0 0 14px}
.din-source-card p{color:#586c60;font-size:.92rem;margin-bottom:20px}
.din-scan-mini,.din-mail-mini,.din-next-mini{margin-top:auto;border-top:1px solid #e2eadd;padding-top:17px;height:68px}
.din-scan-mini{display:flex;align-items:center;gap:8px;position:relative}
.din-scan-mini>span:not(.din-scan-beam){width:34px;height:38px;border:1px solid #aec5a6;background:repeating-linear-gradient(0deg,#ebf1e6 0 4px,#b8c8b0 5px,#f9fbf7 6px);border-radius:4px;transform:rotate(-6deg)}
.din-scan-mini>span:nth-child(2){transform:rotate(4deg)}
.din-scan-mini>span:nth-child(3){transform:rotate(-2deg)}
.din-scan-mini .din-scan-beam{width:59px;height:4px;background:#84b413;box-shadow:0 0 14px #84b4137a}
.din-mail-mini,.din-next-mini{display:flex;align-items:center;gap:13px;color:#668c1b}
.din-mail-mini .icon{width:31px;height:31px}
.din-mail-mini i{width:44px;height:1px;background:#8bb858;position:relative}
.din-mail-mini i:after{content:"";position:absolute;right:0;top:-4px;border:4px solid transparent;border-left:6px solid #8bb858}
.din-next-mini{gap:7px}
.din-next-mini b{font-size:.77rem;letter-spacing:.07em;border:1px solid #c6d9b8;padding:8px 10px;border-radius:8px;color:#496b23}
.din-next-mini .icon{width:16px;height:16px}
/* 04 / Interactive panel ----------------------------------------------- */
.din-demo-section{background:#11261e;color:#fff;scroll-margin-top:98px}
.din-headline--light p{color:#bfd1c4}
.din-demo-layout{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:16px;align-items:stretch}
.din-demo-steps{display:flex;flex-direction:column;gap:11px}
.din-demo-step{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid #3d5749;border-radius:12px;padding:20px 16px;background:#1a372b;color:#eef7eb;transition:transform .2s,border-color .2s,background .2s}
.din-demo-step:hover{transform:translateX(3px);background:#244b35;border-color:#7ba646}
.din-demo-step.is-active{background:#84b413;border-color:#9fca3d;color:#11271d}
.din-step-index{font-size:.88rem;font-weight:900;color:#aed278}
.din-demo-step.is-active .din-step-index{color:#234600}
.din-demo-step strong{display:block;font-size:1.18rem;letter-spacing:-.035em;margin-bottom:4px}
.din-demo-step small{font-size:.8rem;line-height:1.5;display:block;color:#b6ccb9}
.din-demo-step.is-active small{color:#213917}
.din-demo-step .icon{width:18px;height:18px}
.din-demo-stage{border-radius:18px;background:linear-gradient(135deg,#194034,#142c24);border:1px solid #2f5842;padding:21px;box-shadow:0 18px 60px #05130b4d;overflow:hidden}
.din-demo-stage-header{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #365442;padding:0 0 16px;font-size:.67rem;letter-spacing:.09em;font-weight:760;color:#adc3b0}
.din-demo-stage-header span:first-child{display:inline-flex;align-items:center;gap:9px;color:#e4f3dd}
.din-demo-stage-header i{width:8px;height:8px;border-radius:50%;background:#b3e06d;box-shadow:0 0 0 4px #84b41333}
.din-demo-content{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:center;padding-top:23px}
.din-invoice-paper{background:#fcfdfb;border:1px solid #fff;color:#14291c;box-shadow:0 14px 34px #0a251742;padding:23px 18px;border-radius:7px;min-height:365px;transform:rotate(-1deg)}
.din-paper-head{display:flex;align-items:center;justify-content:space-between;color:#739020;font-size:.65rem;font-weight:900;letter-spacing:.09em}
.din-paper-head .icon{width:25px;height:25px;color:#719719}
.din-invoice-paper h3{font-size:1.67rem;margin:24px 0 17px}
.din-paper-rule{height:2px;background:#86b826;margin-bottom:16px}
.din-paper-facts{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 6px;font-size:.67rem;line-height:1.35}
.din-paper-facts span{color:#687969}
.din-paper-facts strong{text-align:right;font-size:.68rem;overflow-wrap:anywhere}
.din-paper-line{height:6px;border-radius:4px;background:#e4ebe0;margin-top:17px;width:95%}
.din-paper-line.short{width:70%;margin-top:8px}
.din-paper-line.thinner{width:88%;margin-top:8px}
.din-paper-total{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:20px;margin-top:20px;border-top:1px solid #d7e3d3;font-size:.72rem}
.din-paper-total strong{font-size:1rem;color:#436c0c}
.din-paper-id{display:block;color:#8e9c8f;margin-top:14px;font-size:.59rem;letter-spacing:.12em}
.din-demo-panels{min-height:350px}
.din-demo-panel[hidden]{display:none!important}
.din-panel-status{display:inline-flex;align-items:center;gap:9px;color:#c3eb82;font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:19px}
.din-panel-status .icon{width:18px;height:18px}
.din-demo-panel h3{font-size:clamp(1.55rem,2vw,2.25rem);margin:0 0 16px;color:#fff}
.din-demo-panel p{font-size:.92rem;color:#bbd0c2;line-height:1.76;margin-bottom:20px}
.din-panel-output{padding:15px 17px;border-left:3px solid #9dc850;background:#204437;border-radius:8px}
.din-panel-output span{display:block;font-size:.7rem;color:#c3d8c2;margin-bottom:6px}
.din-panel-output strong{font-size:.95rem}
.din-demo-data{display:grid;gap:9px;margin:14px 0 0}
.din-demo-data>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #3a5946;padding:9px 0;font-size:.82rem}
.din-demo-data dt{color:#afc4b6}
.din-demo-data dd{margin:0;font-weight:800;text-align:right;overflow-wrap:anywhere}
.din-demo-checks{display:grid;gap:10px;margin-top:22px}
.din-demo-checks div{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#25483a;border-radius:7px;font-size:.81rem}
.din-demo-checks .icon{color:#b4de72;width:18px;height:18px}
.din-demo-formats{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:23px}
.din-demo-formats span{border:1px solid #618f53;background:#214433;padding:8px 10px;border-radius:7px;font-size:.72rem;font-weight:770}
.din-demo-formats .icon{color:#b4df70;width:16px;height:16px}
.din-demo-footnote{font-size:.75rem;color:#a7bdaf;margin:19px 0 0}
/* 05 / Scan section ---------------------------------------------------- */
.din-scan{background:#f8faf5}
.din-scan-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,9vw,150px);align-items:center}
.din-scan-copy p{color:#51695c;font-size:1.055rem}
.din-check-list{display:grid;gap:14px;margin-top:28px;color:#26432c;font-weight:720;font-size:.9rem}
.din-check-list div{display:flex;align-items:flex-start;gap:11px}
.din-check-list .icon{width:18px;height:18px;color:#749e18;flex:0 0 auto;margin-top:4px}
.din-scan-illustration{position:relative;border-radius:18px;background:radial-gradient(circle at 50% 50%,#376541 0%,#19392b 45%,#0c261c 100%);min-height:430px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.din-scan-stack{display:flex;position:relative;gap:10px;align-items:center;transform:rotate(-7deg);z-index:1}
.din-scan-sheet{width:103px;height:185px;background:#f4f8f1;border:1px solid #cdd9c6;border-radius:6px;box-shadow:0 20px 45px #0a271d6c;padding:28px 13px;display:flex;flex-direction:column;gap:10px}
.din-scan-sheet:nth-child(2){transform:translateY(-15px);height:190px}
.din-scan-sheet:nth-child(3){transform:translateY(10px)}
.din-scan-sheet i{display:block;width:70%;height:10px;background:#84b413;border-radius:3px;margin-bottom:16px}
.din-scan-sheet span{height:7px;width:100%;border-radius:3px;background:#cbd8c5}
.din-scan-sheet span:last-child{width:65%}
.din-scan-label{position:absolute;z-index:2;bottom:24px;left:25px;right:25px;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:center;background:#0d271fd9;padding:13px 16px;border:1px solid #5d8451;border-radius:12px;color:#fff}
.din-scan-label .icon{grid-row:1/3;color:#afd66b}
.din-scan-label strong{font-size:.82rem}
.din-scan-label span{font-size:.68rem;color:#c0d3c3}
.din-scan-glow{position:absolute;width:200px;height:7px;border-radius:50%;background:#98ce28;filter:blur(15px);top:43%;left:23%;opacity:.7}
/* 06 / two service paths ----------------------------------------------- */
.din-models{background:#edf4e8}
.din-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.din-model-card{background:#fff;border:1px solid #dce7d6;padding:clamp(25px,3vw,43px);border-radius:17px}
.din-model-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5d8b19;font-weight:830;letter-spacing:.14em;font-size:.69rem;margin-bottom:36px}
.din-model-top .icon{width:33px;height:33px}
.din-model-card h3{font-size:clamp(1.65rem,2.5vw,2.45rem);margin-bottom:18px}
.din-model-card p{color:#54695b;margin:0 0 27px;font-size:.95rem}
.din-model-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.din-model-card li{font-size:.87rem;line-height:1.5;display:flex;gap:10px;align-items:baseline;font-weight:700}
.din-model-card li:before{content:"";height:8px;width:8px;border-radius:50%;background:#83b425;flex:0 0 auto}
.din-model-card--dark{background:#183a2b;color:#fff;border-color:#214a35}
.din-model-card--dark .din-model-top{color:#b8e67e}
.din-model-card--dark p{color:#c2d6c6}
/* 07 / integrations ---------------------------------------------------- */
.din-integrations{background:#fff}
.din-integration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.din-integration-copy p{color:#506659;font-size:1.055rem;margin-bottom:25px}
.din-integrations-visual{background:#102b20;border-radius:18px;padding:35px 30px;min-height:382px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px}
.din-integration-center{text-align:center;background:#284a34;border:1px solid #729949;color:#fff;border-radius:13px;padding:19px 26px;display:flex;flex-direction:column;align-items:center;gap:8px}
.din-integration-center>.icon{color:#b5e077;width:33px;height:33px}
.din-integration-center strong{font-size:1.28rem;letter-spacing:-.04em}
.din-integration-center small{color:#bfd1c2}
.din-integration-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;position:relative}
.din-integration-branches>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;color:#e7f4e3;font-size:.78rem;font-weight:760;border:1px solid #3b6047;background:#1a3a2a;padding:17px 8px;border-radius:10px}
.din-integration-branches .icon{color:#b1db70;width:25px;height:25px}
.din-integration-note{color:#aec1af;font-size:.65rem;text-align:center}
/* 08 / FAQ + CTA ------------------------------------------------------- */
.din-faq{background:#f6f8f4}
.din-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:11%}
.din-faq-grid>div:first-child>p{max-width:420px}
.din-faq-list details{border-top:1px solid #cad8c9}
.din-faq-list details:last-child{border-bottom:1px solid #cad8c9}
.din-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:1.06rem;line-height:1.45;font-weight:800;padding:24px 4px}
.din-faq-list summary::-webkit-details-marker{display:none}
.din-faq-list summary .icon{width:21px;height:21px;flex:none;transition:transform .2s}
.din-faq-list details[open] summary .icon{transform:rotate(180deg)}
.din-faq-list details p{font-size:.92rem;padding:0 42px 22px 4px;margin:0;color:#53675a}
.din-cta{background:#122c21;color:#fff;padding:clamp(66px,6vw,95px) 0}
.din-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}
.din-cta h2{font-size:clamp(2.15rem,3.5vw,3.85rem);max-width:850px;margin:14px 0 17px;color:#fff}
.din-cta p{color:#bbd0bd;max-width:660px;font-size:1.02rem;margin:0}
.din-cta .btn{flex:0 0 auto}
/* Responsive ---------------------------------------------------------- */
@media(max-width:1180px){
 .din-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:34px}
 .din-hero h1{font-size:clamp(3.1rem,5vw,4.5rem)}
 .din-source-card{padding:24px 20px}
 .din-demo-layout{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}
 .din-demo-content{grid-template-columns:1fr;gap:18px}
 .din-demo-stage{padding:16px}
 .din-invoice-paper{display:none}
 .din-demo-panels{min-height:unset}
}
@media(max-width:980px){
 .din-hero-grid,.din-intro-grid,.din-scan-layout,.din-integration-grid,.din-faq-grid{grid-template-columns:1fr}
 .din-hero-grid{min-height:0;padding-block:45px 67px}
 .din-breadcrumb{margin-bottom:30px}
 .din-hero h1{max-width:15ch;font-size:clamp(3.1rem,7.5vw,5rem)}
 .din-hero-photo{height:410px}
 .din-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .din-source-card:last-child{grid-column:1/-1;min-height:280px}
 .din-demo-layout{grid-template-columns:1fr}
 .din-demo-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .din-demo-content{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
 .din-invoice-paper{display:block}
 .din-faq-grid{gap:26px}
 .din-integrations-visual{max-width:640px;margin-inline:auto;width:100%}
}
@media(max-width:680px){
 .din-section{padding:66px 0}
 .din-hero-grid{padding-block:28px 50px}
 .din-breadcrumb{font-size:.7rem;margin-bottom:23px}
 .din-hero h1{font-size:clamp(2.6rem,11vw,4.2rem)}
 .din-hero-lead{font-size:1rem}
 .din-actions{display:grid;grid-template-columns:1fr}
 .din-actions>*{width:100%}
 .din-hero-tags{margin-top:26px;gap:11px}
 .din-hero-photo{height:290px;border-radius:65px 12px 12px 12px}
 .din-hero-stamp{position:relative;margin-top:-14px;max-width:100%;padding:14px 17px}
 .din-stamp-row{font-size:.72rem}
 .din-headline{margin-bottom:26px}
 .din-source-grid,.din-model-grid,.din-demo-steps{grid-template-columns:1fr}
 .din-source-card,.din-source-card:last-child{grid-column:auto;min-height:310px}
 .din-demo-step{padding:14px;grid-template-columns:32px minmax(0,1fr) 18px}
 .din-demo-step strong{font-size:1.02rem}
 .din-demo-step small{font-size:.76rem}
 .din-demo-content{grid-template-columns:1fr}
 .din-invoice-paper{display:block;min-height:300px;max-width:390px;width:100%;margin:auto}
 .din-demo-panels{min-height:250px}
 .din-demo-stage-header{font-size:.59rem}
 .din-demo-panel h3{font-size:1.57rem}
 .din-scan-illustration{min-height:340px}
 .din-scan-sheet{width:80px;height:145px;padding:20px 10px}
 .din-scan-sheet:nth-child(2){height:150px}
 .din-scan-label{bottom:17px;left:16px;right:16px}
 .din-model-card{padding:24px}
 .din-integration-branches>div{font-size:.68rem}
 .din-integrations-visual{padding:25px 16px;min-height:330px}
 .din-cta-grid{align-items:stretch;flex-direction:column}
 .din-cta-grid .btn{align-self:flex-start}
}
@media(max-width:370px){
 .din-page main h1{overflow-wrap:normal}
 .din-hero h1{font-size:2.55rem}
 .din-hero-tags span{font-size:.72rem}
 .din-invoice-paper{padding:18px 14px}
 .din-paper-facts{font-size:.62rem}
 .din-demo-formats span{font-size:.63rem;padding:6px 8px}
 .din-integration-center{padding:18px 16px}
 .din-integration-branches{gap:6px}
 .din-integration-branches>div{padding:12px 4px;font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){.din-page main *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Very narrow devices: prevent long German compound nouns from exceeding cards. */
@media(max-width:680px){.din-page main h1,.din-page main h2,.din-page main h3{overflow-wrap:anywhere}}