/*
 Theme Name:   Divi Child SSB
 Theme URI:    https://deine-domain.de
 Description:  Child Theme für Divi
 Author:       Aberjung Digital
 Template:     Divi
 Version:      1.0.0
*/

@import url("fonts.css");


:root {
    --primary-color: #23B2A5;
    --black-color: #1F1F1D;
    --light-color:#F4F2F2;
    --white-color:#ffffff;
}  

body {
    font-family: 'Sora',Helvetica,Arial,Lucida,sans-serif;
    color: var(--black-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Sora", sans-serif !important;
    color: var(--black-color);
}

h1, h2 {
    font-weight: 800 !important;
}

p, a {
    font-family: "Sora", sans-serif !important;
}

body a {
    color: var(--primary-color);
}

.container {
    max-width: 1600px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.custom-header-section {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'><circle cx='8.5' cy='8.5' r='8.5' fill='%23E4032E'/></svg>") 8 8, auto;
}

.custom-header-section.header-primary {
    color: var(--light-color);
    background-color: var(--primary-color);
}

.custom-header-section.header-primary .custom-checklist-container li::before {
    background-color: var(--black-color);
}
.custom-header-section.header-dark {
    color: var(--light-color);
    background-color: var(--black-color);
}

.custom-header-section.header-light {
    color: var(--black-color);
    background-color: var(--white-color);
}

.custom-header-section.header-light h1 {
    color: var(--primary-color);
}

.text-primary {
    color: var(--primary-color);
}

.text-lead {
    font-weight: 600;
    line-height: 1.4;
}

.text-large {
    font-size: 24px;
    font-weight: 600;
}

.text-meta {
   color: var(--primary-color); 
   text-transform: uppercase;
   font-size: 16px;
}

.home .custom-header-section .column-media {
    margin-left: -80px;
}

.custom-header-section .column-media {
    display: flex;
    z-index: -1;
    align-items: end;
    position: relative;
}

.custom-header-section .column-text {
    padding-top: 100px;
    padding-right: 40px;
    padding-bottom: 80px;
    max-width: 50%;
}

.custom-header-section .column-media img {
    aspect-ratio: 1;
    object-fit: cover;
    border-top-left-radius: 500px;
    border-top-right-radius: 500px;
}

.custom-header-section .column-media video {
    min-height: 800px;
    object-fit: cover;
    border-top-left-radius: 500px;
    border-top-right-radius: 500px;
}

.custom-header-section .column-media img.img-hochbau {
    border-radius: 0;
    clip-path: polygon( 50% 0, calc(100% - 50%) 0, 100% 40%, 100% 100%, 0 100%, 0 40% );
    min-height: unset !important;
    aspect-ratio: 1;
}

.img-text-overlay {
    position: absolute;
    padding: 40px;
    left: 0;
    bottom: 0;
}

.img-text-overlay h2 {
    max-width: 480px;
    text-transform: uppercase;
    font-size: 40px;
    color: var(--black-color);
}

.img-text-overlay h3 {
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 24px;
}

.custom-header-section .et_pb_code_inner {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-left: 40px;
    padding-right: 40px;
}

.custom-header-section .et_pb_code_inner > div {
    flex: 1 1 50%;
}

.custom-header-section .et_pb_code_inner .column-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-emphasized {
    color: var(--black-color);
}

.text-width-large {
    width: 540px;
    max-width: 100%;
}
.custom-header-section h1 {
    color: var(--light-color);
    font-size: 100px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    white-space: nowrap;
}

.custom-header-section .custom-buttons-container {
    margin-top: 60px;
}

.custom-buttons-container {
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap
}

.custom-btn {
    border-radius: 5px;
    padding: 7px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: color 0.3s ease-in-out;
}


.custom-btn .et-pb-icon {
    font-size: 16px;
    padding-right: 10px;
}

.custom-btn .custom-btn-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
}

.custom-btn .custom-btn-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.et_pb_scroll_top.et-pb-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--black-color);
    right: 10px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
}

