:root{
  --red:#e30613;
  --black:#181818;
  --dark:#2b2b2b;
  --gray:#efefef;
  --mid:#777;
  --line:#dedede;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#555;background:#fff;font-size:15px;line-height:1.55}
a{color:#d71920;text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,94%);margin:auto}

/* old-site style header */
.topline{height:5px;background:var(--red)}
.header{background:#fff}
.header-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:300px;max-width:100%;height:auto;display:block}
.contact-top{text-align:right;color:#555;line-height:1.6}
.contact-top .phone{font-size:21px;font-weight:bold;color:#222}
.contact-top .mail{font-size:15px}
.navwrap{background:#222;border-bottom:4px solid var(--red);box-shadow:0 2px 4px #0002}
.nav{list-style:none;margin:0;padding:0;display:flex}
.nav>li{position:relative}
.nav>li>a{display:block;padding:17px 21px;color:white;text-transform:uppercase;font-size:13px;font-weight:bold;border-right:1px solid #444;letter-spacing:.2px}
.nav>li>a:hover,.nav>li.current>a{background:var(--red);text-decoration:none}
.sub{display:none;position:absolute;z-index:40;left:0;top:100%;min-width:240px;background:#fff;border-top:3px solid var(--red);box-shadow:0 8px 18px #0003}
.sub a{display:block;color:#444;padding:11px 15px;border-bottom:1px solid #ececec;background:white}
.nav li:hover .sub{display:block}
.mobile{display:none}

/* reconstructed Unite Revolution-style slider */
.slider{position:relative;height:430px;background:#f1f1f1;overflow:hidden;border-bottom:1px solid #ddd}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.slide.on{opacity:1}
.slide-inner{height:100%;position:relative}
.slide-copy{position:absolute;left:5%;top:83px;z-index:3;width:43%}
.slide-copy .big{font-size:46px;line-height:1.03;font-weight:700;color:#222;margin-bottom:20px}
.slide-copy .big strong{color:var(--red)}
.slide-copy p{font-size:18px;color:#555;margin:0 0 18px}
.slider-btn{display:inline-block;background:var(--red);color:#fff;padding:11px 16px;text-transform:uppercase;font-size:12px;font-weight:bold}
.slider-btn:hover{text-decoration:none;background:#b9000a}
.art{position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden}
.art .disc{position:absolute;border-radius:50%;background:#111}
.art .disc.red{background:var(--red)}
.art .disc.gray{background:#bcbcbc}
.art .disc.one{width:330px;height:330px;right:82px;top:48px}
.art .disc.two{width:195px;height:195px;right:345px;top:160px}
.art .disc.three{width:120px;height:120px;right:25px;top:55px}
.person{position:absolute;z-index:4;right:140px;bottom:0;width:205px;height:345px}
.person:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#efc6ab;left:64px;top:10px}
.person:after{content:"";position:absolute;width:150px;height:260px;background:#222;left:27px;top:88px;border-radius:60px 60px 6px 6px}
.person.med:after{background:#f7f7f7;border:5px solid #d5d5d5}
.person.paint:after{background:#eee;border-left:22px solid var(--red)}
.person.trade:after{background:#333}
.tool{position:absolute;z-index:5;color:#fff;font-size:100px;right:175px;bottom:92px;font-weight:bold}
.dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;z-index:9}
.dot{width:10px;height:10px;border-radius:50%;background:#aaa;border:0;padding:0}
.dot.on{background:var(--red)}

/* page body */
.section{padding:42px 0}
.section.alt{background:#f5f5f5;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.notice-title{text-align:center;color:#333;font-size:24px;margin:0 0 6px}
.notice-text{text-align:center;margin:0}
.rule-title{font-size:32px;color:#222;text-align:center;font-weight:normal;margin:0 0 34px;position:relative}
.rule-title:after{content:"";display:block;width:60px;height:3px;background:var(--red);margin:14px auto 0}

.branches{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.branch{background:white}
.branch-visual{height:220px;position:relative;overflow:hidden;background:#e8e8e8}
.branch-visual.medical{background:linear-gradient(145deg,#f7f7f7,#d9e7ed)}
.branch-visual.handwerk{background:linear-gradient(145deg,#eee,#cfcfcf)}
.branch-visual.maler{background:linear-gradient(145deg,#fff1e9,#e5d1c5)}
.circle-bg{position:absolute;border-radius:50%;width:210px;height:210px;right:-22px;bottom:-55px;background:#222}
.medical .circle-bg{background:#cf1020}.handwerk .circle-bg{background:#333}.maler .circle-bg{background:#e30613}
.silhouette{position:absolute;width:105px;height:160px;right:58px;bottom:0}
.silhouette:before{content:"";position:absolute;left:29px;top:0;width:52px;height:52px;border-radius:50%;background:#eee}
.silhouette:after{content:"";position:absolute;left:10px;top:48px;width:90px;height:112px;border-radius:35px 35px 0 0;background:#111}
.medical .silhouette:after{background:#fff}.handwerk .silhouette:after{background:#111}.maler .silhouette:after{background:#eee}
.visual-label{position:absolute;left:20px;bottom:18px;color:#222;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:1px}
.branch h2{font-weight:normal;color:#222;font-size:24px;margin:19px 0 8px}
.branch p{min-height:52px}
.branch-link{font-weight:bold;text-transform:uppercase;font-size:12px}
.branch-body{padding:0 4px 12px}

.contact-mid{background:#222;color:#fff}
.contact-mid .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px}
.contact-mid strong{font-size:20px}
.contact-mid a{color:#fff}
.redbutton{display:inline-block;background:var(--red);padding:10px 16px;color:#fff!important;font-weight:bold;text-transform:uppercase;font-size:12px}

.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.job{border:1px solid #ddd;background:#fff;position:relative}
.job-image{height:180px;position:relative;background:#ddd;overflow:hidden}
.job-image:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-75px;bottom:-90px;background:#222}
.job.med .job-image:before{background:#c7101d}.job.hand .job-image:before{background:#333}.job.paint .job-image:before{background:#e30613}
.job-icon{position:absolute;right:55px;bottom:22px;color:white;font-size:72px;font-weight:bold}
.job-body{padding:19px}
.job h3{font-size:23px;color:#222;font-weight:normal;margin:0 0 8px}
.job p{min-height:50px}
.smallmore{text-transform:uppercase;font-size:12px;font-weight:bold}

.newsgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.newsitem{border-top:4px solid var(--red);background:#f5f5f5;padding:20px}
.newsitem h3{color:#222;font-weight:normal;font-size:21px;margin:0 0 7px}
.newsitem time{font-size:12px;color:#999}

/* inner pages */
.pagehero{background:#eee;border-bottom:1px solid #ddd;padding:38px 0}
.pagehero h1{margin:0;color:#222;font-size:34px;font-weight:normal}
.contentwrap{display:grid;grid-template-columns:1fr 280px;gap:45px;padding:38px 0 50px}
.content h2{font-weight:normal;color:#222}.content h3{color:#333}
.content li{margin:5px 0}
.side{border-left:1px solid #ddd;padding-left:25px}
.side h3{font-size:17px;color:#222;text-transform:uppercase;border-bottom:3px solid var(--red);padding-bottom:8px}
.side a{display:block;border-bottom:1px solid #eee;padding:8px 0;color:#555}

/* old dark footer */
.footer-visual{background:#292929;position:relative;overflow:hidden;color:#ddd}
.footer-visual:after{content:"";position:absolute;right:-40px;bottom:-130px;width:380px;height:380px;border-radius:50%;background:#e30613}
.footer-inner{position:relative;z-index:2;min-height:230px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px;padding:38px 0}
.footer-title{font-size:20px;color:#fff;margin-bottom:10px}
.footer a{color:#ddd;display:block;padding:3px 0}
.footer-bottom{background:#171717;color:#888;font-size:12px;padding:13px 0}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:99;background:#111e;color:#fff;padding:10px 16px;font-size:13px;display:flex;justify-content:center;gap:15px;align-items:center}
.cookie button{background:var(--red);color:#fff;border:0;padding:6px 13px;font-weight:bold;cursor:pointer}

@media(max-width:820px){
 .header-inner{display:block;padding:20px 0}.contact-top{text-align:left;margin-top:10px}
 .mobile{display:block;width:100%;background:#222;color:#fff;border:0;padding:13px;text-align:left;font-size:16px}
 .nav{display:none;flex-direction:column}.nav.open{display:flex}.sub{display:block;position:static;box-shadow:none;border:0;background:#333}.sub a{background:#333;color:#eee}
 .slider{height:390px}.slide-copy{left:5%;top:48px;width:60%}.slide-copy .big{font-size:34px}.art{width:53%;opacity:.5}.person{right:35px}
 .branches,.jobs,.newsgrid,.footer-inner,.contentwrap{grid-template-columns:1fr}
 .contact-mid .container{display:block;text-align:center}
 .side{border-left:0;border-top:1px solid #ddd;padding:20px 0 0}
}