@charset "UTF-8";
/*!
* Theme Name:    TSE-Straßenbau
* Theme URI:     http://www.df-kreativ.de
* Author:        Daniel Faßbender | df-kreativ
* Author URI:    http://www.df-kreativ.de/
* Description:   Theme für TSE-Straßenbau
* Version:       1.0
*/
@font-face{font-family:"Trim-Light";src:url(//tse-strassenbau.de/wp-content/themes/TSE-Strassenbau/fonts/Trim-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Trim-Bold";src:url(//tse-strassenbau.de/wp-content/themes/TSE-Strassenbau/fonts/Trim-SemiBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@media (max-width:650px){.notMobile{display:none}}body{margin:0;padding:0;font-family:"Trim-Light",sans-serif;font-size:18px;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background:#ebebeb}#root{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}@media (max-width:1300px){body{font-size:17px}}@media (max-width:500px){body{font-size:16px}}img,picture,svg{max-width:100%;height:auto;vertical-align:middle;font-style:italic}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-family:"Trim-Bold",sans-serif;text-wrap:balance;color:#575756}h1{font-size:2.5rem;line-height:1}h2{font-size:2.5rem;line-height:1}h3{font-size:1.8rem;line-height:1}@media (max-width:1300px){h1{font-size:2.3rem}}@media (max-width:992px){h1{font-size:1.5rem}h2{font-size:1.6rem}h3{font-size:1.2rem}}@media (max-width:500px){h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1rem}}p{margin:0;margin-bottom:20px}@media (max-width:500px){p{margin-bottom:10px}}strong{font-family:"Trim-Bold",sans-serif}ul{margin:0 0 20px}a{color:#e40521;text-decoration:none;transition:all ease-in .25s}a:hover{color:#575756;text-decoration:none}a.btnPrimary{background:#e40521;display:inline-block;padding:15px 25px 15px;border-radius:15px;color:#fff;font-family:"Trim-Bold",sans-serif}a.btnPrimary:hover{background:#575756;color:#fff}a.btnWhite{background:#fff;display:inline-block;padding:15px 25px 15px;border-radius:15px;color:#e40521;font-family:"Trim-Bold",sans-serif}a.btnWhite:hover{background:#e40521;color:#fff}a.wp-block-button__link.wp-element-button{background:#e40521;display:inline-block;padding:15px 25px 15px;border-radius:15px;color:#fff;margin-bottom:30px;font-family:"Trim-Bold",sans-serif}a.wp-block-button__link.wp-element-button:hover{background:#575756;color:#fff}.sectionMargin{margin-top:100px}.sectionMarginSmall{margin-top:60px}@media (max-width:500px){.sectionMargin{margin-top:60px}.sectionMarginSmall{margin-top:30px}}.wrap{width:100%;display:flex;justify-content:center}.container{width:min(90%, 100rem)}main{padding-top:170px}main:has(#hero-slider-block_cc53d7f88c1f4bde88bb124a1451f3f4){padding-top:0}.blockSmall{padding:0 20rem}@media (max-width:1350px){.blockSmall{padding:0}}.order-1{order:1}.order-2{order:2}@media (max-width:1100px){.order-1{order:2}.order-2{order:1}}.grid-auto{display:grid;grid-template-columns:auto auto;justify-content:space-between}.grid-2{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.grid-header{display:flex;gap:1rem;justify-content:space-between}.contentContainer{display:grid;gap:5rem;grid-template-columns:2fr 1fr}.bigGap{gap:5rem}.wrap .wp-block-columns:not(.alignfull){width:min(90%, 100rem);margin-left:auto;margin-right:auto;box-sizing:border-box}.wrap>.alignfull,.wrap .wp-block-columns.alignfull{width:100%;max-width:100%}.container>.alignfull{width:100vw;max-width:100vw;margin-left:50%;transform:translateX(-50%)}body{overflow-x:hidden}@media (max-width:1400px){.contentContainer{gap:3rem;grid-template-columns:1fr}}:where(.wp-block-columns.is-layout-flex){gap:5em}@media (max-width:782px){:where(.wp-block-columns.is-layout-flex){gap:.5em}}.wp-block-columns p{margin:0}header{background:#ebebeb;position:fixed;padding:15px 0 15px;z-index:1000;transition:all ease-in .25s}.headerTiny{box-shadow:0 0 40px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.3)}.brand{width:350px;transition:all ease-in .25s}.brandTiny{width:200px}@media (max-width:992px){.brand{width:280px;transition:all ease-in .25s}.brandTiny{width:190px}}@media (max-width:500px){.brand{width:240px;transition:all ease-in .25s}.brandTiny{width:180px}}.main-nav{position:relative;z-index:1000;padding:25px 0 0;transition:all ease-in .25s}.main-nav .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.main-nav .nav-toggle{display:none}.main-nav .nav-toggle-label{display:none}.main-nav .nav-overlay{display:none}.main-nav .main-menu{margin:0;padding:0;list-style:none;display:flex;gap:2rem;align-items:center}.main-nav .main-menu>li{list-style:none;position:relative}.main-nav .main-menu>li a{text-decoration:none;color:#575756;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;padding:.25rem 0;transition:color .2s ease;font-family:"Trim-Bold",sans-serif}.main-nav .main-menu>li a:hover{color:#e40521}.main-nav .main-menu>li.menu-item-has-children>a:after{content:"▾";font-size:.7em}.main-nav .main-menu>li.menu-item-has-children>.sub-menu{position:absolute;left:0;top:100%;min-width:220px;margin:0;padding:.75rem 0;list-style:none;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1200}.main-nav .main-menu>li.menu-item-has-children>.sub-menu li a{display:block;padding:.4rem 1rem;white-space:nowrap}.main-nav .main-menu>li.menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.main-nav .main-menu>li:last-child>a{padding:.5rem 1.3rem;border-radius:999px;background:#e40521;color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.main-nav .main-menu>li:last-child>a:hover{background-color:#575756;color:#fff}.main-navTiny{padding:8px 0 0}@media (max-width:920px){.main-nav{padding:20px 0 0}.main-nav .nav-inner{justify-content:space-between}.main-nav .nav-toggle-label{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;cursor:pointer;position:relative;z-index:1101}.main-nav .nav-toggle-label span,.main-nav .nav-toggle-label span:before,.main-nav .nav-toggle-label span:after{content:"";display:block;width:22px;height:2px;background:#575756;border-radius:2px;position:relative;transition:transform .3s ease,opacity .3s ease}.main-nav .nav-toggle-label span:before,.main-nav .nav-toggle-label span:after{position:absolute;left:0}.main-nav .nav-toggle-label span:before{top:-7px}.main-nav .nav-toggle-label span:after{top:7px}.main-nav .nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1040}.main-nav .main-menu{position:fixed;inset:0 auto 0 0;width:80vw;max-width:320px;height:100vh;padding:5rem 1.5rem 2rem;margin:0;box-sizing:border-box;background:#fff;box-shadow:2px 0 15px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:1rem;transform:translateX(-100%);transition:transform .3s ease;z-index:1050;overflow-y:auto}.main-nav .main-menu>li{width:100%}.main-nav .main-menu>li>a{display:inline-flex;align-items:center;padding:.25rem 0;color:#575756;font-size:1.05rem}.main-nav .main-menu>li>a:hover{color:#e40521}.main-nav .main-menu>li:last-child>a{margin-top:1rem;padding:.5rem 1.3rem;border-radius:999px;background:#e40521;color:#fff;white-space:nowrap;align-self:flex-start}.main-nav .main-menu>li:last-child>a:hover{background-color:#575756;color:#fff}.main-nav .main-menu .menu-item-has-children>a{display:flex;justify-content:space-between;align-items:center}.main-nav .main-menu .menu-item-has-children>a:after{content:"▾";font-size:.7em;transition:transform .2s ease}.main-nav .main-menu .menu-item-has-children>.sub-menu{max-height:0;overflow:hidden;list-style:none;margin:0;padding:0;transition:max-height .25s ease}.main-nav .main-menu .menu-item-has-children>.sub-menu li a{padding-left:1rem;font-size:.98rem}.main-nav .main-menu .menu-item-has-children:focus-within>.sub-menu,.main-nav .main-menu .menu-item-has-children.current-menu-ancestor>.sub-menu,.main-nav .main-menu .menu-item-has-children.current-menu-item>.sub-menu{max-height:500px}.main-nav .main-menu .menu-item-has-children:focus-within>a:after,.main-nav .main-menu .menu-item-has-children.current-menu-ancestor>a:after,.main-nav .main-menu .menu-item-has-children.current-menu-item>a:after{transform:rotate(180deg)}.main-nav .nav-toggle:checked~.nav-overlay{opacity:1;visibility:visible}.main-nav .nav-toggle:checked~.main-menu{transform:translateX(0)}.main-nav .nav-toggle:checked+.nav-toggle-label span{transform:rotate(45deg)}.main-nav .nav-toggle:checked+.nav-toggle-label span:before{transform:rotate(-90deg) translate(-7px,0)}.main-nav .nav-toggle:checked+.nav-toggle-label span:after{opacity:0}.main-navTiny{padding:0}}@media (max-width:500px){.main-nav{position:relative;z-index:1000;padding:10px 0 0;transition:all ease-in .25s}.main-navTiny{padding:0}}.karriereIntro h2{font-size:4rem}.karriereIntro h3{font-size:6rem;color:#e40521}@media (max-width:1750px){.karriereIntro h2{font-size:3.5rem}.karriereIntro h3{font-size:5rem;color:#e40521}}@media (max-width:1580px){.karriereIntro h2{font-size:3rem}.karriereIntro h3{font-size:4.2rem;color:#e40521}}@media (max-width:1440px){.karriereIntro h2{font-size:2.5rem}.karriereIntro h3{font-size:3.5rem;color:#e40521}}@media (max-width:500px){.karriereIntro h2{font-size:1.8rem}.karriereIntro h3{font-size:2.5rem;color:#e40521}.fronth2{font-size:2rem}}#page h2,#pageImpressum h2{font-size:2rem;margin-top:2rem}#page h3,#pageImpressum h3{font-size:1.5rem;margin-top:1rem}#page h1,#page h2{text-align:center}#page h1{font-size:4rem}.heroKlein img{width:100%;height:70vh;-o-object-fit:cover;object-fit:cover;margin-bottom:-100px}@media (max-width:1200px){.heroKlein img{height:60vh}}@media (max-width:500px){#page h1{font-size:2.5rem}#page h2,#pageImpressum h2{font-size:1.8rem}#page h3,#pageImpressum h3{font-size:1.3rem}.heroKlein img{height:50vh}}footer{background:#575756;color:#fff;padding:4rem 0}footer a{color:#fff;font-family:"Trim-Bold",sans-serif}footer a:hover{color:#e40521}footer ul{list-style:none;padding:none;margin:0}footer ul li a{display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}@media (max-width:500px){footer .grid-header{display:block}.footer1,.footer2{width:100%}.footer2{margin-top:2rem}}.hero-slider{position:relative;overflow:hidden}.hero-slider__slides{position:relative;height:clamp(320px, 45vw, 620px)}.hero-slide{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}.hero-slide.is-active{opacity:1}.hero-slider__overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.hero-box{position:relative;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;color:#fff;box-sizing:border-box}.hero-box:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(220,0,0,.7);clip-path:polygon(70% 0%,100% 0%,100% 100%,60% 100%)}.hero-box-inner{max-width:28rem;margin-left:72%;margin-right:clamp(1.5rem, 4vw, 3rem);padding:0;pointer-events:auto}.hero-box-inner h1{margin:0;font-size:3rem;line-height:1.1;font-weight:700;color:#fff}.hero-box-inner p{margin-top:.75rem;margin-bottom:0;font-size:clamp(0.9rem, 1vw, 0.95rem);font-weight:400}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.35);color:#fff;border:none;width:42px;height:42px;border-radius:999px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.hero-nav.prev{left:1.25rem}.hero-nav.next{right:1.25rem}.hero-slider__dots{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:3;display:flex;gap:.6rem;pointer-events:auto}.hero-dot{width:10px;height:10px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s ease,transform .3s ease}.hero-dot:hover{background:rgba(255,255,255,.8)}.hero-dot.is-active{background:#fff;transform:scale(1.2)}@media (max-width:1400px){.hero-box-inner h1{font-size:2.5rem}}@media (max-width:1200px){.hero-box-inner h1{font-size:2rem}}@media (max-width:992px){.hero-slider__slides{height:clamp(320px, 60vw, 540px)}.hero-box:before{clip-path:polygon(68% 0%,100% 0%,100% 100%,58% 100%)}.hero-box-inner{margin-left:70%;max-width:18rem}}@media (max-width:768px){.hero-slider__slides{height:clamp(320px, 75vw, 520px)}.hero-slider__overlay{bottom:auto;height:clamp(320px, 75vw, 520px)}.hero-box{justify-content:center;align-items:flex-end;height:auto;bottom:0;position:absolute;padding:2rem 2rem 0}.hero-box:before{clip-path:none;background:rgba(220,0,0,.94)}.hero-box-inner{max-width:100%;width:calc(100% - 2rem);margin:0 1rem 1.75rem}.hero-box-inner h1{font-size:1.4rem}.hero-nav.prev,.hero-nav.next{top:auto;bottom:1rem;transform:none}.hero-slider__dots{position:static;transform:none;display:flex;justify-content:center;padding:.9rem 0}}@media (max-width:500px){.hero-box-inner h1{font-size:1rem}.hero-box{padding:1rem 0 0}.hero-slider__slides,.hero-slider__overlay{height:350px}}.box{display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-radius:60px;box-shadow:0 0 40px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.3);padding:3rem;margin:0 0 4rem}.boxIcon{width:125px;height:125px;border-radius:125px;background:#e40521;display:grid;place-content:center;margin:-6.5rem 0 1.5rem}@media (max-width:1300px){.boxBlock.grid-3{grid-template-columns:1fr}}.zentriert{text-align:center}@media (max-width:850px){.boxBlock.grid-2{grid-template-columns:1fr}}@media (max-width:500px){.box{padding:2.5rem 2.5rem 3rem}.box:has(.boxIcon){margin-top:2rem}.box:first-child:has(.boxIcon){margin-top:3rem}}.bildtext.grid-2{gap:5rem}.bildtextBild img{border-radius:60px;box-shadow:0 0 40px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.3)}.bildtextContent{display:flex;flex-wrap:wrap;align-content:center}@media (max-width:1100px){.bildtext.grid-2{grid-template-columns:1fr;gap:3rem}}.keyfactList{margin:0;padding:0}.keyfactList li{padding:.2rem .5rem;background:#fff;border-radius:15px;list-style:none;text-align:center}.keyfactList.grid-2{gap:.2rem}@media (max-width:1000px){.keyfactList.grid-2{grid-template-columns:1fr}}.jobBox{text-align:left}.jobBox h4{color:#e40521;font-size:3rem;line-height:1}@media (max-width:1024px){.jobBox h4{font-size:2rem}}@media (max-width:500px){.jobBox h4{font-size:1.6rem}}