.et_pb_scroll_top.et-pb-icon::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    padding: 4px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21'><path d='M0.725385 7.85129L7.22538 1.35129C7.3763 1.2002 7.55552 1.08034 7.7528 0.998566C7.95007 0.916789 8.16152 0.874699 8.37507 0.874699C8.58862 0.874699 8.80008 0.916789 8.99735 0.998566C9.19462 1.08034 9.37384 1.2002 9.52476 1.35129L16.0248 7.85129C16.3297 8.1562 16.501 8.56976 16.501 9.00098C16.501 9.43219 16.3297 9.84575 16.0248 10.1507C15.7198 10.4556 15.3063 10.6269 14.8751 10.6269C14.4439 10.6269 14.0303 10.4556 13.7254 10.1507L10.0001 6.42332L10.0001 18.751C10.0001 19.182 9.82887 19.5953 9.52412 19.9C9.21937 20.2048 8.80605 20.376 8.37507 20.376C7.9441 20.376 7.53077 20.2048 7.22602 19.9C6.92128 19.5953 6.75007 19.182 6.75007 18.751L6.75007 6.42332L3.02476 10.1507C2.71985 10.4556 2.30629 10.6269 1.87507 10.6269C1.44386 10.6269 1.0303 10.4556 0.725385 10.1507C0.420469 9.84575 0.249168 9.43219 0.249168 9.00098C0.249168 8.56976 0.420469 8.1562 0.725385 7.85129Z' fill='%23fff'/></svg>") no-repeat center/contain;
}

.custom-buttons-container .btn-item .btn-default {
    background-color: var(--black-color);
    color: var(--primary-color);
}

.custom-buttons-container .btn-item .btn-default:hover {
    color: var(--light-color);
}

.custom-buttons-container .btn-item .btn-primary {
    background-color: var(--light-color);
    color: var(--primary-color);
}

.custom-buttons-container .btn-item .btn-primary:hover {
    color: var(--black-color);
}

.custom-social-icons {
    display: flex;
    align-items: center;
    gap: 10px
}

.custom-social-icons a {
    display: block;
    width: 40px;
    height: 40px;
}

.custom-social-icons a svg{
    display: block;
    width: 100%;
    height: 100%;
}

.custom-checklist-container {
    list-style: none;
     columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;  
    padding-top: 20px !important;
    padding-left: 0 !important;
}

.custom-checklist-container li {
    list-style: none;
    padding-left: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    break-inside: avoid
}

.custom-checklist-container li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 28px;
    height: 28px;
    background-color: var(--primary-color);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M28.2325 12.8525C27.7612 12.36 27.2738 11.8525 27.09 11.4062C26.92 10.9975 26.91 10.32 26.9 9.66375C26.8813 8.44375 26.8612 7.06125 25.9 6.1C24.9387 5.13875 23.5562 5.11875 22.3363 5.1C21.68 5.09 21.0025 5.08 20.5938 4.91C20.1488 4.72625 19.64 4.23875 19.1475 3.7675C18.285 2.93875 17.305 2 16 2C14.695 2 13.7162 2.93875 12.8525 3.7675C12.36 4.23875 11.8525 4.72625 11.4062 4.91C11 5.08 10.32 5.09 9.66375 5.1C8.44375 5.11875 7.06125 5.13875 6.1 6.1C5.13875 7.06125 5.125 8.44375 5.1 9.66375C5.09 10.32 5.08 10.9975 4.91 11.4062C4.72625 11.8512 4.23875 12.36 3.7675 12.8525C2.93875 13.715 2 14.695 2 16C2 17.305 2.93875 18.2837 3.7675 19.1475C4.23875 19.64 4.72625 20.1475 4.91 20.5938C5.08 21.0025 5.09 21.68 5.1 22.3363C5.11875 23.5562 5.13875 24.9387 6.1 25.9C7.06125 26.8612 8.44375 26.8813 9.66375 26.9C10.32 26.91 10.9975 26.92 11.4062 27.09C11.8512 27.2738 12.36 27.7612 12.8525 28.2325C13.715 29.0613 14.695 30 16 30C17.305 30 18.2837 29.0613 19.1475 28.2325C19.64 27.7612 20.1475 27.2738 20.5938 27.09C21.0025 26.92 21.68 26.91 22.3363 26.9C23.5562 26.8813 24.9387 26.8612 25.9 25.9C26.8612 24.9387 26.8813 23.5562 26.9 22.3363C26.91 21.68 26.92 21.0025 27.09 20.5938C27.2738 20.1488 27.7612 19.64 28.2325 19.1475C29.0613 18.285 30 17.305 30 16C30 14.695 29.0613 13.7162 28.2325 12.8525ZM21.7075 13.7075L14.7075 20.7075C14.6146 20.8005 14.5043 20.8742 14.3829 20.9246C14.2615 20.9749 14.1314 21.0008 14 21.0008C13.8686 21.0008 13.7385 20.9749 13.6171 20.9246C13.4957 20.8742 13.3854 20.8005 13.2925 20.7075L10.2925 17.7075C10.1049 17.5199 9.99944 17.2654 9.99944 17C9.99944 16.7346 10.1049 16.4801 10.2925 16.2925C10.4801 16.1049 10.7346 15.9994 11 15.9994C11.2654 15.9994 11.5199 16.1049 11.7075 16.2925L14 18.5863L20.2925 12.2925C20.3854 12.1996 20.4957 12.1259 20.6171 12.0756C20.7385 12.0253 20.8686 11.9994 21 11.9994C21.1314 11.9994 21.2615 12.0253 21.3829 12.0756C21.5043 12.1259 21.6146 12.1996 21.7075 12.2925C21.8004 12.3854 21.8741 12.4957 21.9244 12.6171C21.9747 12.7385 22.0006 12.8686 22.0006 13C22.0006 13.1314 21.9747 13.2615 21.9244 13.3829C21.8741 13.5043 21.8004 13.6146 21.7075 13.7075Z' fill='%2323B2A5'/></svg>");
    mask-size: contain;
    -webkit-mask-size: contain;
}

