/* @import url('http://example.com/example_style.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body { overflow-x: hidden; }
.text-upper, .text-upper h2, .text-upper h3, .text-upper h4, .text-upper h5, .text-upper h6, .text-upper a { text-transform: uppercase;  }
.fullwidth { width: 100%; float: left; }
a { display: inline-block; }

.btnStyle-simple a { padding: 5px 38px 5px 0; position: relative; }
.btnStyle-simple a:before { content: " "; position: absolute; left: 0; bottom: 0; height: 2px; background: #d00e6f; width: 0; transition: 0.5s ease all; }
.btnStyle-simple a svg { position: absolute; right: 0; margin: 0 0 0 12px; vertical-align: middle;  }
.btnStyle-simple a svg path { transition: 0.5s ease all;  }
.btnStyle-simple a:hover:before { width: calc(100% - 38px); }
.btnStyle-simple a:hover svg path { fill: #d00e6f; }
.btnStyle-arrow a { padding: 0 0 4px; position: relative; color: #6A6A6A; transition: 0.5s ease all; }
.btnStyle-arrow a:after, .btnStyle-arrow a:before { content: " "; position: absolute;  transition: 0.5s ease all; }
.btnStyle-arrow a:before { left: 0; bottom: 0; height: 2px; width: 100%; background: #6a6a6a; }
.btnStyle-arrow a:after { left: 50%; transform: translateX(-50%); bottom: -8px; border-top: 9px solid #6A6A6A; border-left: 8px solid transparent; border-right: 8px solid transparent;  }
.btnStyle-arrow a:hover { color: #d00e6f; }
.btnStyle-arrow a:hover:before { background: #d00e6f; }
.btnStyle-arrow a:hover:after { border-top-color: #d00e6f; }

.slick-arrow { background: transparent; border: none; font-size: 0; width: 60px; height: 60px; position: absolute; left: 0; top: 50%; transform: translate(-100%,-50%); padding: 0; margin-left: -50px; }
.slick-next { left:auto; right:0; margin-left: 0; margin-right: -50px; transform:translate(100%,-50%); }
.slick-arrow:before { position:absolute; content:''; left:50%; top:50%; width:24px; height:24px; border-top:#d00e6f solid 2px; border-right:#d00e6f solid 2px; transform: translate(-50%,-50%) rotate(-135deg); }
.slick-next:before { transform:translate(-100%,-50%) rotate(45deg); }
.slick-dots { list-style: none; padding: 50px 0 0; margin: 0; text-align: center; }
.slick-dots li { float: none; display: inline-block; margin: 0 5px; padding:5px 0 0; }
.slick-dots li button { padding:0; font-size:0; width:18px; height:2px; background:#505050; }
.slick-dots li.slick-active button { background:#d4257d; }

.hs-error-msgs label { color: #ef6b51; margin-top: .35rem; }

.tag-title { font-size: 16px; padding: 0 0 6px; margin: 0 0 14px; position: relative; }
.tag-title > span { display: block; }
.tag-line { width: 100%; height: 2px; background: rgba(208, 14, 111, 100%); position: absolute; left: 0; bottom: 0; max-width: 70px; }
.flexbox { display: -webkit-flex; display: -ms-flex; display: flex; flex-flow: row wrap;  }
.btn-iso.is-checked { color: #d00e6f; }

.fc-Bold, .fc-Bold a { font-family: 'Roboto Condensed'; font-weight: 700; }
.text-center { text-align: center; }

.flex { display:flex; }
.ffRowwrap { flex-flow:row wrap; }
.justLeft { justify-content:left; }
.justCenter { justify-content:center; }
.alignCenter { align-items:center; }

/**** Header Section ****/
/* .header { height: auto; padding-bottom: 69px; }
.header-content-wrapper { max-width: 1630px; width: 100%; padding-left: 15px; padding-right: 15px; justify-content: space-between; }  */
.content-wrapper { max-width: 1246px; width: 100%; padding-left: 16px; padding-right: 16px; }
/* .header__logo { left: 0; }
.header__row-1 { padding-top: 32px; padding-bottom: 32px; }
.header__navigation .menu__item--depth-1 > .menu__link { font-family: 'Roboto Condensed'; font-weight: 700; padding: 23px 60px !important; }
.header__navigation .menu__item--depth-1 > .menu__child-toggle { display: none; }
.header__row-1 .header-row-inner-wrapper { position: relative; height: auto;  }
.header-row-inner-wrapper:before { content: " "; position: absolute; left: 100%; width: 2000%; background: inherit; height: 100%; -webkit-box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 12%); box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 12%); }
.menu--desktop { box-shadow: 0px 3px 6px #00000029; padding: 0 40px 0 33px;  }
.header__logo { margin-right: 5px; }
.header__navigation .menu__item--depth-1:first-child > .menu__submenu--level-2 > .menu__item:first-child:before { display: none; }
.header__navigation .menu__item--depth-1 > .menu__link { position: relative; }
.header__navigation .menu__item--depth-1.menu__item--has-submenu > a { position: relative; }
.header__navigation .menu__item--depth-1.menu__item--has-submenu > .menu__link:after { opacity: 0; visibility: hidden; content: " "; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.header__navigation .menu__submenu--level-2 > .menu__item .menu__link { color: #3E3E3E;  }
.header__navigation .menu__submenu--level-2 .menu__child-toggle { top: 22px; }
.header__navigation .menu__submenu--level-2 .menu__child-toggle .menu__child-toggle-icon { transform: rotate(-90deg); }
.header__navigation .menu__item--depth-1.menu__item--has-submenu.menu__item--open > a:after { opacity: 1; visibility: visible;  }  */

/* .header.header-withoutbg { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; } */

