@font-face{font-family:RobotoLocal;src:url('/assets/fonts/Roboto-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap} body :is(p,a,span,li,h1,h2,h3,h4,h5,h6,button,input,textarea,select,label,blockquote):not(.fa){font-family:RobotoLocal,sans-serif!important} body.clone-home #header .mod_navigation a, #header .mod_navigation ul li a{font-family:RobotoLocal,sans-serif!important} body.clone-home .logo:after{font-family:RobotoLocal,sans-serif!important} body{font-family:RobotoLocal,sans-serif!important}
@media(min-width:801px){body:not(.clone-home) #header{min-height:150px}body:not(.clone-home) #header>.inside{height:150px;display:flex;align-items:center;gap:32px;max-width:1180px;margin:auto;padding:0 24px}body:not(.clone-home) #header .logo{flex:0 0 250px;width:250px;background:none}body:not(.clone-home) #header .mainmenu{margin-left:auto}body:not(.clone-home) #header .mainmenu>ul.level_1{display:flex;align-items:center;gap:clamp(12px,2vw,26px);margin:0;padding:0}body:not(.clone-home) #header .mainmenu>ul.level_1>li>ol.inner{margin:0;padding:0}body:not(.clone-home) #header .mainmenu>ul.level_1>li>a,body:not(.clone-home) #header .mainmenu>ul.level_1>li>ol.inner>li>a{font:14px/1.2 RobotoLocal,sans-serif;white-space:nowrap}body:not(.clone-home) #top>.inside{max-width:1180px;margin:auto;padding:0 24px;min-height:37px;display:flex;align-items:center;gap:22px}body:not(.clone-home) #top .mod_socials{order:3;margin-left:auto}body:not(.clone-home) #top .clear{display:none}}

/* Einheitlicher Kopf und vier gleich breite Footer-Spalten */
#footer .autogrid_wrapper:before,#footer .autogrid_wrapper:after{display:none!important} body.clone-home #footer{background:#3e3e3e;color:#aaa}body.clone-home #footer h4{color:#ddd}body.clone-home #footer ul{list-style:none;padding:0;margin:0}body.clone-home #footer li{border-bottom:1px solid #666;padding:8px 0}body.clone-home #footer li:before{content:"›";margin-right:12px}
body.clone-home #header .logo{background:none}body.clone-home #header .logo:after{content:none}body.clone-home #header .logo a{background:url(/files/cto_layout/themedesigner/uploads/nachgezeichnet-mk-ohne-bg.png) left center/contain no-repeat}body #top{font-family:RobotoLocal,sans-serif}
@media(min-width:801px){body.clone-home #header .logo{flex:0 0 250px;width:250px}body.clone-home #header .inside{max-width:1180px;padding:0 24px;gap:32px}}
/* Abschlusszeile und Kopf der Startseite */
body.clone-home #bottom{background:#e60f17;color:#fff;padding:20px 0;font-size:14px}body.clone-home #bottom>.inside{max-width:1180px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;gap:24px}body.clone-home #bottom a{color:inherit;text-decoration:none}body.clone-home #bottom .right a+a{margin-left:16px}body.clone-home #footer{padding-bottom:55px}body.clone-home #top{color:#111}body.clone-home #top a{text-decoration:none}
@media(min-width:801px){body.clone-home #header .mod_navigation ul{gap:clamp(16px,2.7vw,36px)}body.clone-home #header .mod_navigation a{font-size:16px}}@media(max-width:800px){body.clone-home #bottom>.inside{flex-wrap:wrap}body.clone-home #footer .hide-mobile{display:none}}
/* Lesbarkeit und Footer */
body:not(.clone-home) #main .ce_text p,body:not(.clone-home) #main .ce_text_extented p,body:not(.clone-home) #main .osm-attribution{color:#f8f8f8}
#footer>.inside{display:block;max-width:1180px;margin:0 auto;padding:0 24px}#footer .autogrid_wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}#footer .autogrid_wrapper>.autogrid{width:auto;float:none;margin:0;min-width:0}#footer .autogrid_wrapper img{max-width:100%;height:auto}@media(max-width:800px){#footer .autogrid_wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){#footer .autogrid_wrapper{grid-template-columns:1fr}}
@media(min-width:801px){body.clone-home #header{min-height:150px}body.clone-home #header .inside{height:150px}}

/* Navigation und Logo */
@media(min-width:801px){body.clone-home #header .inside{gap:32px}body.clone-home #header .logo{flex:0 0 250px;width:250px}body.clone-home #header .logo:after{font:700 15px/1.25 Arial,sans-serif;letter-spacing:0;top:28px}body.clone-home #header .mod_navigation{min-width:0}body.clone-home #header .mod_navigation ul{gap:clamp(16px,2.7vw,36px)}body.clone-home #header .mod_navigation a{font:16px/1.2 RobotoLocal,sans-serif;white-space:nowrap}}
:root{--ink:#141414;--accent:#a52522;--gold:#827022;--paper:#fff;--muted:#eee8dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#292929;background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}#top-wrapper{background:#090909;color:#eee}#top{background:var(--gold);font:14px/1.25 Georgia,serif}#top .inside,#header .inside,#wrapper .inside,footer .inside{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}#top .inside{min-height:37px;display:flex;align-items:center;gap:22px}.mod_socials{margin-left:auto;order:3}.mod_socials a{margin-left:15px;text-decoration:none}.meta-nav a{text-decoration:none}#header{min-height:237px;background:#090909}#header .inside{height:237px;display:flex;align-items:center}.logo{width:230px;height:90px;background:center/contain no-repeat url('../media/649d5b6a2d2d037c.png')}.logo a{display:block;height:100%}.mod_navigation{margin-left:auto}.mod_navigation ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.mod_navigation a{color:#bbb;text-decoration:none;font:18px Georgia,serif;text-transform:uppercase}.mod_navigation .active a,.mod_navigation a:hover{color:var(--accent)}.offcanvas-trigger{display:none}#slider{background:#181818}.clone-hero{min-height:460px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.8)),url('../../files/herting/referenzen/_Fassade/096A7642.jpg') center/cover}.clone-hero__inner{width:min(1180px,100%);margin:auto;padding:70px 48px 60px 59%;color:#fff}.clone-hero h1{font:700 clamp(34px,4vw,58px)/1.16 Georgia,serif;margin:0 0 30px}.clone-button{display:inline-block;border:1px solid #bfa427;padding:13px 22px;margin:5px 8px 5px 0;color:#fff;text-decoration:none;font-weight:bold}.clone-button--outline{border-color:#ddd}.clone-button:hover{background:var(--accent);border-color:var(--accent)}#main{max-width:1180px;margin:auto;padding:65px 24px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:#262626;line-height:1.2}h1{font-size:40px}h2{font-size:31px}h3{font-size:22px}.clone-intro{max-width:860px;margin:0 auto 62px;text-align:center;font-size:18px}.clone-intro h2{font-size:37px}.clone-rule{width:92px;margin:22px auto 30px;border:0;border-top:2px solid var(--gold)}.clone-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;align-items:start}.clone-video{background:#111;color:#eee;min-height:260px;display:grid;place-items:center;text-align:center;padding:40px}.clone-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -24px 68px}.clone-gallery a{display:block;aspect-ratio:1;overflow:hidden}.clone-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.clone-gallery img:hover{transform:scale(1.08)}.clone-band{margin:0 -24px;padding:70px 24px;background:#f1f0ec}.clone-band .inner{max-width:1120px;margin:auto}.clone-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.clone-card{background:#fff;padding:25px;border-top:3px solid var(--gold)}.clone-card a{color:var(--accent);font-weight:bold}.clone-map{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#161616;color:#fff}.clone-map img{width:100%;height:360px;object-fit:cover}.clone-map__copy{padding:42px}.clone-map__copy h2{color:#fff}.clone-map__copy a{color:#fff}.osm-attribution{font-size:12px;margin-top:20px}footer{background:#222;color:#ddd;padding:55px 0 0}footer h4{font:20px Georgia,serif;color:#fff;margin:0 0 16px}footer .inside{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer a{color:#ddd;text-decoration:none}footer .copyright{grid-column:1/-1;border-top:1px solid #444;margin-top:30px;padding:18px 0;font-size:13px}.cookiebar{position:fixed;z-index:1000;bottom:0;left:0;right:0;padding:20px 4.7%;background:#050505;color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 -4px 22px #0007}.cookiebar p{margin:0;flex:1;font:15px/1.55 Georgia,serif}.cookiebar button{border:0;background:#d5352c;color:#fff;padding:14px 32px;font-weight:bold;cursor:pointer}.cookiebar[hidden]{display:none}.clone-lightbox{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background:#000d;padding:30px}.clone-lightbox img{max-width:92vw;max-height:88vh}.clone-lightbox button{position:absolute;top:20px;right:25px;border:0;background:transparent;color:#fff;font-size:44px;cursor:pointer}.map-static{position:relative}.map-static:after{content:'●';position:absolute;left:61%;top:38%;color:var(--accent);font-size:36px;text-shadow:0 0 3px #fff}@media(max-width:800px){#top .inside{justify-content:center;min-height:42px}.mod_socials{display:none}#header{min-height:115px}#header .inside{height:115px;justify-content:space-between}.mod_navigation{display:none}.offcanvas-trigger{display:block;width:35px;height:24px;border-top:3px solid #ddd;border-bottom:3px solid #ddd;position:relative}.offcanvas-trigger:after{content:'';position:absolute;left:0;right:0;top:9px;border-top:3px solid #ddd}.nav-open .mod_navigation{display:block;position:absolute;z-index:900;left:0;right:0;top:157px;background:#090909;padding:25px}.nav-open .mod_navigation ul{display:block}.nav-open .mod_navigation li{padding:8px}.clone-hero__inner{padding:55px 24px}.clone-hero{min-height:390px}.clone-columns,.clone-map,footer .inside{grid-template-columns:1fr}.clone-gallery{grid-template-columns:repeat(2,1fr)}.clone-card-grid{grid-template-columns:1fr}.clone-map img{height:300px}.cookiebar{display:block}.cookiebar button{margin:12px 8px 0 0}.mod_top_phone{display:none}}

#cookiebar_optin_219{display:none!important}
.logo{width:250px;background:left center/56px auto no-repeat url('../media/649d5b6a2d2d037c.png');position:relative}.logo:after{content:'christof herting\A werkstätte für dekorative malerarbeiten';white-space:pre;position:absolute;left:66px;top:21px;color:#c5c5c5;font:700 23px/1.15 Arial,sans-serif;letter-spacing:-1px}.logo a{position:relative;z-index:1}.clone-hero h1{color:#fff}
body:not(.clone-home) .logo:after{content:none}

@media(max-width:800px){body:not(.clone-home) #main{width:100%;max-width:none;padding:35px 20px}body:not(.clone-home) #main .inside{width:auto;max-width:none;margin:0;padding:0}body:not(.clone-home) #main .autogrid_wrapper{margin-left:0;margin-right:0}body:not(.clone-home) #main .ce_autogridwrapper{width:100%!important;float:none!important;margin:0 0 24px!important;padding:0!important}body:not(.clone-home) #main .ce_gallery img{width:100%;height:auto}body:not(.clone-home) #main .ce_text_extented{text-align:left}body:not(.clone-home) #header>.inside{display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 20px}body:not(.clone-home) #header .logo{width:220px;height:75px;background:none}body:not(.clone-home) #header #nav-open-btn{display:block;position:relative;width:32px;height:24px;border-top:3px solid #fff;border-bottom:3px solid #fff;font-size:0}body:not(.clone-home) #header #nav-open-btn:after{content:'';position:absolute;left:0;right:0;top:8px;border-top:3px solid #fff}body:not(.clone-home) #header .mainmenu{display:none}html.nav-open body:not(.clone-home) #header .mainmenu{display:block;position:absolute;top:142px;left:0;right:0;background:#090909;z-index:900;padding:20px}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_1{display:block}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_1>li{display:block;float:none;margin:0;padding:8px}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_2{display:none}body.clone-home .offcanvas-trigger{background:transparent;border-left:0;border-right:0;padding:0;cursor:pointer}}
@media(max-width:800px){body:not(.clone-home) #header.original{visibility:visible}body:not(.clone-home) #main .ce_gallery .cols_1 li{width:100%}body:not(.clone-home) #top .offcanvas-trigger{display:none}body:not(.clone-home) #header #nav-open-btn{right:auto;cursor:pointer}body:not(.clone-home) #header #nav-open-btn:before{content:none}body:not(.clone-home) #header .logo a{display:block;width:100%;height:100%;background:url(/files/cto_layout/themedesigner/uploads/nachgezeichnet-mk-ohne-bg.png) left center/contain no-repeat}}
@media(max-width:800px){body:not(.clone-home) #top{display:block;background:#ffca08;color:#111}body:not(.clone-home) #top>.inside{min-height:42px;display:flex;align-items:center;justify-content:center;gap:12px;padding:5px 12px;font-size:12px;line-height:1.3}body:not(.clone-home) #top .mod_top_phone{display:block}body:not(.clone-home) #top a{color:#111}html.nav-open body:not(.clone-home) .mod_navigation:not(.mainmenu){display:none!important}html.nav-open body:not(.clone-home) #header .mainmenu{top:100%;padding:10px 20px;line-height:1.3}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_1,html.nav-open body:not(.clone-home) #header .mainmenu ol.inner{display:block;margin:0;padding:0;list-style:none}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_1 li{display:block;float:none;margin:0;padding:0;line-height:1.3;width:100%}html.nav-open body:not(.clone-home) #header .mainmenu ul.level_1 a:not(.invisible){display:block;line-height:1.3;padding:12px 0;text-align:left}}
.map-static:after{content:none}.map-static>img{display:block;width:100%;height:auto!important;max-width:100%}
@media(max-width:800px){#footer .autogrid_wrapper>.hide-mobile{display:block!important}#footer .footer-col3 img{max-width:220px;width:100%;height:auto}body.clone-home #top{background:#ffca08;color:#111}body.clone-home #top>.inside{min-height:42px;gap:12px;padding:5px 12px;font-size:12px;line-height:1.3}body.clone-home #header>.inside{height:100px;padding:0 20px}body.clone-home #header{min-height:100px}body.clone-home #header .logo{width:220px;height:75px}body.clone-home #header .offcanvas-trigger{width:32px;height:24px;border-top:3px solid #fff;border-bottom:3px solid #fff}html.nav-open body.clone-home #header .mod_navigation{top:100%;padding:10px 20px}html.nav-open body.clone-home #header .mod_navigation li{padding:0}html.nav-open body.clone-home #header .mod_navigation a{display:block;padding:12px 0;line-height:1.3;font-size:16px;color:#fff}html.nav-open body.clone-home #header .mod_navigation .active a{color:#e60f17}body.clone-home #footer .mod_socials{display:block}}
@media(min-width:801px){body:not(.clone-home) #header .mainmenu>ul.level_1>li,body:not(.clone-home) #header .mainmenu>ul.level_1>li>ol.inner>li{margin-left:0;margin-right:0}body:not(.clone-home) #header .mainmenu>ul.level_1{gap:clamp(10px,1.5vw,20px)}body:not(.clone-home) #header .mainmenu>ul.level_1 a{padding-left:0;padding-right:0}}

@media(max-width:800px){body.clone-home #header{position:relative}}

@media(min-width:801px) and (max-width:1100px){body #header .logo{flex:0 0 180px!important;width:180px!important}body #header .inside{gap:12px!important}body.clone-home #header .mod_navigation ul{gap:10px}body.clone-home #header .mod_navigation a,body:not(.clone-home) #header .mainmenu>ul.level_1 a{font-size:12px!important}body:not(.clone-home) #header .mainmenu>ul.level_1{gap:10px}body:not(.clone-home) #header.original{visibility:visible!important}body:not(.clone-home) #header .mainmenu{display:block!important}body:not(.clone-home) #header #nav-open-btn,body:not(.clone-home) #header .offcanvas-trigger{display:none!important}body:not(.clone-home) #top .mod_top_phone{display:block!important}}

@media(min-width:801px) and (max-width:1100px){body:not(.clone-home) #top .offcanvas-trigger{display:none!important}}

@media (min-width:801px) and (max-width:1100px){body:not(.clone-home) #header .smartmenu{display:none!important}}