#main-footer {
    background-color: var(--light-color);
}

#footer-bottom{
    background-color: var(--black-color);
    padding: 10px 0;
}

#footer-bottom .container{
    display: flex;
    justify-content: center;
    column-gap: 80px;
}

.footer-links {
    font-size: 14px;
    display: flex;
    gap: 80px;
}

.footer-links a {
    color: var(--light-color);
}

.footer-links a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
#footer-info {
    color: var(--light-color);
    font-size: 14px;
    float: unset;
    padding-bottom: 0;
}
#footer-widgets {
    display: flex;
    row-gap: 40px;
}

#footer-widgets .footer-widget {
    float: unset;
}

#footer-widgets .footer-widget p, #footer-widgets .footer-widget a {
    color: var(--black-color);
}

#footer-widgets {
    padding: 6% 0 0;
}

@media (min-width: 981px) {
    .et_pb_gutters3 .footer-widget {
        margin-right: 5.5%;
        margin-bottom: 5.5%;
        width: 20.875%;
    }
}


.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0
}
.et_mobile_menu {
    padding: 0;
}

#page-container {
    padding-top: 80px !important;
    margin-top: 0px !important;
}

#main-header,
#main-header.et-fixed-header {
    box-shadow: none !important;
    padding: 15px 0;
    min-height: 80px;
    box-sizing: border-box;
}
#main-header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: none;
}

#main-header .logo_container {
    position: relative;
    flex: 0 1 auto;
    width: fit-content;
}

#top-header {
    display: none;
} 

#et-top-navigation {
    padding: 0 !important;
    flex-direction: 1 1 auto;
}

#logo {
    max-height: 50px !important;
    max-width: 100% !important;
}

.clearfix:after {
    display: none;
}

.et-fixed-header #top-menu li.current-menu-item > a, 
.et-fixed-header #top-menu li.current_page_item > a,
#main-header .menu-item a {
    text-transform: none;
    padding-bottom: 0 !important;
}

.post-template-default #main-header,
.page-primary #main-header {
    background-color: var(--primary-color);
}

.page-dark #main-header {
    background-color: var(--black-color);
}

.page-light #main-header {
    background-color: var(--white-color);
}

.mobile_menu_bar:before {
    border-radius: 4px;
}
.post-template-default .mobile_menu_bar:before ,
.page-primary .mobile_menu_bar:before {
    background-color: var(--black-color);
    color: var(--primary-color);
}
.page-dark .mobile_menu_bar:before {
    background-color: var(--light-color);
    color: var(--primary-color);
}

