@font-face{font-family:Oswald;src:url('assets/oswald-v57-latin-300.woff2') format('woff2');font-weight:300;font-display:swap}@font-face{font-family:Oswald;src:url('assets/oswald-v57-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url('assets/oswald-v57-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Parisienne;src:url('assets/parisienne-v14-latin-regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;color:#373737;font:300 18px/1.5 Oswald,Arial,sans-serif}img{max-width:100%;height:auto}a{color:#6c8ba1;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #bc7c22;outline-offset:4px}.wrap{width:90%;max-width:988px;margin:auto}h1,h2{font-size:36px;font-weight:300;line-height:1.15;text-transform:uppercase;margin:0 0 40px}p{margin:0 0 10px}figure{margin:0}figcaption{font-size:15px}blockquote{font:24px Parisienne,cursive;margin:20px 0}.site-header{position:fixed;z-index:10;top:0;left:0;width:100%;background:#fff;border-top:30px solid #1e2832;box-shadow:0 0 5px #aaa}.header-inner{position:relative;max-width:988px;width:90%;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;min-height:110px}.logo{display:block;margin:20px 0}.logo img{display:block}.navigation summary{display:none}.navigation nav{display:flex;gap:30px;padding-bottom:20px}.navigation nav a{font-size:24px;text-transform:uppercase;color:#373737}.languages{position:absolute;right:-145px;top:-10px;background:#6c8ba1;border-radius:27px;padding:15px;color:#fff;box-shadow:0 0 5px 2px white;font-size:16px;white-space:nowrap}.languages a{color:#fff}.progress{height:5px;background:#6c8ba1}main{padding-top:145px}.hero{position:relative;height:min(650px,calc(100vh - 200px));min-height:310px;overflow:hidden;background:#1e2832}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;right:7%;top:50%;transform:translateY(-50%);width:min(28vw,400px);height:min(28vw,400px);background:url('assets/header-zusatz.png') center/contain no-repeat}.hero-caption{position:absolute;left:7%;top:50%;transform:translateY(-50%);padding:8px 30px;background:#000c;color:white;text-transform:uppercase;font-size:50px}.hero button{position:absolute;bottom:16px;background:#1e2832aa;border:0;color:white;font-size:28px;cursor:pointer}.slide-prev{left:20px}.slide-next{left:55px}.history,.products,.contact,.legal{padding:65px 0}.section-title{text-align:center;margin-bottom:35px}.section-title h1,.section-title h2{margin:0}.section-title p{font:24px Parisienne,cursive;margin:5px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.columns figure{margin-bottom:25px}.columns figure img{width:100%}.blue-banner{background:#6c8ba1;text-align:center;padding:10px}.blue-banner img{display:block;margin:auto}.fairs{padding:60px 0;display:flow-root}.fairs figure{float:right;margin:0 0 20px 40px;max-width:35%}.office{background:#1e2832;color:#fff;padding:55px 0}.office-images{display:flex;gap:12px;align-items:start}.office-images figure{flex:1}.products>p{margin-bottom:30px}.product{margin-bottom:10px}.product summary{position:relative;cursor:pointer;background:#161616;color:white;padding:10px 45px 10px 20px;text-transform:uppercase;font-weight:400;list-style:none}.product summary::-webkit-details-marker{display:none}.product summary:after{content:'›';position:absolute;right:16px;font-size:30px;line-height:25px}.product[open] summary{background:#dadada;color:#161616}.product[open] summary:after{transform:rotate(90deg)}.product-content{display:flow-root;padding:20px}.product-content figure{float:right;margin:0 0 20px 30px;max-width:40%}.product-content figure~figure{clear:right}.product-content ul{padding-left:25px}.contact-image{display:block;height:420px;overflow:hidden}.contact-image img{height:100%;width:100%;object-fit:cover}.mail-button{display:inline-block;background:#1e2832;color:#fff;padding:8px 20px;margin-top:15px}.legal{max-width:988px}.legal h1{text-align:center}.legal h2,.legal h3{font:24px Parisienne,cursive;text-transform:none;margin:30px 0 12px}.legal ul{padding-left:25px}footer{background:#161616;color:white;font-size:16px;padding:30px 0}footer a,footer h2{color:white}footer h2{font-size:16px;font-weight:700;margin:0 0 10px}footer .wrap{position:relative}footer address{font-style:normal}footer hr{border:0;height:8px}.footer-content{display:flex;gap:30px}footer nav{position:absolute;right:0;top:0;display:flex;gap:20px}footer>.wrap>a:last-child{position:absolute;right:0;bottom:0;width:60px}.page-controls{position:fixed;right:15px;bottom:30px;background:#fff;opacity:.8;display:grid;padding:4px;z-index:5}.page-controls a{color:white;background:#888;text-align:center;width:25px;margin:2px} @media(max-width:1300px){.languages{right:0;top:-30px;padding:5px 15px;box-shadow:none}}@media(max-width:767px){html{scroll-padding-top:105px}.site-header{border-top-width:20px}.header-inner{min-height:76px;align-items:center}.logo{margin:12px 0}.logo img{width:200px;height:auto}.navigation summary{display:block;cursor:pointer;list-style:none;font-size:17px}.navigation summary span{font-size:25px}.navigation nav{display:none;position:absolute;top:100%;left:-5.5%;right:-5.5%;padding:8px 5%;background:#fff;box-shadow:0 4px 5px #0003;flex-direction:column;gap:0}.navigation[open] nav{display:flex}.navigation nav a{padding:8px 0;font-size:20px}.languages{top:-20px;font-size:13px;padding:2px 10px}main{padding-top:101px}.hero{height:50vh;min-height:240px}.hero-caption{font-size:26px;left:5%;padding:8px 14px}.hero:after{right:5%;width:32vw;height:32vw}.columns{grid-template-columns:1fr;gap:30px}.history,.products,.contact,.legal{padding:45px 0}.fairs figure{float:none;max-width:100%;margin:0 0 20px}.office-images{flex-direction:column}.contact-image{height:260px}h1,h2{font-size:30px}.footer-content{display:block}.footer-content img{margin-bottom:15px}footer nav{position:static;margin:20px 0}.product-content figure{float:none;max-width:100%;margin:0 0 20px}}
.hero{height:calc(100vh - 200px);max-height:none}.history:before,.products:before,.contact:before,.legal:before{content:'';display:block;height:30px;margin:0 0 34px;background:linear-gradient(#373737,#373737) left center/calc(50% - 60px) 2px no-repeat,linear-gradient(#373737,#373737) right center/calc(50% - 60px) 2px no-repeat,url('assets/logo-klein.jpg') center/auto 30px no-repeat}@media(max-width:767px){.site-header{border-top-width:40px}.header-inner{min-height:83px}.languages{top:-40px;right:0;background:none;border-radius:0;padding:7px 0;font-size:16px}.navigation summary{font-size:0}.navigation summary span{display:block;font-size:0;width:48px;height:40px;border-top:6px solid #1e2832;border-bottom:6px solid #1e2832;position:relative}.navigation summary span:after{content:'';position:absolute;top:11px;left:0;width:100%;border-top:6px solid #1e2832}main{padding-top:128px}.hero{height:auto;min-height:0;padding-bottom:76px;background:#161616;overflow:hidden}.hero>img{display:block;height:auto;aspect-ratio:1.95;object-fit:cover}.hero:after{top:34%;width:130px;height:130px;transform:translateY(-50%)}.hero-caption{top:auto;bottom:0;transform:none;left:0;width:100%;height:76px;background:#161616;font-size:24px;text-align:center;padding:20px 0;white-space:nowrap}.hero button{bottom:80px;font-size:18px}.history:before,.products:before,.contact:before,.legal:before{margin-bottom:14px}}
.history .columns figure{text-align:center}.history .columns figure img{width:auto;max-width:100%}figure{position:relative}figure figcaption{position:absolute;bottom:0;left:0;right:0;background:#ffffffe8;padding:15px;color:#373737;opacity:0;transition:opacity .2s}figure:hover figcaption,figure:focus-within figcaption{opacity:1}.hero button{bottom:10px;left:calc(50% - 20px);width:11px;height:11px;border:2px solid #161616;border-radius:50%;padding:0;font-size:0;background:#fff}.hero .slide-next{left:calc(50% + 3px);background:#161616} @media(max-width:767px){.hero button{bottom:auto;top:14px;left:20px}.hero .slide-next{left:39px}footer nav{display:grid;gap:5px;text-align:center}footer nav a{background:#2d2d2d;padding:5px}footer .footer-content img{display:none}footer>.wrap>a:last-child{position:static;display:block;margin:20px auto 0;width:55px}.page-controls{display:none}}
.image-dialog{max-width:95vw;max-height:95vh;border:0;background:#161616;padding:36px 10px 10px}.image-dialog::backdrop{background:#000d}.image-dialog img{display:block;max-width:90vw;max-height:85vh;width:auto;height:auto}.image-dialog button{position:absolute;right:8px;top:2px;background:transparent;color:white;border:0;font-size:30px;line-height:30px;cursor:pointer}
/* Abgleich mit den Abständen und Umbrüchen der Vorlage. */
body{line-height:normal}.history .columns p,.fairs p,.fairs li,.office p,.products p,.product-content,.contact p,.legal p,.legal li{line-height:1.6}.section-title{margin-bottom:40px}.section-title h1,.section-title h2{line-height:1}.section-title p{line-height:normal;margin:5px 0 0}.history .columns>div:first-child figure{text-align:right}.history .columns>div:nth-child(2) figure{text-align:left}.columns figure{line-height:0;margin-bottom:30px}.columns figure figcaption{line-height:1.6}.history:before,.products:before,.contact:before,.legal:before{width:100vw;max-width:calc(100vw - 10%);position:relative;left:50%;transform:translateX(-50%);margin-bottom:0}.history,.products,.contact,.legal{padding-top:50px;padding-bottom:50px}.history:before,.products:before,.contact:before,.legal:before{margin-bottom:0}.fairs{padding-top:50px;padding-bottom:0}.office{margin-top:50px;background:#fff;color:#373737;padding:50px 0}.office-images{gap:10px}.office-images figure{flex:0 1 auto}.office-images figure img{display:block}.product summary:after{content:none}.contact .columns>div:first-child figure{text-align:right}.contact .columns figure img{width:auto}.mail-button{background:#000;color:#fff;font-weight:700;font-size:18px;padding:3px 20px;margin-top:30px}.legal h1{margin-bottom:0}.legal:before{margin-bottom:0}.languages{right:-173px}footer{padding:30px 0 20px}footer address{line-height:normal}.page-controls{bottom:30px}
@media(max-width:1400px){.languages{right:0;top:-10px;padding:5px 15px}}
@media(max-width:950px){.hero{height:auto;min-height:0;padding-bottom:0;background:#161616;overflow:hidden}.hero>img{display:block;height:auto;aspect-ratio:2;object-fit:cover}.hero-caption{position:static;transform:none;width:100%;background:#161616;font-size:30px;text-align:center;padding:20px 5% 10px;white-space:normal}.hero:after{top:150px;right:20px;bottom:auto;width:min(36vw,300px);height:min(36vw,300px);transform:none}.hero button{top:14px;bottom:auto;left:20px}.hero .slide-next{left:39px}}
@media(max-width:850px){html{scroll-padding-top:120px}.site-header{border-top-width:30px}.header-inner{min-height:83px;align-items:center}.logo{margin:20px 0 15px}.logo img{width:200px;height:auto}.navigation summary{display:block;cursor:pointer;list-style:none;font-size:0}.navigation summary span{display:block;font-size:0;width:48px;height:40px;border-top:6px solid #1e2832;border-bottom:6px solid #1e2832;position:relative}.navigation summary span:after{content:'';position:absolute;top:11px;left:0;width:100%;border-top:6px solid #1e2832}.navigation nav{display:none;position:absolute;top:100%;left:-5.5%;right:-5.5%;padding:0;background:#1e2832e6;box-shadow:none;flex-direction:column;gap:0}.navigation[open] nav{display:flex}.navigation nav a{padding:20px;text-align:center;color:white;font-size:24px;border-bottom:1px solid white}.languages{top:24px;right:100px;background:#6c8ba1;border-radius:20px 0 0 20px;padding:7px 10px 7px 15px;font-size:16px}main{padding-top:118px}.columns{grid-template-columns:1fr;gap:20px}.history .columns>div:first-child figure,.history .columns>div:nth-child(2) figure,.contact .columns>div:first-child figure{text-align:left}.fairs figure{float:none;max-width:100%;margin:0 0 10px}.office-images{flex-direction:column}.office-images figure{flex:auto}.product-content figure{float:none;max-width:100%;margin:0 0 10px}.product-content{padding:20px 0 10px}.page-controls{display:grid}}
@media(max-width:600px){h1,h2{font-size:24px;line-height:24px}.section-title p{font-size:22px}.hero-caption{font-size:24px}.hero:after{top:100px}.history,.products,.contact,.legal{padding-top:50px;padding-bottom:50px}.section-title{margin-bottom:30px}.legal h1{margin-bottom:0}}
@media(max-width:500px){.site-header{border-top-width:40px}.languages{top:-34px;right:0;background:none;padding:0;border-radius:0}main{padding-top:128px}}
@media(max-width:450px){.hero:after{top:50px;right:15px;width:130px;height:130px}.office-images{align-items:flex-start}.page-controls{display:none}footer>.wrap>a:last-child{width:100%;border-top:1px solid #fff;padding-top:20px;text-align:center}footer>.wrap>a:last-child img{width:60px}}
.hero .slide-dot{left:calc(50% + 17px);background:#161616}.hero .dot-3{left:calc(50% + 31px)}.hero .dot-4{left:calc(50% + 45px)}@media(max-width:950px){.hero .slide-next{left:34px}.hero .dot-2{left:48px}.hero .dot-3{left:62px}.hero .dot-4{left:76px}}
main ul{padding:0;margin:0 0 10px;list-style:none}main ul li{padding-left:20px;position:relative;margin-bottom:10px}main ul li:last-child{margin-bottom:0}main ul li:before{content:'>';position:absolute;left:8px;top:0;color:#161616;font-weight:700}.footer-content address{display:flex;gap:75px}@media(max-width:600px){.footer-content address{display:block}.footer-content address span{display:block;margin-bottom:10px}}
.hero button[aria-pressed="true"]{background:transparent}.hero button[aria-pressed="false"]{background:#161616}