.breadcrumb-stego .hs-breadcrumb-menu-item.last-crumb { color: #D00E6F; }
.breadcrumb-stego .hs-breadcrumb-menu-divider:before { content: "/"; }
.breadcrumb-stego .hs-breadcrumb-menu-item.first-crumb { padding-left: 0; }

.intro-block { position: relative; }
/*.intro-block:before { content: " "; position: absolute; right: 0; width: 0; height: 0; border-right: 1094px solid #e4e4e4; border-top: 1480px solid transparent; border-bottom: 1300px solid transparent; top: 0; margin-top: -500px; z-index: -1; opacity: 0.35; }*/
.intro-block .btnStyle-simple a { margin: 48px 0 0;  }
/* not needed anymore
 * .intro-block .sec-text-color p { font-size: 20px; line-height: 28px; }
*/
.intro-block .intro-max-block { max-width: 1144px; width: 100%; }

.teaser-boxes { margin: 26px 0 0; display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; }
.teaser-block .intro-max-block { width: 52%; }
.teaser-filter { width: 44%; margin-left: 4%; align-self: flex-end; -webkit-align-self: flex-end;}
.teaser-box { margin: 0 0 48px; padding: 0 0 0 40%; position:relative; }
.teaser-box:last-child { margin: 0; }
.teaser-img { width: 40%; float: left; position: absolute; left: 0; top: 0; height: 100%; }
.teaser-content { padding: 62px 103px 62px 83px; background: #FFFFFF; /*width: 60%;*/ width: 100%; float: left; border-left: 3px solid #D00E6F; }
.teaser-tag ul { padding: 0; margin: 0 0 8px; list-style: none; }
.teaser-tag li a {  font-family: 'Roboto Condensed'; font-weight: 700; cursor: text; }
.blogPost .teaser-tag li a { cursor:pointer; }
.teaser-content h4 { margin: 0 0 10px; height: 64px; display: table-cell; vertical-align: middle;  /* max-width: 493px; Comment for Uunternehmen Enterprise Page */ }
.teaser-body-text { line-height: 24px; }
.teaser-content .btnStyle-simple a { margin: 40px 0 0; }
.tfilter-dropdown { float: right; position: relative; margin: 0 0 22.4px; }
.tfilter-dropdown > span { color: #D00E6F; padding: 0 20px 0 0; position: relative; cursor: pointer; }
.tfilter-dropdown > span:after { content: " "; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-45deg); margin-top: -1px; width:6px; height: 6px; border-left: 1px solid #d00e6f; border-bottom: 1px solid #d00e6f;  }
.teaser-filter ul { display: none; background: #fff; padding: 5px 0; list-style: none; position: absolute; left: 0; top: 100%; margin: 5px 0 0; width: 120px; z-index: 2; box-shadow: 0 3px 3px rgb(0 0 0 / 5%);}
.teaser-filter ul li a { display: block; padding: 5px 15px; color: #3e3e3e; }
.teaser-filter ul li a:hover { color: #d00e6f; }
.img-link-wrap img {object-fit: cover; height: 100%;}
.img-link-wrap  { position: absolute; left: 0;  top: 0; width: 100%; height: 100%;  z-index: 1;  }
.teaser-loadmore a { color: #6A6A6A;  }
.trade-row { border-bottom: 3px solid #B1B1B1; }
.trade-col {  float: left; font-size: 20px; padding: 20px 10px 20px 0; display: flex; align-items: center; flex-flow: row wrap; min-height: 79px; }
.trade-col.trade-col-one { width: 32%;  font-size: 24px; color: #D00E6F; }
.trade-col.trade-col-two { width: 24%; }
.trade-col.trade-col-three { width: 20%; }
.trade-col.trade-col-four { width: 20%; }
.trade-col.trade-col-five { width: 4%; }
.trade-col.trade-col-five a, .trade-col.trade-col-five svg { vertical-align: middle; }
.trade-col a:hover svg path { fill: #d00e6f;  }
.trade-listings { margin: 24px 0 0; }
.trade-listings + .teaser-loadmore > a { margin: 48px 0 0; }

/* .formColumns { overflow:hidden; } */
.formColumns { overflow: hidden; }
.formColumns form { margin: 40px 0 0; }
.formColumns .hs-form-field .input { margin-right:0 !important; }
.container-fluid .formColumns textarea, .container-fluid .formColumns input, .formColumns input, .row-fluid .formColumns input { outline: none; border: none; padding: 15px 20px; line-height: 23px; border-radius: 0; width:100% !important; }
.formColumns .hs-fieldtype-checkbox input, .formColumns .hs-fieldtype-booleancheckbox input { width:auto !important; display:none; }
.formColumns .hs-fieldtype-checkbox input + span, .formColumns .hs-fieldtype-booleancheckbox input + span, .formColumns .hs-fieldtype-booleancheckbox input + span p { margin:0 !important; }
.formColumns .hs-fieldtype-checkbox input + span, .formColumns .hs-fieldtype-booleancheckbox input + span { font-size: 16px; line-height: 24px; float:left; width:100%; padding-left:50px; position:relative; }
.formColumns .hs-form-field { margin-bottom:32px; float: left; width: 100%; }
.formColumns .hs-form-field > label { display:none; }
.formColumns .formLeft { float: left; width: 100%; max-width: 66%; }
.formColumns .formLeft .hs_error_rollup { display:none; }
.formColumns .form-columns-2 > .hs-form-field { width:48% !important; margin-right:4%; }
.formColumns .form-columns-3 > .hs-form-field { width:30.66% !important; margin-right:4%; }
.formColumns .form-columns-3 > .hs-form-field:last-child, .formColumns .form-columns-2 > .hs-form-field:last-child { margin-right:0; }
.formColumns .legal-consent-container { margin-bottom:32px; float:left; width:100%; }
.formColumns .hs_submit { float:left; width:100%; }
.formColumns .hs_submit .hs-button { font-family: 'Roboto Condensed'; font-weight: 700; background: #D00F6F; font-size: 16px; line-height: 23px; margin: 30px 0 0; width: auto !important; padding: 15px 40px; border:none; border-radius:0; }
.formColumns .hs_submit .hs-button:hover { background-color:#6a6a6a; color:#FFFFFF; }
.formColumns .hs-fieldtype-checkbox input + span:before, .formColumns .hs-fieldtype-booleancheckbox input + span:before { position: absolute; content: ''; left: 7px; top: 7px; width: 18px !important; height: 18px !important; border: #d00f6f solid 2px; !important; background: #FFF; outline:none !important; }
.formColumns .hs-fieldtype-checkbox input + span:after, .formColumns .hs-fieldtype-booleancheckbox input + span:after { opacity:0; position: absolute; content: ''; left: 11px; top: 9px; width: 10px; height: 5px; border-bottom:#d00f6f solid 2px; border-left:#d00f6f solid 2px; transform:rotate(-45deg); }
.formColumns .hs-fieldtype-checkbox input + span a, .formColumns .hs-fieldtype-booleancheckbox input + span a { text-decoration:underline; font-style:italic; }
.formColumns .hs-fieldtype-checkbox input:checked + span:after, .formColumns .hs-fieldtype-booleancheckbox input:checked + span:after { opacity:1; }
.formColumns .fcWraps { position:relative; }

.formRight { position: absolute; left: 100%; bottom: 0; width: 85%; height: 220%; transform: translateX(-20%) rotate(30deg); transform-origin: left bottom; bottom: -180px !important; overflow:hidden; }
.formRight > span { position:absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: rotate(-30deg) scale(1.5); transform-origin: left bottom; }


.eiIcon { float: left; width: 6%; margin: 40px 4.44% 0 0; }
.eiIcon:nth-child(10n) { margin-right:0; }

.ttTwocolumnsection .sec-text-color { margin-top: 25px; float: left; width: 100%; }
.ttcsText { float:left; width:48%; margin-right:4%; }
.ttcsImage { float:left; width:48%; margin-top: 110px; }

.testiSlides { margin: 20px 0 0; }
.testiSlide { background:#F3F3F3; position:relative; }
.testiSlide:before { position:absolute; content:''; left:40%; top:0; bottom:0; border-left:#d00e6f solid 3px; width:3px; }
.testiLeft { float: left; width: 40%; padding: 64px 140px; text-align: center; }
.slick-slide .testiLeft img.hide { display:none; }
.testiLeft > span { width: 208px; height: 208px; display: inline-block; border-radius: 50%; margin: 0 0 16px; }
.testiLeft h5 span { float: left; width: 100%; font-size: 16px; line-height: 24px; color: #D00E6F; font-weight: 400; font-family: 'Roboto Condensed'; }
.testiRight { float:left; width:60%; padding: 151px 101px; }
.testiRight > span { position:relative; }
.testiRight > span:before, .testiRight > span:after { position:absolute; content:''; left:0; top:-20px; width:27px; height:23px; background:url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/quote-top.png) no-repeat center top/contain; transform:translateY(-100%); }
.testiRight > span:after { right:0; left:auto; top:auto; bottom:-20px; background:url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/quote-bottom.png) no-repeat center top/contain; transform:translateY(100%); }

.strategyBoxes { margin: 30px 0 0; }
.strategyBox { float: left; width: 23%; text-align: center; margin:30px 15.5% 0 0; }
.strategyBox:nth-child(3n) { margin-right:0; }
.strategyBox h3 { float: left; width: 100%; margin: 30px 0; font-size: 20px; line-height: 28px; }
.strategyIcon { width:176px; height:176px; background:#FFFFFF; border-radius:50%; }
.strategyIcon img { max-width: 80px !important; }

.dataFacts ul { float: left; width: 100%; padding: 30px 0; list-style: none; font-size:20px; }
.dataFacts ul p { font-size:20px; }
.dataFacts ul li { float:left; width:100%; padding-left:22px; position:relative; }
.dataFacts ul li:before { position:absolute; content:''; left: 0; top: 10px; width:10px; height:11px; background:url(https://8270705.fs1.hubspotusercontent-na1.net/hubfs/8270705/raw_assets/public/Stego-de/images/list-arrow.svg) no-repeat center top/contain; }
.dataFacts ul li span:first-child { float:left; width:25%; font-weight:700; padding-right:20px; }
.dataFacts ul li span + span { float:left; width:75%; }


/* Changes And new module */


/* .footer-row { position: relative; z-index: 1; } */


.expertiseIndustries { position: relative; z-index: 1; }

.eilIcon { width: 22%; float: left; margin: 40px 2.6% 0 0; }
.twocol-row { display: flex; flex-wrap: wrap; }
.twocol-box { width: 48.5%; float: left; margin-right: 3%; margin-bottom: 40px; background-color: #fff; }
.twocol-box:nth-child(2n) { margin-right: 0; }
.twocol-image { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 54%; width: 100%; }
.twocol-content { padding: 48px 70px 60px; }
.twocol-content ul { list-style: none; padding: 0; margin: 0; float: left; width: 100%; }
.twocol-content ul li { padding:15px 0; border-bottom:2px solid silver; }
.twocol-content ul li:last-child { border-bottom:none; padding-bottom:0; }

.milestones-cols { padding-top: 50px; position: relative; z-index: 1; width: 100%; text-align: right; padding-left: 50%; }
.milestones-cols:nth-child(2n) { text-align: left; padding-left: 0; padding-right: 50%; }
.milestones-year { box-shadow: 5px 10px 20px #00000014; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 90px; min-height: 90px; background-color: #FFF; border-radius: 50%; color: #D00E6F; text-transform: uppercase; font-size: 24px; line-height: 32px; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.milestones-cols:nth-child(2n) .milestones-year { left: aut0; right: 50%; }
.milestones-innercols { box-shadow: 5px 10px 20px #00000014; margin-left: 100px; background-color: #fff; }
.milestones-cols:nth-child(2n) .milestones-innercols { margin-left: 0; margin-right: 100px; }
.milestones-img { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 50%; width: 100%; }
.milestones-content { text-align: left; padding: 48px 48px 48px 60px; position: relative; }
.milestones-content:before { position: absolute; content: ''; top: 60px; left: 35px; width: 12px; height: 12px; background-image: url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/list-arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: left top; }
.milestones-cols:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content:''; width: 3px; height: 100%; background-color: #D00E6F; }
.milestones-cols:last-child:before { display: none; }
.milestones-cols:after { position: absolute; }
.milestones-cols:not(:first-child) { margin-top: -80px; padding-top: 0; }
.milestones-cols:not(:first-child) .milestones-year { top: 0; }
.milestones-innercols:before { z-index: -1; position: absolute; content: ''; top: 44px; left: 50%; width: 110px; height: 3px; background-color: #D00E6F; }
.milestones-cols:nth-child(2n) .milestones-innercols:before { left: auto; right: 50%; }
.milestones-cols:first-child .milestones-innercols:before { top: 93px; }
.milestones-cols:first-child:after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; width: 15px; height: 15px; content: ''; background-color: #D00E6F; }
.milestones-content p { font-size: 20px; }

.body-container--article-blog-post .hs_cos_wrapper { width: 100%; float: left; }

/* .withContactelements.formColumns .formLeft { width:60%; } */
.withContactelements .formRight { position: static; transform: none; padding: 45px 0 0 100px; width: 34%; text-align:center; }
.withContactelements .formRight > span { position: static; width: 180px; height: 180px; transform: none; float: none; display: inline-block; border-radius: 50%; }
.withContactelements .frContact h5 { margin: 20px 0 5px; }
.withContactelements .frContact h6 { color:#d00e6f; font-family: "Roboto Condensed",sans-serif; font-size: 16px; line-height: 24px; }
.withContactelements .frContact a { color:#3e3e3e; }
.withContactelements .hs_dein_interesse li { float:left; width:50%; }
.withContactelements.formColumns .hs-fieldtype-checkbox input + span { margin:10px 0 0 !important; padding-left:50px; }
.withContactelements.formColumns .hs-fieldtype-checkbox { margin-bottom:0; }
.withContactelements.formColumns .legal-consent-container .inputs-list, .withContactelements.formColumns .hs-fieldtype-checkbox .inputs-list { margin-bottom:32px; float: left; width: 100%; }
.withContactelements.formColumns .hs-fieldtype-booleancheckbox input + span a { font-style:normal; }

.ccCard { float: left; width: 23.5%; background: #FFF; margin: 20px 2% 0 0; position: relative; padding-bottom: 40px; }
.ccCard:nth-child(4n) { margin-right:0; }
.columns3 .ccCard { width:32%; }
.columns3 .ccCard:nth-child(4n) { margin-right:2%; }
.columns3 .ccCard:nth-child(3n) { margin-right:0; }
.ccDetails { padding: 30px 25px; }
.ccDetails h3.h5 a { color:#3e3e3e; }
.ccImage { padding: 56.25% 0 0; }
.ccdBtn { text-align:right; position: absolute; right: 0; bottom: 28px; width: 100%; padding: 0 25px; }

.testimonialSection.o2 .testiSlide { display:flex; }
.testimonialSection.o2 .testiLeft { padding:0; }
.testimonialSection.o2 .testiLeft > span { border-radius:0; width:100%; height:100%; }
.testimonialSection.o2 .testiRight { padding: 120px 100px; }
.testimonialSection.o2 .testiRight > span:before, .testimonialSection.o2 .testiRight > span:after { display:none; }
.testimonialSection.o2 .slick-arrow { margin-top:-40px; }

.columnCards.simpleCards .ccCard { background:transparent; }
.columnCards.simpleCards .ccDetails { padding:22px 0 0; }
.simpleCards .ccCard { width:32%; margin-bottom:30px; }
.simpleCards .ccCard:nth-child(4n) { margin-right:2%; }
.simpleCards .ccCard:nth-child(3n) { margin-right:0; }
.simpleCards .ccCard h6 { margin: 0 0 10px; font-size: 16px; color: #D00E6F; font-family: "Roboto Condensed",sans-serif; }
.simpleCards .teaser-loadmore { margin: 30px 0 0; }
.simpleCards .ccdBtn { bottom:0; }

.blogpostBody.article-blog-post { background: #f3f3f3; padding: 10px 0 80px; }
.blogpostBody.article-blog-post h1 { font-size:48px; line-height:56px; color:#3e3e3e; float: left; width: 100%; margin: 0 0 60px; }
.blogpostBody.article-blog-post .blog-post__meta { float: left; margin: 0 0 20px; text-transform: capitalize; }
.blogpostBody.article-blog-post .blog-post__meta a { text-decoration:none; margin:0 20px 0 10px; }
.blogpostBody.article-blog-post .blog-post__meta time i { margin-right: 5px; }

.newcustomHeader .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 3; }

.stickyElements { position:fixed; right:0; top:60%; transform:translateY(-50%); z-index: 1; }
.stickyElements .seRows { margin: 15px 0; position:relative; }
.stickyElements .seTitle { position:relative; float: right; max-width: 125px; text-align: right; padding: 15px 20px 15px 0; background: #d00e6f; color: #FFF; line-height: 20px; cursor:pointer; text-transform: uppercase; font-weight: 700; box-shadow:rgba(0,0,0,0.2) 0 5px 5px; min-height: 70px;display: flex;align-items: center; }
.seTitle svg { position: absolute; right: 100%; top: 0; width: auto; height: 100%; }
.seTitle svg path { fill:#d00e6f; }
.seContent { position: absolute; right: 0; bottom: 20px; background: #FFFFFF; padding: 71px 57px 102px; width: 404px; box-shadow: rgba(0,0,0,0.2) 0 0 15px; transform: translateX(110%); transition:ease all 0.4s; }
.stickyElements .seRows.active .seContent { transform: translateX(0); display: block; }
.seRows p, .seRows h6 { margin: 0 0 10px; }
.seContent img { float:left; margin:0 10px 0 0; }
.seContent a { color:#3e3e3e; }

.heroSection .secTitle-block, .heroblogSection .secTitle-block { float:none; display:inline-block; }

.ittWrap { float: left; width: 45%; margin: 47px 10% 0 0; padding-left: 218px; position: relative; min-height: 190px; }
.ittwIcon { position:absolute; content:''; left:0; top:0; width:176px; height:176px; background:#FFFFFF; border-radius:50%; display: flex; align-items: center; justify-content: center; padding:20px; }
.ittWrap:nth-child(2n) { margin-right:0; }
.downloadBtn { text-align: right; padding-top: 50px; }
.downloadBtn a { position: relative; color:#222222; font-weight: 700; padding-left: 40px; background:url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/download-1.png) no-repeat center left/28px auto; }


.tcsocialSection .tcsLeft, .tcsocialSection .tcsRight { float:left; width:49%; margin:0 2% 0 0; padding: 30px; background: #FFF; }
.tcsocialSection .tcsRight { margin:0; background:#535353; color:#FFFFFF; }
.tcsocialSection.teaser-block .intro-max-block { width:100%; }
.tcsocialSection .tcsLeft .secTitle-block h3 { color:#3e3e3e; }
.tcsocialSection .tcsLeft p { margin:0; }
.tcsocialSection .tcsLeft a { min-height: 31px; float: right; }
.tcsocialSection .tcsRight ul { padding:0; display: flex; flex-flow: row wrap; justify-content: left; }
.tcsocialSection .tcsRight li { float: none; display:inline-block; margin:15px 20px 0 0; }
.tcsocialSection .tcsRight li a { border-radius:50%; background:#FFFFFF; width: 40px; height: 40px; padding: 10px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.tcsocialSection .tcsRight li a svg { fill:#c1c1c1; width: auto; height: 20px; }
.tcsocialSection .tcsRight li a:hover { background:#d00e6f; }
.tcsocialSection .tcsRight li a:hover svg { fill:#FFFFFF; }

.iconProgress:before { opacity:0; }

.ipWrap { float: left; width: 20%; padding: 30px 1.5% 0; text-align: center; overflow:hidden; }
.ipWraps.columns4 .ipWrap { width:20%; padding: 30px 2.5% 0; }
.ipwIcon { width:100px; height:100px; float: none; display: inline-block; margin: 0 0 20px; position:relative; }
.ipwIcon:before { position: absolute; content: ''; left: 50%; top: 50%; width: 1000px; height: 2px; transform: translateX(-50%); background: #d00e6f; }
.ipwIcon img { position:relative; }

.logoSlides { margin:45px 0 0; }
.logoSlides .slick-dots { width:100%; }
.logoSlides .slick-list { margin:0 -15px; }
.logoSlide { padding: 0 15px; text-align:center; }
.logoSlide img { display:inline-block !important; }

.btnGroup .btnStyle-simple { float: left; }
.btnGroup .btnStyle-simple:not(:last-child) a { margin-right:50px; }

.ittLeft { float: left; width: 50%; padding-right: 40px; }
.ittRight { width: 50%; float: left; }
.ittwoFullwidth { margin:60px 0 0; }

.herocareerSection { position:relative; }
.herocareerSection .hs-breadcrumb-menu { margin: 0 0 40px; float: left; width: 100%; }
.herocareerSection .content-wrapper { position:static !important; }
.herocareerSection .hs-breadcrumb-menu li a { color:#3e3e3e; }
.hcLeft { float: left; width: 58%; padding-right: 30px; padding-right:80px; }
.hcRight { position: absolute; left: 68%; top: 0; width: 45%; height:100%; transform: skewX(-27deg); overflow:hidden; }
.hcRight:before { position: absolute; content: ''; left: 450px; bottom: 0; width: calc(100% - 400px); height: 40%; background: #d00e6f; z-index: 1; opacity: 0.5; }
.hcRight > span { position: absolute; left: 0; top: 0; width: 100%; height:100%; transform: skewX(27deg) scale(1.8); }

.jobOffers { margin:0 0 100px; }
.jobOffers:last-child { margin:0; }
.jobRows { margin: 40px 0 0; }
.jobRow a { display: block; padding: 15px 40px 15px 0; border-bottom: #c0c0c0 solid 2px; text-transform: uppercase; font-weight: 700; font-size: 20px; position:relative; }
.jobRow:first-child a { border-top: #c0c0c0 solid 2px; }
.jobRow a svg { position: absolute; right: 0; top: 18px; }

.withContactdetails .formLeft { max-width:70%; width:100%; }
.withContactdetails .formRight { width:30%; padding: 45px; position: static; text-align: center; transform: none; background:#FFFFFF; }
.withContactdetails .formRight .frContact h5 { margin:0 0 5px; }
.withContactdetails .formRight .frContact h6 { font-size:16px; color:#d00e6f; }
.withContactdetails .formRight > span { border-radius: 50%; display: inline-block; float: none; height: 180px; position: static; transform: none; width: 180px; margin:0 0 15px; }
.withContactdetails .formRight .frcText a { color:#3e3e3e; }

.jobofferSection { overflow: hidden; }

.faqSlide { border-top:#c0c0c0 solid 2px; }
.faqSlide:last-child { border-bottom:#c0c0c0 solid 2px; }
.faqSlide h5 { margin: 0; padding:15px 80px 15px 0; position:relative; cursor:pointer; }
.faqSlide h5:before { position:absolute; content:''; right:30px; top:15px; width:20px; height:20px; border-top:#d00e6f solid 2px; border-right:#d00e6f solid 2px; transform:rotate(135deg); transition:ease all 0.4s; }
.faqSlide.active h5:before { transform: rotate(315deg); transform-origin: center right; }
.faqAnswer { display:none; }

.eduColumns { margin: 30px 0 0; }
.eduLeft { float: left; width: 32%; margin-right: 2%; }
.eduRight { float: left; width: 66%; }
.eduQuote { position:relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dd41b5+0,d21578+49,8e38b1+100 */
background: #dd41b5; /* Old browsers */
background: -moz-linear-gradient(-45deg, #dd41b5 0%, #d21578 49%, #8e38b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #dd41b5 0%,#d21578 49%,#8e38b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #dd41b5 0%,#d21578 49%,#8e38b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd41b5', endColorstr='#8e38b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 30px; color:#FFFFFF; }
.eduQuote p { font-size: 22px; font-family: 'Roboto Condensed'; font-weight: 300; font-style: italic; }
.eduQuote:after { position: absolute; content: ''; left: 50%; bottom: 0; border-top: #b12694 solid 10px; border-left: transparent solid 10px; border-right: transparent solid 10px; transform: translate(-50%,100%); }
.eduProfile { padding: 25px; text-align: center; }
.eduProfile h5 { margin: 0 0 5px; }
.eduProfile h6 { font-size: 16px; line-height: 24px; color: #d00e6f; font-family: "Roboto Condensed",sans-serif; }
.eduPP { width: 180px; height: 180px; float: none; display: inline-block; margin: 0 0 10px; }
.eduColumn { float: left; width: 48.5%; }
.eduColumn.left { margin-right:3%; }
.eduVideo { margin: 0 0 60px; }
.bottomText { margin: 100px 0 0; max-width: 250px; float: right; position:relative; color:#d00e6f; padding-top: 30px; }
.bottomText:before { position:absolute; content:''; top:0; right:0; width:100px; height:3px; border-top:#d00e6f solid 3px; }
.simpleBtn { text-align:right; margin: 20px 0 0; }
.simpleBtn a { background: #d00e6f; color: #FFF; border: none; }
.simpleBtn a:hover { background:#6a6a6a; }

.body-container--ausbildung .jobofferSection:before, .body-container--ausbildung .jobofferSection:after { display:none !important; }
.body-container--ausbildung .twocol-sec { position:relative; }
.body-container--ausbildung .twocol-sec:before { background: #e4e4e4; border: none; content: ""; display: block; height: 1000px; left: 68%; margin-left: 9px; margin-top: -720px; position: absolute; right: auto; top: 0; transform: skewX(-27deg); transform-origin: left top; width: 2000px; z-index: -1; opacity:0.35; }
.body-container--ausbildung .twocol-sec:after { right: auto; left: 67%; width: 2000px; height: 2000px; border: none; background: #e4e4e4; transform: skewX(27deg); margin-left: -473px; content: ''; top: 280px; position: absolute; transform-origin: left top; z-index:-1; opacity:0.35; }
.body-container--ausbildung .herocareerSection .btnGroup { margin-top:20px; }

.jdWrap { float: left; width: 49%; margin-right:2%; }
.jdWrap:nth-child(2n) { margin-right:0; }
.jdWrap ul { list-style:none; padding:0; }
.jdWrap ul li { padding:0 0 10px 30px; position:relative; background:url(https://8270705.fs1.hubspotusercontent-na1.net/hubfs/8270705/raw_assets/public/Stego-de/images/list-arrow.svg) no-repeat top 7px left/10px auto; }
.jobdetailSection .intro-max-block { margin:60px 0; }
.jobdetailSection .downloadBtn { text-align: left; }
.jobdetailSection h5 { color:#d00e6f; }
.intro-block .backtoVacancy .btnStyle-simple a { margin: 0; }
.jobdetailSection .btm .simpleBtn a { margin-top: 18px; padding: 15px 40px; font-family: 'Roboto Condensed'; font-weight: 700;}
.jobdetailSection .btm .simpleBtn a:before { display:none; }
.jobdetailSection .downloadBtn { padding-bottom: 30px; }
.jobdetailSection .downloadBtn a { background: none; }
.jobdetailSection .downloadBtn a svg { position: absolute; left: 1px; top: -1px; width: 27px; height: 27px; }
.jobdetailSection .downloadBtn a:hover { color: #D00F6F; }
.jobdetailSection .downloadBtn a:hover svg path { fill: #D00F6F;  }

form .hs-fieldtype-file.hs-form-field .input { background: #E4E4E4; padding: 90px 38px 48px; position: relative; text-align: center; }
form .hs-fieldtype-file.hs-form-field .hs-input[type="file"] { background: transparent; border: 2px solid #545859; border-radius: 30px; color: #545859; cursor: pointer; display: block; font-size: 18px; font-weight: 700; height: 100%; left: 0; margin: 0 auto; max-width: none; opacity: 0; outline: none; padding: 5px 20px!important; position: absolute; text-align: center; text-transform: uppercase; top: 0; -webkit-user-select: none; width: auto; width: 100%; z-index: 1; }
span.js-upload-document { background: transparent; border: 2px solid #6A6A6A; color: #545859; cursor: pointer; display: inline-block; font-size: 16px; font-family: 'Roboto Condensed'; font-weight: 700; padding: 8px 25px; text-align: center; text-transform: uppercase; }
.formColumns .hs-fieldtype-file.hs-form-field > label { display: block; font-family: 'Roboto Condensed'; font-weight: 700; font-size: 20px; color: #3E3E3E; }
.formColumns .hs-fieldtype-file.hs-form-field > label .hs-form-required { display: none; }
.formColumns .hs-fieldtype-file .hs-field-desc { display: block;  text-align: center; position: relative; top: 60px; z-index: 1; font-size: 16px; }
.body-container--bewerbungsformular .formColumns .hs_submit .hs-button { margin-top: 0; }

.hs-overlay { position: relative; }
.hs-overlay:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;  }
.knt-addleft, .knt-addright { width: 48%; float: left; }
.knt-addright { margin-left: 4%; }
.knt-addleft .sec-text-color { font-size: 20px; line-height: 28px; }
.knt-addleft .sec-text-color a { color: #3E3E3E; }
.downArrow-btn > span { display: block; }
.downArrow-btn a { margin: 0 0 24px; font-size: 16px; font-family: 'Roboto Condensed'; font-weight: 700; color: #3E3E3E; position: relative; padding-left: 40px;  }
.downArrow-btn a:hover { color: #d00e6f; }
.downArrow-btn a:hover svg path { fill: #d00e6f; }
.downArrow-btn svg { vertical-align: middle; position: absolute; left: 0; top: 3px; width: 17.77px; height: 20.25px;  }

.formColumns.o2 form textarea { min-height: 139px; }
.intro-max-block.asmore-info { margin-bottom: 0; }

.mapInfo #map { height: 100%; }
.mapInfo #map .active div[aria-label*="marker"] { display:none; }
.mapInfo #map .active div[aria-label*="marker"].active { display:block; }

.contactMain .intro-max-block { width:30%; float:left; }
.contactMain .intro-max-block h2 { margin:0 0 10px; }
.contactMain .intro-max-block h6 { color:#d00e6f; }
.contactMain .contactMap { float:left; padding-left: 6%; width: 70%; }
.contactMain .contactMap img { object-fit: cover; }

.locaDrop { margin: 20px 0 0; position:relative; }
.locaDrop h6 { color:#d00e6f; }
.locaDrop label { padding: 13px 30px 13px 20px; background: #FFF; display: block; position:relative; cursor:pointer; }
.locaDrop label:after { border-right: 2px solid #d00e6f; border-top: 2px solid #d00e6f; content: ""; height: 6px; position: absolute; right: 25px; top: 50%; width: 6px; transform: translateY(-50%) rotate(135deg); }
.locaDrop ul { display:none; list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 100%; width: 100%; z-index:1; }
.locaDrop ul li { float:left; width:100%; margin: 0 !important; }
.locaDrop ul li a { display: block; padding: 10px 20px; background: #FFF; border-bottom: #eee solid 1px; }
.locaDrop.main ul { z-index: 2; overflow-y: auto; max-height: 370px; }
.locaDrop.main ul ul { position: static; display: flex; flex-flow: column; display: -webkit-flex; -webkit-flex-flow: column; }
.locaDrop.main ul::-webkit-scrollbar { width:0; }
.locaDrop ul li.other-countries, .locaDrop ul li.weitere-länder { order: 1000; -webkit-order: 1000; }

.locationInfos { padding: 70px 0 0; }
.locationInfo { margin:60px 6% 10px 0; width:29.33%; float:left; position:relative; padding-top: 40px; }
.contactMain.o2 .locationInfo { width:100%; margin-right:0; }
.locationInfo h6 { color:#d00e6f; }
.locationInfo:before { position:absolute; content:''; left:0; top:0; width:100px; height:3px; border-top:#d00e6f solid 3px; }
.locationInfo:nth-child(3n) { margin-right:0; }
.liAddress { min-height:155px; }
.liContact { list-style: none; padding: 12px 0 0; margin:0; }
.liContact li > span:first-child { float: left; width: 32%; padding-right: 20px; }
.liContact li > span:last-child { float: left; width: 68%; }
.liContact li > span:last-child p { margin:0; }
.liContact li a[href*="tel"] { color:#3e3e3e; }
.contactMain.o2 .locationInfo { display:none; }
.contactMain.o2 .locationInfo.active { display:block !important; }
.contactMain.o2 .locaDrop ul > div > span { color: #616161; display: block; padding: 10px 15px 9px; line-height: 28px; background: #FFF; margin-top: -1px; }
.contactMain.o2 .liAddress { min-height:105px; }
.contactMain.o2 .locationInfos { padding: 0 0 90px; }
.contactMain.o2 .locaDrop h6 { margin:0 0 11px; }
.contactMain.o2 .btnGroup { visibility:hidden; opacity:0; }
.contactMain.o2 .locaDrop ul li a.active { padding-left:15px; }

.pbMain { counter-reset:my-sec-counter; max-width:1008px; }
.ptsRow { float: left; position: relative; margin: 5px 40px 10px 0; }
.ptsRow input { display:none; }
.ptsRow input + label { padding-left: 35px; }
.ptsRow input + label:before { position:absolute; content:''; width:17px; height:17px; border-radius:50%; background-color:#FFFFFF; border:#FFFFFF solid 4px; box-shadow: #3e3e3e 0 0 0 1px; top: 5px; left: 0; }
.ptsRow input:checked + label:before { background-color:#d00e6f; }
.pbRow { background: #FFF; margin:0 0 48px; }
.pbRow > h6 { background:#d00e6f; margin:0; color:#FFFFFF; padding:14px 100px 14px 80px; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif; font-weight: 700; position:relative; }
.pbRow > h6:before { counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; }
.pbRow > h6:after { position:absolute; content:''; right: 70px; top: 13px; width: 20px; height: 20px; border-right:#FFFFFF solid 2px; border-top:#FFFFFF solid 2px; transform:rotate(135deg); }
.pbRow.active h6:after { transform:rotate(315deg); top:23px; }
.pbRow .pbRowinner { padding:50px 80px 70px; }
.pbRow:not(:nth-child(1)) .pbRowinner { display:none; }
.pbRow .pbRowinner h6 { cursor:pointer; color:#d00e6f; }
.pbRow.disable > h6 { pointer-events:none; background:#6A6A6A; }
.pbrtLeft { float: left; width: 49%; margin-right: 2%; }
.pbrtRight { float: left; width: 49%; }
.inpWrp input { width: 70%; border: none; padding: 10px 20px; line-height: 30px; height: 50px; outline: none; background: #efefef; float: left; }
.inpWrp input + span, .inpWrp select + span { float: left; width: 30%; padding: 10px 20px; line-height: 30px; padding:10px 15px; }
.inpWrp input + span span { cursor:pointer; }
.inpWrp input + span span.active { color:#d00e6f; font-weight:700; }
.inpWrp select { padding:10px 30px; border:none; outline:none; background:#efefef; height:50px; width:70%; float:left; -webkit-appearance:none; background:url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/down-arrow.png) no-repeat right 20px center/10px auto #efefef; }
.pbrbRow, .pbrtRow { margin: 0 0 30px; }
.pbrbRow > label, .pbrtRow > label { font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.pbrbRow > label { margin: 0 0 25px; float: left; width: 100%; }
.pbrtRight > img { max-width:250px; width:100%; }
.pbrbLeft { float: left; width: 49%; margin: 60px 2% 0 0; }
.pbrbRight { float: left; width: 49%; margin: 60px 0 0; }
.pbrCol { float: left; width: 25%; margin:0 0 25px; }
.pbRow2 .pbrCol:nth-child(4n+1) { clear:left; }
.pbrCol input[type=radio] { display:none; }
.pbrCol input[type=radio] + label { padding-left: 27px; position: relative; line-height: 28px; display: inline-block; font-size: 14px; padding-right: 10px; }
.pbrCol input[type=radio] + label:before { position:absolute; content:''; width:17px; height:17px; border-radius:50%; background:#FFFFFF; border:#FFFFFF solid 4px; box-shadow: #3e3e3e 0 0 0 1px; top: 5px; left: 0; }
.pbrCol input[type=radio]:checked + label:before { background-color:#d00e6f; }
.pbrCol .inpWrp { margin:20px 0 0; }
.inpWrp { display: flex; align-items: center; float: left; width: 100%; }
.stpPrv { float: left; width: 50%; padding: 30px 20px 0 0; }
.stpPrv a { border: #d00e6f solid 2px; padding: 13px 40px; line-height: 25px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; }
.stpNxt { float: right; width: 50%; padding: 30px 0 0 20px; text-align:right; }
.stpNxt a { background: #d00e6f; color: #FFF; padding: 15px 40px; line-height: 25px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.stpNxt.disable a { pointer-events:none; opacity: 0.5; }
.pbRow3 .pbrCol { width:49%; }
.pbRow4 .inpWrp input[type=radio] { display:none; }
.pbRow4 .inpWrp input[type=radio] + label { width:100%; padding-left: 35px; position: relative; }
.pbRow4 .inpWrp input[type=radio] + label:before { position:absolute; content:''; width:17px; height:17px; border-radius:50%; background:#FFFFFF; border:#FFFFFF solid 4px; box-shadow: #3e3e3e 0 0 0 1px; top: 5px; left: 0; }
.pbRow4 .inpWrp input[type=radio]:checked + label:before { background-color:#d00e6f; }
.pbRow4 .pbrRow { width: 49%; clear: left; margin: 0 0 32px; }
.pbRow4 .pbrRow > label { font-family: "Roboto Condensed", sans-serif; font-weight: 700; width: 70%; float: left; }
.pbRow4 .pbrRow > span { width: 70%; margin: 10px 0 0; }
.pbriRow { padding: 15px 32px; }
.pbriRow:nth-child(2n) { background:#EFEFEF; }
.pbriRow label { font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.pbriRow p { margin:10px 0 0; }
.pbrirLeft { float:left; width:50%; padding-right:10px; }
.pbrirRight { float:left; width:50%; padding-left:10px; text-align:right; }
.pbriRow:nth-child(6) .pbrirRight span { text-align:left; float:left; width:50%; }
.pbriRow:nth-child(6) .pbrirRight img { float:left; width:50%; padding-left:15px; }
.pbriHeizleistung, .pbriKuhlleistung { padding: 15px 20px; background: #D00E6F; color: #FFF; font-size: 20px; line-height: 34px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; margin: 12px 0 0; }
.pbriKuhlleistung { background:#172983; }
.pbrinotesInner { background:url(https://www.stego-connect.com/hubfs/Assets%20Stego%20DE%20-%20Theme/Image/note.png) no-repeat left 37px top 36px/38px auto #d00e6f; color: #FFF; padding: 32px 43px 25px 100px; margin-top:64px; display:none; }
.pbRow5 .downloadBtn { text-align: left; margin: 0 0 35px; }
.resBtn a { border: #D00E6F solid 2px; padding: 13px 40px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.resBtn a:hover, .resBtn:first-child a:hover { background:#D00E6F; color:#FFFFFF; }
.resBtn:first-child a { border:none; background: background: #f128c7; background: -moz-linear-gradient(-45deg, #f128c7 0%, #bf188d 51%, #720f7b 100%); background: -webkit-linear-gradient(-45deg, #f128c7 0%,#bf188d 51%,#720f7b 100%); background: linear-gradient(135deg, #f128c7 0%,#bf188d 51%,#720f7b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f128c7', endColorstr='#720f7b',GradientType=1 ); color: #FFF; padding: 15px 40px; line-height: 24px; display: inline-block; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.resBtn:first-child a svg { fill: #FFF; vertical-align: top; margin-left:10px; }
.resBtn:first-child a svg * { stroke:#FFFFFF; }
.resBtn { float: left; margin: 0 48px 0 0; }
.resBtn:last-child { margin-right:0; }
.resBtns { margin: 30px 0 0; }

.tctRow:nth-child(2n) { background:#FFFFFF; }
.tctrLeft { float: left; width: 50%; padding: 2px 50px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.tctrRight { float: left; width: 50%; padding: 2px 50px; }
.tcTop h6, .tcBottom h6 { color:#D00F6F; padding: 2px 50px; }
.tcOutput h6 { color:#D00F6F; }
.tcOutput h2 { margin: 0 0 60px; }
.tcbrA, .tcbrH, .tcbrE1, .tcbrG, .tcbrZ { float: left; width: 15%; }
.tcbrE2 { float: left; width: 25%; }
.cad .tcbrA, .cad .tcbrH, .cad .tcbrE1, .cad .tcbrG, .cad .tcbrZ { width:13%; }
.cad .tcbrD { float:left; width:10%; }
.cad .tcbrE2 { float: left; width: 25%; padding-left:10px; }
.cad .tcbrD a img { vertical-align:top; margin-top:3px; }
.cad .tcbrD a:hover img { display: none; }
.cad .tcbrD a:hover img.hide { display: block; }
.tcbrText { float: right; width: 50%; padding: 60px 50px; }
.tcbRow { padding: 2px 50px; }
/*.tcoData .tcbRow:nth-child(2n+1), */.tcbRow:nth-child(2n) { background: #FFF; }
.tcbheadingRow { font-family: "Roboto Condensed", sans-serif; font-weight: 700; padding:2px 50px; }
.tcOutput { padding: 50px 0 0; }
.tcbrZ span { width: 20px; height: 20px; display: block; border: #CCC solid 2px; margin: 2px 0 0; position:relative; }
.tcbrZ span:before { opacity:0; position: absolute; content: ''; left: 2px; top: 2px; width: 14px; height: 8px; border-left: #d00e6f solid 2px; border-bottom: #d00e6f solid 2px; transform: rotate(-45deg); }
.tcbrZ.active span { border-color:#d00e6f; }
.tcbrZ.active span:before { opacity:1; }
.tcOutput { padding: 30px 0 70px; display:none; }
.tcOutput.active { display:block; }
.tcOutput .tcbRow .tcbrE2, .tcOutput .tcbRow .tcbrA, .tcOutput .tcbRow .tcbrH, .tcOutput .tcbRow .tcbrE1, .tcOutput .tcbRow .tcbrG, .tcOutput .tcbRow .tcbrZ { color:#d00e6f; }

.body-container--Kontakt .formColumns { overflow: hidden; }

.dataTest { padding:150px 0; }
.dtSidebar { float: left; width: 25%; padding-right: 2%; }
.dtMain { float: left; width: 75%; }
.dtSidebar > div { padding:0; border-bottom: #B1B1B1 solid 2px; }
.dtsStyle1 > ul li { padding-left:35px; position:relative; margin:0 0 6px; }
.dtsStyle1 > ul li:before, .dtsStyle1 > ul li input + label:before { position:absolute; content:''; left:0; top:0; width:24px; height:24px; border:#B1B1B1 solid 2px; }
.dtsStyle1 > ul li.act:before, .dtsStyle1 > ul li input:checked + label:before { border-color:#D00E6F; }
.dtsStyle1 > ul li.act:after, .dtsStyle1 > ul li.is-checked:after, .dtsStyle1 > ul li input:checked + label:after { position:absolute; content:''; left:4px; top:6px; width:16px; height:8px; border-left:#D00E6F solid 2px; border-bottom:#D00E6F solid 2px; transform: rotate(-45deg); }

.dtSidebar > div ul { display: none; }
.dtSidebar > div .dtssInner { display: none; }
.dts16 .dtssInner { position:relative; padding-right:70px; }
.dtSidebar > div h6 { margin: 0; position: relative; padding: 34px 0; cursor: pointer; }
.dtSidebar > div h6:before { content: ""; width: 12px; height: 12px; border-left: 3px solid #3E3E3E; border-bottom: 3px solid #3E3E3E; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); right: 10px; transition: all ease-in-out .3s; }
.dtSidebar > div h6.active:before { transform: translateY(-50%) rotate(135deg); }


.dtmHeading, .defValue { float:left; width:13%; display:block; padding:11px 10px; }
.defName, .defNametitle { width:22%; }
.defDetails, .defDetailstitle { width:13%; }
.dtmHeadings { font-family: "Roboto Condensed", sans-serif; font-weight: 700; margin:0; list-style:none; padding:0; }
.dtMain ul { margin:0; list-style:none; padding:0; float:left; width:100%; overflow:hidden; }
.dtMain ul li { float:left; width:100%; transition-property: opacity, transform !important; transition-duration: 0.1s !important; }
.dtMain .dtmHeadings + ul li:nth-child(2n+1) { background:#FFFFFF; }
.dataTest .button-group ul { padding: 0; margin:0 0 25px; float: left; width: 100%; }
.dataTest .button-group li { float:left; width:100%; text-align: left; list-style:none; }
.dataTest .button-group li input { display:none; }
.dataTest .button-group li.is-checked:before { border-color:#D00E6F; }
/* .dataTest .button-group li.is-checked:after { position:absolute; content:''; left:4px; top:6px; width:16px; height:8px; border-left:#D00E6F solid 2px; border-bottom:#D00E6F solid 2px; transform: rotate(-45deg); } */
.dataTest h6 { margin: 0 0 12px; }
.dttSearch { float: left; width: 25%; padding-right:2%; }
.dttRight { float: left; width: 75%; padding-bottom: 0; border-bottom: #B1B1B1 solid 2px; }
.dttRight > div { float: left; width: 23.5%; margin-right:2%; }
.dttRight > div:nth-child(4n) { margin-right:0; }

.dttSearch input { width: 100%; padding: 6px 40px 6px 20px; border: none; line-height: 20px; outline: none; background:url(https://www.stego-connect.com/hubfs/Produktfinder%20Icons/search.svg) no-repeat center right 15px/15px auto #FFFFFF; }
.dttSearch > div { border-bottom:#B1B1B1 solid 2px; padding-bottom: 30px; }
.dttrFilter1, .dttrFilter2 { position:relative; }
.dttrFilter1 ul, .dttrFilter2 ul { position: absolute; left: 0; top: 32px; width: 100%; background: #FFF; z-index:1; display:none; }
.dttrFilter1 ul li, .dttrFilter1 ul li label, .dttrFilter2 ul li label { padding:6px 16px; float:left; width:100%; }
.dttrFilter1 ul li:hover, .dttrFilter1 ul li.act, .dttrFilter1 ul li input:checked + label, .dttrFilter2 ul li:checked + label { background:#dedede; }
.dttrFilter1 > label, .dttrFilter2 > label, .dtssInner > label { background: #D00E6F; color: #FFF; padding: 6px 30px 6px 16px; width: 100%; float: left; line-height: 20px; position:relative; }
.dtssInner > label { background:#FFFFFF; color:#D00E6F; }
.dttrFilter1 > div > label { background:#D00E6F; color:#FFFFFF; }
.dttrFilter1 ul li:after, .dttrFilter1 > div > label:after { border-color:#FFFFFF; }
.dttrFilter1 > label:after, .dttrFilter2 > label:after, .dtssInner > label:after, .mehrFilter > a:after { position:absolute; content:''; right:16px; top:10px; border-right:#FFFFFF solid 2px; border-bottom:#FFFFFF solid 2px; transform: rotate(45deg); width: 8px; height: 8px; }
.dttrFilter2 > label:after, .dtssInner > label:after { border-color:#D00E6F; }
.mehrFilter > a:after { border-color:#FFFFFF; }
.dtssInner { margin:0 0 30px; }
.dtssInner > ul { display:none; margin:0; }
.dttRight .dttrFilter2 > ul, .dttRight .dttrFilter1 > ul { display:none; position: absolute; left: 0; top: 100%; background: #FFF; margin: 0; z-index:9; }
.dttRight .dttrFilter2 > ul > li, .dttRight .dttrFilter1 > ul > li { padding:6px 16px; line-height:20px; }
.dttrFiltshow { text-align: center; padding: 6px 16px; line-height: 20px; color:#D00E6F; }
.dtsStyle2 ul li, .dtsStyle2 ul li label { padding: 6px 16px; line-height: 20px; background: #E4E4E4; display:block; }
.dtsStyle2 ul li.act, .dtsStyle2 ul li:hover, .dtsStyle2 ul li label:hover, .dtsStyle2 ul li input:checked + label { background-color:#D9D7D7; }
.dtSidebar .dts8 { border: none; }

.dtMaininner ul li.odd { background: #FFF; }
.dttrPagination { text-align:center; }
.dttrPagination .disable { pointer-events:none; opacity:0.5; }
.dttrPagination .pager { opacity:0; width:0; height:0; display:none; }
.dttrPagination .pager.active { margin-right:5px; }
.dttrPagination .pager.active, .dttrPagination .isotope-pager + .pager { display:block; opacity:1; width:auto; height:auto; }
.dttrPagination > * { display: inline-block !important; }
.pPrev { margin-right: 10px; float: left; width: 32px; height: 32px; background: #FFF; position:relative; }
.pPrev i, .pNext i { width: 8px; height:8px; border-top:#D00E6F solid 1.5px; border-left:#D00E6F solid 1.5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); margin-left: 2px; }
.pNext { float: right; margin-left: 5px; width: 32px; height: 32px; background: #FFF; position:relative; }
.pNext i { transform: translate(-50%,-50%) rotate(135deg); margin-left: -2px; }
.dttrPagination.disable > .pager { display:none !important; }
.dttrPagination.disable .pPrev, .dttrPagination.disable .pNext { pointer-events:none; opacity:0.5; }
.dttrPagination { color: #d00e6f; }


.dttRight > .dttrFilter2 ul { padding: 0; margin: 0; list-style: none; }
.dttRight > .dttrFilter2 ul li { padding:0; position: relative; width: 100%; float: left; }
.dttRight > .dttrFilter2 ul li label { padding: 6px 16px 6px 30px; }
.dttRight > .dttrFilter2 ul li input { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; display:none; }
.dttRight > .dttrFilter2 ul li input:checked + label { background:#dedede; }

.morefilters, .small-pagi, .dtSideTops, .dtsrSlide { display: none; }

.bSlidermain { padding: 0 0 45px; position: relative;  }
.ffmin, .ffmax { position: absolute; bottom: 22px;  }
.ffmin { left: 0; }
.ffmax { right: 0; }
.bSlidermain .slider-track { background: #fff; border-radius: 0;  }
.bSlidermain .slider.slider-horizontal .slider-track { height: 5px; }
.bSlidermain .slider.slider-horizontal { width: 100%; }
.bSlidermain .slider.slider-horizontal .slider-handle { width: 6px; height: 15px; border-radius: 0; margin-left: 0; background: #D00E6F;}
.bSlidermain .slider.slider-horizontal .slider-selection { border-radius: 0; box-shadow: none; background: #D00E6F; }
.bSlidermain .slider-track-high, .bSlidermain .slider-track-low { border-radius: 0; }
.bSlidermain .tooltip.tooltip-min.top, .bSlidermain .tooltip.tooltip-max.bottom { display: none; }
.defDetailstitle { color: #D00E6F;}
.dtMain { padding: 34px 0 0;  }
.rangeSlider .slider .tooltip-inner {  }
.defSerietitle, .defSerie, .dtmHeading:first-child, .defValue:first-child { padding-left: 20px; }
.dataTest { padding: 0 0 150px 0; }
.defDetails svg { width: 23px; vertical-align: middle; margin-right: 5px; }
.defDetails #Ebene_2 { width: 16px; }
.dts15 > div, .dts13 > div, .dts14 > div, .dts12 > div, .dts3 > div { display: none; }
.bSlidermain .tooltip.tooltip-min.top, .bSlidermain .tooltip.tooltip-max.top, .bSlidermain .tooltip.tooltip-main.top { display: none;  }
.resetFilters { margin: 34px 0 0;  border-bottom: 0 !important; }
.resetFilters a { position: relative; padding: 0 0 0 20px; }
.resetFilters a:before, .resetFilters a:after { content: " "; position: absolute; left: 0; top: 8px; width: 1.2px; height: 8px; background: #d00e6f;  }
.resetFilters a:before { transform: rotate(45deg); }
.resetFilters a:after { transform: rotate(-45deg); }
.dttSearch input[type="text"]::placeholder { color: #d00e6f; }
.utD { position: absolute; right: 0; top: 0; max-width: 60px; width: 100%; }
.utD > label { cursor:pointer; float: left; width: 100%; background: #FFFFFF; padding: 6px 20px 6px 7px; position: relative; line-height: 20px; font-size: 13px; }
.utD > label:after { position:absolute; content:''; right:10px; top:10px; width:6px; height:6px; border-right:#D00E6F solid 2px; border-bottom:#D00E6F solid 2px; transform:rotate(45deg); }
.utD ul { z-index: 1; position: relative; cursor: pointer; background:#E4E4E4; }
.utD ul li { padding:6px; font-size:13px; }
.utD ul li.active { background:#D9D7D7; }
.errorMsg { text-align: center; padding: 40px 0; }

.systems-page--search-results.o2 { padding:0; }
.searchInput { padding: 35px 0; background: #E4E4E4; text-align:center; }
.searchInput .hs-search-field__suggestions { display:none; }
.searchResult .content-wrapper, .searchInput .content-wrapper { max-width: 700px; }
.searchInput form { width: 100%; position: relative; }
.searchInput form input.hs-search-field__input { border: none; outline: none; padding: 10px 60px 10px 20px; line-height: 30px; }
.searchInput form button { border: none; padding: 0; background: transparent; fill: #d00e6f; width: 50px; height: 50px; position: absolute; right: 0; top: 0; }
.searchInput form button svg { height: 20px; vertical-align: middle; }
.searchResult { padding: 70px 0; background: #FFF; }
.searchResult .hs-search-results__title { text-decoration:none; }
.searchResult .hs-search-results__listing li { float:left; width:100%; margin: 0 0 25px; border-bottom: 2px solid #e2e2e2; }
.searchResult .searchRM { margin: 0 0 25px; }
.searchResult .searchRM a { line-height:20px; }
.searchResult .searchRM svg { vertical-align: top; }
.searchResult .searchRM a:hover svg, .searchResult .searchRM a:hover svg * { fill: #d00e6f; }
.header__search button { display:none; }
.noresult + .hs-search-results__pagination { display:none; }
.hs-search-results__pagination > a { border: #d00e6f solid 2px; padding: 5px 15px; border-radius: 20px; }


@media(max-width: 1650px){
/*   .header-content-wrapper { max-width: 1400px; }
  .header__navigation .menu__item--depth-1 > .menu__link { padding: 23px 40px !important; } */

  .intro-block:before { border-right: 720px solid #e4e4e4; border-top: 1480px solid transparent; border-bottom: 1300px solid transparent; }

}

@media(max-width: 1410px){
  .slick-arrow { margin-left:22px; }
  .slick-next { margin-right: 12px; }

  .stickyElements { top: 75%; }
}


@media(max-width: 1260px){
  .content-wrapper { max-width:900px; }

  .slick-arrow { margin-left:0px; }
  .slick-next { margin-right: -10px; }

  .teaser-content { padding: 62px; }

  .testiLeft { padding: 64px 70px; }
  .testiRight { padding: 101px 71px; }
  .strategyBox { width: 30%; margin: 30px 5% 0 0; }

  .milestones-content { padding: 30px 30px 30px 40px; }
  .milestones-content:before { top: 40px; left: 20px; }

  .withContactelements .formRight { padding: 45px 0 0 60px; }

  .ccDetails { padding: 20px; }
  .testimonialSection.o2 .testiRight { padding: 80px 70px; }
  .ccDetails h5 { font-size:20px; line-height:28px; }

  .withContactdetails .formLeft { max-width:65%; }
  .withContactdetails .formRight { width:35%; }

  .body-container--ausbildung .twocol-sec:before { margin-left:-65px; }

  .tcbheadingRow, .tcTop h6, .tcBottom h6 { padding:2px 0; }
  .tctrLeft, .tctrRight, .tcbRow { padding :2px 10px; }
  .tcbrText { padding: 60px 10px; }
  .dtBottommain { position: relative; }
  .dtSidebar.filters { opacity: 0; visibility: hidden; transition: all ease-in-out .3s; position: fixed; top: 120px; right: 0; left: 0; background-color: #D00E6F; width: 100%; max-width: 900px; padding: 40px; z-index: 99; overflow-y: auto; margin: 0 auto; max-height: 100%; }
  .dtSidebar.filters.active-filter { opacity: 1; visibility: visible; }
  .dttrFiltshow, .dttrPagination { display: none; }
  .dttRight { width: 65%; }
  .dttSearch { width: 35%; padding-right: 24px; border-bottom: #B1B1B1 solid 2px; }
  .dttSearch div  { border: 0; }
  .dttRight > div { width: 34%; margin-right: 4%; }
  .morefilters { display: block; margin-right: 0 !important; width: 20% !important; }
  .morefilters h5 { background-color: #D00E6F; padding: 5px 30px 5px 10px; color: #fff; display: inline-block; position: relative; font-size: 11px; line-height: 17px; margin: 0; }
  .morefilters h5:before { content: ""; position: absolute; right: 12px; top: 10px; border-right: #FFFFFF solid 2px; border-bottom: #FFFFFF solid 2px; transform: rotate(45deg); width: 6px; height: 6px; }
  .dtMain { width: 100%; padding: 22px 0 0; }
  .small-pagi { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; float: left; margin: 22px 0 0; padding: 22px 0 0; border-top: #B1B1B1 solid 2px; }
  .small-pagi > div { display: inline-block !important; }
  .dtSidebar .dtSideTops { display: flex; justify-content: space-between; border: 0; margin: 0 0 5px; font-size: 14px; line-height: 20px; font-weight: 700; }
  .dtmClose { width: 16px; height: 16px; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .dtmClose:before, .dtmClose:after { content: ""; background-color: #fff; height: 20px; width: 2px; position: absolute; transform: rotate(45deg); }
  .dtmClose:after { transform: rotate(-45deg); }
  .dtSidebar > div h6 { color: #fff; font-size: 14px; line-height: 20px; font-weight: 700; }
  .dtsStyle1 > ul li input + label:before { width: 18px; height: 18px; }
  .dtsStyle1 > ul li input:checked + label:before { border-color: #fff; }
  .dtsStyle1 > ul li.is-checked:after, .dtsStyle1 > ul li input:checked + label:after { border-color: #fff; width: 10px; height: 5px; top: 5px; }
  .dataTest .button-group li { color: #fff; font-size: 11px; line-height: 17px; padding-left: 30px; }

  .dttRight .mehrFilter { display:block; margin:0 0 30px; width:24%; }
  .mehrFilter a { background: #d00e6f; color: #FFF; padding: 6px 40px 6px 16px; line-height: 20px; position:relative; width:100%; }

  .dtSidebar > div { max-width:300px; clear:left; border-color:#FFFFFF; color:#FFFFFF; }
  .dtSidebar > div h6:before { border-color:#FFFFFF; }
  .dataTest .dts1 ul li { float: left; width: auto; margin: 0 15px 10px 0; }
  .bSlidermain .slider.slider-horizontal .slider-handle, .bSlidermain .slider.slider-horizontal .slider-selection { background:#b1b1b1; }
  .freeze { overflow: hidden; }
  .dtSidebar.filters { padding:80px 40px 250px; }
  .mobTitle.hide { display:block; position:absolute; left:0; top:40px; padding:0 40px; z-index:1; max-width: 100%; border: none; }
  .mobTitle.hide h6 { padding:10px 0 0; }
  .mobTitle.hide h6:before { display:none; }
  .mobTitle.hide a { position:absolute; right: 10px; top: -10px; z-index: 1; display: block; width: 40px; height: 40px; }
  .mobTitle a i { position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #FFF; display: block; border-radius: 2px; transform: rotate(45deg); }
  .mobTitle a:before { position:absolute; content: ''; left: -5px; top: 5px; width:100%; height:2px; background:#FFFFFF; border-radius:2px; transform:rotate(-45deg); transform-origin:center right; }
  .resetFilters a { color:#FFFFFF; }
  .resetFilters a:before, .resetFilters a:after { background:#FFFFFF; }
/*   .dataTest .dts3 .dtssInner > label { display:none; }
  .dataTest .dts3 .dtssInner > ul { display:block !important } */

}

@media(max-width: 991px){
  .content-wrapper { max-width:700px; }

  .teaser-block .intro-max-block { width: 72%; }
  .teaser-filter { width: 24%; }
  .tfilter-dropdown { margin:0 0 5px; }
  .teaser-img { width: 100%; float: left; position: static; padding: 56.25% 0 0; }

  .teaser-box { padding:0; }
  .trade-col.trade-col-one { font-size:20px; }
  .trade-col { font-size:16px; }
  .formColumns .hs-form-field { margin-bottom: 20px; }
  .formColumns .hs-fieldtype-booleancheckbox input + span { padding-left:50px; }

  .intro-block .intro-max-block, .teaser-block .intro-max-block { max-width:100% !important; width:100% !important; }
  .ttcsText { width: 100%; margin-right: 0; }
  .ttcsImage { margin-top: 20px; width: 100%; padding: 56.25% 0 0; }
  .testiSlide { display:block; float: left; width: 100%; }
  .testiLeft { padding: 64px 70px; width: 100%; border-bottom:3px solid #d00e6f; }
  .testimonialSection.o2 .testiLeft > span { padding:56.25% 0 0; }
  .testiRight { width: 100%; }
  .testiSlide:before { display:none; }

  .eiIcon { width: 11%; margin-right:11.25%; }
  .eiIcon:nth-child(5n) { margin-right:0; }

  .dataFacts ul { margin:0; padding:30px 0 0; }


  .twocol-content { padding: 30px 40px 40px; }
  .milestones-cols { padding-left: 120px; }
  .milestones-cols:nth-child(2n) { text-align: right; padding-left: 120px; padding-right: 0; }
  .milestones-cols:not(:first-child) { margin-top: 0; padding-top: 50px; }
  .milestones-cols:nth-child(2n) .milestones-innercols { margin-left: 100px; margin-right: 0; }
  .milestones-year { left: 0; transform: none; }
  .milestones-cols:before { left: 44px; transform: none; }
  .milestones-cols:not(:first-child) .milestones-year { top: 50px; }
  .milestones-cols:first-child:after { left: 38px; transform: none; }
  .milestones-cols:nth-child(2n) .milestones-innercols:before { left: 10px; right: auto; }
  .milestones-innercols:before { left: 0; top: 95px; width: 250px; }
  .milestones-cols:last-child:before { display: block; height: 50px; }
  .milestones-cols:first-child .milestones-innercols:before { top: 95px; }

  .withContactelements .formRight { padding: 45px 0 0 20px; }

  .columnCards:not(.simpleCards) .ccCard { width: 48.5%; margin-right:3%; }
  .columnCards:not(.simpleCards) .ccCard:nth-child(2n) { margin-right:0; }

  .stickyElements { top: auto; bottom: 0; transform: none; }
  .seContent { padding: 40px 40px 55px; }

  .ittwIcon { width:120px; height:120px; }
  .ittWrap { padding-left:140px; }
  .ipWraps .ipWrap, .ipWraps.columns4 .ipWrap { width: 100%; }
  .logoSlides .slick-list { margin: 0; }

  .ittLeft { padding: 0 0 40px; }
  .ittLeft, .ittRight { float: left; width: 100%; }
  .ittwoFullwidth { margin: 10px 0 0; }

  .hcRight { width:60%; }
  .withContactdetails .formLeft { float:left; max-width:100%; }
  .withContactdetails .formRight { float:left; width:100%; margin:40px 0 0; }

  .eduLeft { margin-right: 0; width: 100%; }
  .eduRight { width: 100%; }

  .body-container--ausbildung .jobOffers:not(:last-child) { margin:0 0 50px; }
  .eduColumn { float: left; width: 100%; margin-right: 0; }
  .bottomText { float:left; margin: 20px 0 0; }
  .simpleBtn { text-align:left; }
  .bottomText:before { left:0; right:auto; }

  .body-container--ausbildung .twocol-sec::before { margin-left: -52px; }
  .body-container--ausbildung .twocol-sec::after { margin-left: -553px; }

  .contactMain .intro-max-block { width:100%; }
  .contactMain .contactMap { padding: 40px 0 0; width: 100%; }
  .mapInfo #map { padding:56.25% 0 0; }
  .locationInfo, .locationInfo:nth-child(3n) { width:47.5%; margin-right:5%; }
  .locationInfo:nth-child(2n) { margin-right:0; }

  .pbRow .pbRowinner { padding: 40px; }
  .inpWrp input + span { padding:5px 15px; line-height:20px; }
  .pbRow > h6 { padding:14px 70px 14px 40px; }
  .pbRow > h6:after { right: 30px; }
  .pbrCol { width: 50%; }

  .tcbrA, .tcbrH, .tcbrE1, .tcbrG, .tcbrZ, .tcbrE2,  .tctrLeft, .tctrRight, .tcbRow { font-size:14px; }
  .tcOutput .tcbrZ.active span { border-color:transparent; }

  .dttSearch, .dttRight { width: 100%; padding: 0; margin: 0 0 30px; }
  .dtSidebar, .dtMain { width: 100%; padding: 0; }

}

@media(max-width: 767px){
  .content-wrapper { max-width:100%; }
  .h2, h2 { font-size:40px; line-height:44px; }
  .h3, h3 { font-size:24px; line-height:32px; }

  .tag-title { font-size:14px; line-height:22px; }
/*   .intro-block .btnStyle-simple a { margin: 8px 0 0; }  */
  .teaser-content { padding: 30px; }
  .teaser-block .intro-max-block { width: 100%; }
  .teaser-filter { width: 100%; margin-left: 0; }
  .tfilter-dropdown { float:left; margin:10px 0 5px; }
  .teaser-content .btnStyle-simple a { margin: 20px 0 0; }
  .trade-row { padding: 10px 0; }
  .trade-col { font-size: 16px; width: 100% !important; line-height: 20px; padding: 7px 0; min-height: 0; justify-content:center; }
  .formColumns .formLeft { max-width: 100%; }
  .formColumns .form-columns-2 > .hs-form-field, .formColumns .form-columns-3 > .hs-form-field { width: 100% !important; margin-right: 0; }
  .formColumns .hs_submit .hs-button { margin:0; }
  .formRight { position: relative; height: auto; transform: none; padding: 56.25% 0 0; left: 0; bottom: 0 !important; margin: 30px 0 0; float: left; width:100%; }
  .formRight > span { transform: none; }
  .testiLeft { padding: 30px; }
  .testiRight { padding: 60px 30px; }
  .strategyBox { width: 100%; margin: 30px 0 0; }
  .dataFacts ul li span:first-child { width: 100%; }
  .dataFacts ul li span + span { width: 100%; }
  .eiIcons { text-align:center; }
  .eiIcon { width: 50px; margin: 10px 20px !important; float: none; display: inline-block; }
  .testiRight > span:before { top:-5px; }
  .testiRight > span:after { bottom:-5px; }
  .dataFacts ul li span + span, .dataFacts ul li span:first-child, .dataFacts ul, .dataFacts ul p { font-size:16px; }


  .header.header-withoutbg { position: static; }

  .twocol-box { width: 100%; margin-right: 0; }
  .twocol-content { padding: 30px 30px 30px; }
  .eilIcon { width: 100%; margin: 40px 0 0 0; }
  .twocol-content h4 { font-size: 24px; line-height: 34px; }


  .milestones-innercols , .milestones-cols:nth-child(2n) .milestones-innercols { margin-left: 0; }
  .milestones-cols , .milestones-cols:nth-child(2n) { padding-left: 80px; }
  .milestones-year { width: 66px; min-height: 66px; font-size: 18px; line-height: 28px; }
  .milestones-cols:before { left: 32px; }
  .milestones-cols:first-child:after { left: 26px; }
  .milestones-innercols:before { top: 84px; left: 10px; width: 110px; }
  .milestones-content p { font-size: 16px; line-height: 22px; }
  .milestones-content { padding: 30px 20px 30px 35px; }
  .milestones-content:before { top: 35px; left: 15px; }

  .milestones-cols:first-child .milestones-innercols:before { top: 84px; }

  .withContactelements .formRight { padding: 45px 0 0; width: 100%; }
  .withContactelements .hs_dein_interesse li { width:100%; }

  .columnCards .ccCard { width:100% !important; margin-right:0 !important; }
  .testimonialSection.o2 .testiRight { padding:30px; }

  .formRight { display:none; }

  .blogpostBody.article-blog-post { padding: 50px 0; }

  .stickyElements { top: auto; transform: none; bottom: 0; }

  .tcsocialSection .tcsLeft, .tcsocialSection .tcsRight { margin: 10px 0; width: 100%; }

  .ittwIcon { position: static; float: none; display: inline-block; margin: 0 0 15px; }
  .ittSection { text-align:center; }
  .ittSection .tag-line { left: 50%; transform: translateX(-50%); }
  .ittWrap { padding-left: 0; width: 100%; margin-right: 0; }
  .downloadBtn { text-align: center; }

  .tcsocialSection .tcsRight li { margin:15px 15px 0 0; }

  .hcLeft { float: left; padding: 0; width: 100%; }
  .hcRight { width: 100%; position: relative; transform: none; left: 0; top: 0; float:left; margin:40px 0 0; display:none; }
  .hcRight > span { transform: none; position: relative; padding: 56.25% 0 0; float: left; width: 100%; left: 0; top: 0; }

  .jobofferSection:before, .jobofferSection:after { display:none !important; }
  .jobofferSection h2 { font-size:35px; line-height:40px; }

  .body-container--ausbildung .twocol-sec:after, .body-container--ausbildung .twocol-sec:before { display:none; }

  .jdWrap { margin: 15px 0; width: 100%; }

  .locationInfo, .locationInfo:nth-child(2n), .locationInfo:nth-child(3n) { width:100%; margin-right:0; }
  .liAddress { min-height: 0; }
  .locationInfos { padding: 0; }

  .knt-addleft, .knt-addright { width: 100%; margin:15px 0; }

  .seContent { padding: 30px 30px 55px; width: 300px; }

  .pbRow > h6 { padding: 14px 70px 14px 30px; }
  .pbRow .pbRowinner { padding: 30px; }

  .pbrtLeft, .pbrbLeft { float: left; width: 100%; margin-right: 0; }
  .pbrtRight, .pbrbRight { width: 100%; }

  .inpWrp input + span, .inpWrp select + span { padding: 5px 0 5px 10px; line-height: 18px; font-size: 14px; }
  .inpWrp select { padding: 10px 15px; }

  .stpNxt { float: left; width: 100%; padding: 15px 0 0; text-align: center; }
  .stpNxt a { padding:15px 25px; }

  .pbriRow { padding: 10px 15px; }
  .pbrirLeft { float: left; width: 100%; padding: 0 0 10px; }
  .pbrirRight { width: 100%; padding-left: 0; text-align: left; }
  .pbriHeizleistung .pbrirLeft, .pbriKuhlleistung .pbrirLeft { padding:0; }
  .pbrCol { width: 100%; }
  .pbRow3 .pbrCol, .pbRow4 .pbrRow { width: 100%; }
  .pbrinotesInner { padding:80px 30px 30px; background-position: left 30px top 30px; }
  .resBtns { margin:0; }
  .resBtn { margin: 15px 48px 0 0; }
  .stpPrv { width: 100%; text-align: center; padding:15px 0 0; }

  .tcbheadingRow { display:none; }
  .tcbrA, .tcbrH, .tcbrE1, .tcbrG, .tcbrZ { margin-bottom:5px; }
  .tcbrA, .tcbrH, .tcbrE1, .tcbrG, .tcbrZ, .tcbrE2, .tctrLeft, .tctrRight, .tcbRow { width:100%; font-size:16px; }
  .tcbrA > .hide, .tcbrH > .hide, .tcbrE1 > .hide, .tcbrG > .hide, .tcbrZ > .hide, .tcbrE2 > .hide, .tcbrD > .hide { display:block; color:#3e3e3e; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
  .tcbrZ span { margin-top:30px; }
  .tcbrText { padding: 20px 0 30px; width: 100%; }
  .cad .tcbrA, .cad .tcbrH, .cad .tcbrE1, .cad .tcbrG, .cad .tcbrZ, .cad .tcbrE2, .cad .tcbrD, .cad .tctrLeft, .cad .tctrRight, .cad .tcbRow { width:100%; font-size:16px; }

  .tcOutput h2 { margin: 0 0 20px; }


  .dtMaininner { margin:0; }
  .dtMain {  overflow-y:auto; }
  .dtMain .dtmInner { width:870px; }

  .dttRight > div { float: left; width: 100%; margin-right: 0; clear:left; }

  .bSlidermain .slider.slider-horizontal .slider-handle { width:8px; }
  .dttSearch, .dttRight { margin:0; border:0; }
  .dttrFilter1, .dttrFilter2 { max-width: 250px; }

  .dttRight .mehrFilter { width: 100%; max-width: 220px; }
  .dttRight .mehrFilter a { width:auto; }
  .dtssInner > label { padding-right:16px; width:auto; }
  .dtssInner > label:after { display:none; }
  .dataTest .button-group .dtssInner ul li { width:auto; float:left; padding: 6px 10px; margin: 10px 10px 0 0; color: #333; }
  .utD > label { color:#333333; }
  .dataTest { position:relative; padding:0 0 80px; }
  .dttrPagination { position: absolute; right: 16px; bottom: 5px; display: block; left: 50%; width: auto !important; font-size: 13px; }
  .dttrFiltshow { display: block; position: absolute; left: 16px; right: 50%; width: auto !important; bottom: 3px; font-size: 13px; padding:6px 10px 6px 0; }
  .pPrev { margin-right: 6px; width: 25px; height: 25px; }
  .pNext { width: 25px; height: 25px; }
  .saveBtn { display:block; border: none; }
  .saveBtn a { background: #FFF; padding: 10px 20px; width: 100%; text-align: center; margin: 30px 0 0; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; }



}