.page-light .mobile_menu_bar:before {
    background-color: var(--black-color);
    color: var(--primary-color);

}
.post-template-default .et-fixed-header #top-menu li.current-menu-item > a, 
.post-template-default .et-fixed-header #top-menu li.current_page_item > a,
.post-template-default #main-header .menu-item a,
.post-template-default .et-fixed-header #top-menu li.current-menu-ancestor > a,
.page-primary .et-fixed-header #top-menu li.current-menu-item > a, 
.page-primary .et-fixed-header #top-menu li.current_page_item > a,
.page-primary #main-header .menu-item a,
.page-primary .et-fixed-header #top-menu li.current-menu-ancestor > a,
.page-dark .et-fixed-header #top-menu li.current-menu-item > a, 
.page-dark .et-fixed-header #top-menu li.current_page_item > a,
.page-dark #main-header .menu-item a  ,
.post-template-default .et-fixed-header #top-menu li.current-menu-ancestor > a,
.page-primary .et-fixed-header #top-menu li.current-menu-ancestor > a {
    color: var(--light-color) !important;
}

.post-template-default #main-header #mobile_menu .menu-item a,
.page-primary #main-header #mobile_menu .menu-item a,
.page-dark #main-header #mobile_menu .menu-item a,
.page-light .et-fixed-header #top-menu li.current-menu-item > a, 
.page-light .et-fixed-header #top-menu li.current_page_item > a,
.page-light #main-header .menu-item a  {
    color: var(--black-color) !important;
}

#top-menu-nav>ul>li>a:hover {
    opacity: 1;
}

#top-menu li li {
    padding: 0;
}

.nav li li ul {
    left: 200px;

}

.nav li.et-reverse-direction-nav li ul {
    right: 200px;
}

.nav li ul {
    width: 200px;
    padding: 10px 0;
}

#top-menu li.current-menu-item > a,
#top-menu li > a:hover,
#top-menu-nav>ul>li>a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    opacity: 1;
    background: none;
}


#main-header .menu-item .sub-menu li a{
    color: var(--black-color) !important;
}

#main-header .menu-item-has-children a {
    padding-right: 24px !important;
}

