.elementor-6680 .elementor-element.elementor-element-bb61815{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6680 .elementor-element.elementor-element-bb61815:not(.elementor-motion-effects-element-type-background), .elementor-6680 .elementor-element.elementor-element-bb61815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://hugoschneider.de/wp-content/uploads/hsh-karriere-header-2025-fallback.jpg") 50% 50%;background-size:cover;}.elementor-6680 .elementor-element.elementor-element-b4dc8fc{--display:flex;--position:absolute;bottom:0px;}.elementor-6680 .elementor-element.elementor-element-b4dc8fc:not(.elementor-motion-effects-element-type-background), .elementor-6680 .elementor-element.elementor-element-b4dc8fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 50%, var( --e-global-color-primary ) 50%);}body:not(.rtl) .elementor-6680 .elementor-element.elementor-element-b4dc8fc{left:0px;}body.rtl .elementor-6680 .elementor-element.elementor-element-b4dc8fc{right:0px;}.elementor-6680 .elementor-element.elementor-element-24ff7d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.5);}.elementor-6680 .elementor-element.elementor-element-24ff7d2:not(.elementor-motion-effects-element-type-background), .elementor-6680 .elementor-element.elementor-element-24ff7d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hugoschneider.de/wp-content/uploads/2024-02-01-Beton-Background-v1-KF.jpg");background-position:center center;background-repeat:repeat;background-size:250px auto;}.elementor-6680 .elementor-element.elementor-element-a9856db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6680 .elementor-element.elementor-element-7e30739{--display:flex;--padding-top:30px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-6680 .elementor-element.elementor-element-656a453{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:120px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-6680 .elementor-element.elementor-element-656a453:not(.elementor-motion-effects-element-type-background), .elementor-6680 .elementor-element.elementor-element-656a453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-6680 .elementor-element.elementor-element-2aff487{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;}.elementor-6680 .elementor-element.elementor-element-2aff487 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-6680 .elementor-element.elementor-element-d6c1cd3{color:var( --e-global-color-primary );}.elementor-6680 .elementor-element.elementor-element-73cfe71 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6680 .elementor-element.elementor-element-73cfe71 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-6680 .elementor-element.elementor-element-73cfe71 .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-accent );}@media(max-width:1140px){.elementor-6680 .elementor-element.elementor-element-e9200da{width:100%;max-width:100%;}.elementor-6680 .elementor-element.elementor-element-656a453{--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-6680 .elementor-element.elementor-element-2aff487{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-6680 .elementor-element.elementor-element-bb61815{--min-height:0vh;}body:not(.rtl) .elementor-6680 .elementor-element.elementor-element-b4dc8fc{left:0px;}body.rtl .elementor-6680 .elementor-element.elementor-element-b4dc8fc{right:0px;}.elementor-6680 .elementor-element.elementor-element-b4dc8fc{bottom:0px;}.elementor-6680 .elementor-element.elementor-element-656a453{--padding-top:60px;--padding-bottom:75px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS *//* Hero */
:root {
   --app-height: 100%;
}
@media only screen and (max-width: 767px) {
#start {
    height: 100vh;
    height: var(--app-height);
}
}

/* HALF CONTENT CONTAINER */

@media only screen and (min-width: 1600px) {
.halfContentContainer {
    width: calc((1500px - 60px)/2)
}
}
@media only screen and (max-width: 1600px) and (min-width: 1140px) {
    .halfContentContainer {
    width: calc((1140px - 60px)/2)
}
}


/* HUNDERTE PROJEKTE... */

.projects p {
    text-transform: uppercase;
        position: relative;
    display: inline-block;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.projects p:after {
    content: '';
    width: 50px;
    height: 2px;
    background: var(--e-global-color-accent);
}
.projects.paragraph p {
    padding-bottom: 20px; 
}

/* BLAUER UNTERSTRICH */

.projects.blue p:after {
    background: var(--e-global-color-secondary);
}

/* HSH BETON LOGO */

.elementor-2287 .elementor-element.elementor-element-791e53d::before {
    background-position: right 30px top 30px !important;
}

/* HOVER BOX */

.hover-box {
    overflow: hidden;
    cursor: default;
}

.hover-box:hover .hover-content {
    max-height: 600px;
    opacity: 1;
}

.hover-container .elementor-widget-html{
    height: 100% !important;
}

.hover-content {
    max-height: 0;
    opacity: 0;
    transition: max-height 500ms ease, opacity 400ms 100ms ease;
}

.youtubeVideo {
    aspect-ratio: 16/9;
}

.e-form__buttons__wrapper__button {
    border-color: var(--e-global-color-accent) !important;
    padding: 0 !important;
}
.elementor-field-type-submit .e-form__buttons__wrapper__button {
    padding-right: 30px !important;
}

.e-form__buttons {
    gap: 30px;
}

.elementor-field-type-html h3 {
    padding-bottom: 25px;
}

.e-form__buttons__wrapper__button .elementor-button-icon svg {
    padding-bottom: 2px;
}

/* LEISTUNGEN */

/* SAFARI FIX */
:root {
   --app-height: 100%;
}
@media only screen and (max-width: 767px) {
#start {
    height: 100vh;
    height: var(--app-height);
}
}
/* Custom Akkordeon */

.einzelleistungen h3 {
  cursor: pointer;
  margin: 0;
  padding: 15px 0;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.einzelleistungen h3:after {
  content: url('https://wp.hugoschneider.de/wp-content/uploads/hugo-schneider-hamm-pfeil-redesign.svg');
  width: 23px !important;
  display: block;
  transition: transform 250ms ease;
}
.einzelleistungen h3.open:after {
    transform: rotate(90deg)
}
.einzelleistungen div {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s ease;
  border-bottom: 2px solid var(--e-global-color-secondary);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.einzelleistungen .open {
padding-bottom: 15px;
}

b {
    font-weight: 700;
    position: relative;
    display: inline-block; 
    z-index: 1;
	text-decoration: underline !important;
	text-decoration-color: var(--e-global-color-accent) !important;
	text-decoration-thickness: 15px !important;
	text-underline-offset: -10px !important;
	text-decoration-skip-ink: none !important;
}/* End custom CSS */