#main-header .menu-item .sub-menu .menu-item-has-children a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main-header .menu-item-has-children > a::after {
  content: "" !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: translateY(-4px);
  margin-left: 5px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 28"><path d="M14.7898 2.625C12.54 2.625 10.3408 3.29213 8.47019 4.54203C6.59958 5.79193 5.14162 7.56847 4.28067 9.64698C3.41972 11.7255 3.19446 14.0126 3.63337 16.2192C4.07227 18.4257 5.15564 20.4525 6.74646 22.0433C8.33728 23.6342 10.3641 24.7175 12.5706 25.1564C14.7772 25.5953 17.0643 25.3701 19.1428 24.5091C21.2213 23.6482 22.9979 22.1902 24.2478 20.3196C25.4977 18.449 26.1648 16.2498 26.1648 14C26.1616 10.9841 24.9622 8.09271 22.8296 5.96018C20.6971 3.82764 17.8057 2.62818 14.7898 2.625ZM18.9089 15.4941L15.4089 18.9941C15.3276 19.0754 15.2311 19.14 15.1249 19.184C15.0186 19.228 14.9048 19.2507 14.7898 19.2507C14.6748 19.2507 14.561 19.228 14.4547 19.184C14.3485 19.14 14.252 19.0754 14.1707 18.9941L10.6707 15.4941C10.5066 15.3299 10.4143 15.1072 10.4143 14.875C10.4143 14.6428 10.5066 14.4201 10.6707 14.2559C10.8349 14.0918 11.0576 13.9995 11.2898 13.9995C11.522 13.9995 11.7447 14.0918 11.9089 14.2559L13.9148 16.263V9.625C13.9148 9.39294 14.007 9.17038 14.1711 9.00628C14.3352 8.84219 14.5577 8.75 14.7898 8.75C15.0219 8.75 15.2444 8.84219 15.4085 9.00628C15.5726 9.17038 15.6648 9.39294 15.6648 9.625V16.263L17.6707 14.2559C17.8349 14.0918 18.0576 13.9995 18.2898 13.9995C18.522 13.9995 18.7447 14.0918 18.9089 14.2559C19.073 14.4201 19.1653 14.6428 19.1653 14.875C19.1653 15.1072 19.073 15.3299 18.9089 15.4941Z"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 28"><path d="M14.7898 2.625C12.54 2.625 10.3408 3.29213 8.47019 4.54203C6.59958 5.79193 5.14162 7.56847 4.28067 9.64698C3.41972 11.7255 3.19446 14.0126 3.63337 16.2192C4.07227 18.4257 5.15564 20.4525 6.74646 22.0433C8.33728 23.6342 10.3641 24.7175 12.5706 25.1564C14.7772 25.5953 17.0643 25.3701 19.1428 24.5091C21.2213 23.6482 22.9979 22.1902 24.2478 20.3196C25.4977 18.449 26.1648 16.2498 26.1648 14C26.1616 10.9841 24.9622 8.09271 22.8296 5.96018C20.6971 3.82764 17.8057 2.62818 14.7898 2.625ZM18.9089 15.4941L15.4089 18.9941C15.3276 19.0754 15.2311 19.14 15.1249 19.184C15.0186 19.228 14.9048 19.2507 14.7898 19.2507C14.6748 19.2507 14.561 19.228 14.4547 19.184C14.3485 19.14 14.252 19.0754 14.1707 18.9941L10.6707 15.4941C10.5066 15.3299 10.4143 15.1072 10.4143 14.875C10.4143 14.6428 10.5066 14.4201 10.6707 14.2559C10.8349 14.0918 11.0576 13.9995 11.2898 13.9995C11.522 13.9995 11.7447 14.0918 11.9089 14.2559L13.9148 16.263V9.625C13.9148 9.39294 14.007 9.17038 14.1711 9.00628C14.3352 8.84219 14.5577 8.75 14.7898 8.75C15.0219 8.75 15.2444 8.84219 15.4085 9.00628C15.5726 9.17038 15.6648 9.39294 15.6648 9.625V16.263L17.6707 14.2559C17.8349 14.0918 18.0576 13.9995 18.2898 13.9995C18.522 13.9995 18.7447 14.0918 18.9089 14.2559C19.073 14.4201 19.1653 14.6428 19.1653 14.875C19.1653 15.1072 19.073 15.3299 18.9089 15.4941Z"/></svg>') no-repeat center / contain;
}

#mobile_menu {
    border: none !important;
    top: 65px;
}

.et_mobile_menu .menu-item-has-children>a {
    background: none;
}

.sub-menu {
    border: none !important;

}

.et_pb_code_0 {
    transform: translateX(0) translateY(15px) !important;
    text-align: center;
}

.et_pb_blurb_description {
    max-width: 540px;
}

.et_pb_text {
    hyphens: auto;
}

.header-contact-buttons {
    position: fixed;
    top: 24px;
    left: 220px;
    z-index: 999999;
}

.page-dark .header-contact-buttons .btn-default {
    background-color: var(--light-color);
}

.post-template-default .et_post_meta_wrapper {
    text-align: center;
}



@media all and (min-width: 981px) {

    .et_right_sidebar #left-area {
        float: none !important;
        width: 100% !important;
        padding-right: 0;
    }
    .et_right_sidebar #main-content .container:before {
        display: none;
    }
}

@media screen and (max-width: 1399px) {
    .et_pb_row_0, .et_pb_row_1, .et_pb_row_2, .et_pb_row_4, .et_pb_row_5{
        max-width: 100% !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .et_pb_column_6 {
        padding-left: 40px !important;
    }
    .et_pb_column_7 .et_pb_row_inner > div {
        width: 100% !important;
    }

    #footer-widgets {    
        flex-wrap: wrap;
        padding: 80px 0;
    }

    #footer-widgets .footer-widget {
        margin-right: 0;
        box-sizing: border-box;
        text-align: center;
        flex: 1 1 33.33%;
        width: 33.33%;
    }
    #footer-widgets .footer-widget:nth-of-type(1) {
        order: 1;
        flex: 1 1 100%;
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #footer-widgets .footer-widget:nth-of-type(2) {
        order: 3;
         margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    #footer-widgets .footer-widget:nth-of-type(3) {
        order: 4;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

     #footer-widgets .footer-widget:nth-of-type(4) {
        order: 2;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .et_pb_widget {
        float: none;
    }

    .footer-widget .custom-social-icons {
        justify-content: center;
    }
}

@media screen and (max-width: 1249px) {
    .header-contact-buttons {
        left: 190px;
    }
}
@media screen and (min-width: 1200px) {

    .custom-header-section {
        height: calc(100vh - 80px);
        display: flex;
        min-height: 800px;
        max-height: 960px;
    }
}
@media screen and (max-width: 1199px) {
    .custom-header-section h1 {
        font-size: 80px;
    }

    .custom-header-section .column-media video {
        min-height: 720px;
    }

    .custom-checklist-container {
        columns: 1;
        -webkit-columns: 1;
    }

    .header-contact-buttons .custom-btn-text {
        display: none;
    }

    .header-contact-buttons .custom-btn {
        border-radius: 20px;
        width: 40px;
        height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-contact-buttons .custom-btn .custom-btn-icon {
        margin: 0;
    }

    .text-large {
        font-size: 22px;
    }
}

@media screen and (max-width: 980px) {
    .header-contact-buttons {
        position: absolute;
        left: unset;
        right: 90px;
    }
    
    .header-contact-buttons .custom-buttons-container {
        column-gap: 15px;
    }

    .header-contact-buttons .custom-btn {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 959px) {
    .custom-header-section h1 {
        font-size: 60px;
    }

    .custom-header-section .column-text {
        max-width: 70%;
        padding-top: 60px;
    }

    .home .custom-header-section .column-media {
        margin-left: -20%;
    }

    .custom-header-section .column-media video {
        min-height: 380px;
    }

    .custom-header-section .column-media img,
    .custom-header-section .column-media img.img-hochbau {
        transform: scale(1.3);
        transform-origin: bottom;
        margin-left: -15%;
    }

    .img-text-overlay {
        padding: 20px;
        margin-left: -30%;
    }

    .img-text-overlay h2 {
        max-width: 300px;
        font-size: 18px;
        font-weight: 800;
    }

    .img-text-overlay h3 {
      
        font-size: 14px;
    }

    .text-width-large {
        width: 500px;
    }

    .et_pb_column_6 {
        padding-bottom: 40px !important;
    } 

    #footer-widgets .footer-widget {
        width: 100%;
        flex: 1 1 100%;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    #footer-bottom .container,
    .footer-links {
        column-gap: 40px;
    }
}

@media screen and (max-width: 639px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .custom-header-section h1 {
        font-size: 48px;
    }

    .custom-header-section .column-media {
        margin-left: 0px;
    }
    
    .custom-header-section .column-text {
        width: 100%;
        max-width: 100%;
        padding-bottom: 40px;
        padding-right: 0;
    }

    .home .custom-header-section .column-media {
        margin-left: 0;
    }

    .custom-header-section .column-media img,
    .custom-header-section .column-media img.img-hochbau {
        transform: scale(1);
        margin-left: 0;
    }

    .img-text-overlay {
        margin-left: 0%;
    }

    .custom-header-section .et_pb_code_inner {
        flex-wrap: wrap;
        padding-left: 20px;
        padding-right: 20px;
    }

    .custom-header-section .et_pb_code_inner > div {
        flex: 1 1 100%;
    }

    .header-contact-buttons .custom-buttons-container {
        gap: 10px;
    }

    .header-contact-buttons {
        right: 70px;
    }

    .custom-header-section .custom-buttons-container {
        margin-top: 30px;
    }

     #footer-bottom .container,
    .footer-links {
        flex-wrap: wrap;
    }

    #footer-bottom .container > div,
    .footer-links > div{
        flex: 1 1 100%;
    }

     .footer-links {
        justify-content: center;
    }
}

@media screen and (max-width: 479px) {
    .custom-header-section h1 {
        font-size: 40px;
    }

    .custom-header-section .column-media video {
        min-height: 380px;
    }
}