/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'Fira Light';
    src:    url("assets/fonts/FiraSans-Light.woff2") format("woff2"),
            url("assets/fonts/FiraSans-Light.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Regular';
    src:    url("assets/fonts/FiraSans-Regular.woff2") format("woff2"),
            url("assets/fonts/FiraSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Bold';
    src:    url("assets/fonts/FiraSans-Bold.woff2") format("woff2"),
            url("assets/fonts/FiraSans-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

b, strong {
    font-family: 'Fira Bold';
    font-weight: 700;
}
h2, h3 {
    hyphens: auto;
}
a {
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
body {
    overflow-x: hidden;
}
ol, ul {
    margin: 0 0 20px 16px;
}
.wp-block-list li {
    margin-bottom: 16px;
    line-height: 20px;
    color: var(--accent);
}
.wp-block-list li:last-child {
    margin-bottom: 0;
}
.footer-bottom-nav ul li a,
.main-nav > ul > li a {
    position: relative;
}
.site-logo {
    z-index: 9;
}
.main-nav > ul > li a:before,
.footer-bottom-nav ul li a:before {
    content: "";
    width: 0;
    position: absolute;
    transition: width .3s ease-in;
    left: 0px;
    height: 1px;
    bottom: 0px;
}
.main-nav > ul > li a:before {
    background-color: #323943;
}
.footer-bottom-nav ul li a:before {
    background-color: #323943;
}
.main-nav> ul > li a:hover:before,
.footer-bottom-nav ul li a:hover:before,
.footer-bottom-nav ul li.current-menu-item a:before {
    width: 100%;
}
a.wp-block-button__link.wp-element-button{
    background-color: transparent;
    padding: 0 ;
    position: relative ;
}
.job_btn{
    background-color: transparent !important;
    padding: 0 !important;
    position: relative !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: transparent !important;
    font-family: 'Fira Bold';
    font-weight: 700;
}
.wp-block-button__link.wp-element-button:after , .job_btn:after{
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_31' data-name='Group 31' transform='translate(-325 -655)'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(325 655)' fill='none' stroke='%23323943' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M5232.89-2557.264v-8h-8' transform='translate(-5173.985 -1219.297) rotate(45)' fill='none' stroke='%23323943' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    height: 24px;
    width: 24px;
    transition: 0.3s ease-in-out;
    top: 8px;
    position: relative;
    color: var(--contrast-2);
}
.blue-btn .wp-block-button__link:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_1357' data-name='Group 1357' transform='translate(-325 -655)'%3E%3Cg id='Group_31' data-name='Group 31'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(325 655)' fill='none' stroke='%230082cd' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M5232.89-2557.264v-8h-8' transform='translate(-5173.985 -1219.297) rotate(45)' fill='none' stroke='%230082cd' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.job_btn:after {
    top: 0;
}
.job_btn{
    font-family: Fira Regular !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 1.28px !important;
    line-height: 24px !important;
}
.white-btn .wp-block-button__link:after ,.job_btn:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_1357' data-name='Group 1357' transform='translate(-325 -655)'%3E%3Cg id='Group_31' data-name='Group 31'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(325 655)' fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M5232.89-2557.264v-8h-8' transform='translate(-5173.985 -1219.297) rotate(45)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.wp-block-button__link {
    color: var(--contrast-2) !important;
    transition: none;
}
.blue-btn .wp-block-button__link {
    color: var(--accent) !important;
}
.white-btn .wp-block-button__link {
    color: var(--base-3) !important;
}
.gb-container p:last-child {
    margin-bottom: 0;
}
.hide__me__container {
    display: none ;
}
.gb-query-loop-wrapper:empty + .hide__me__container {  display: block;  }     
.hide__me__subcontainer {
    position: absolute;
    bottom: 24px;
    left: 50%; 
    transform: translateX(-50%);
}

/*Footer/Header*/
#sticky-navigation .inside-navigation {
    margin: 0 auto !important;
    max-width: 1364px;
    padding: 30px 0;
    justify-content: space-between;
}
#sticky-navigation {
    margin-left: 0 !important;
    background-color: var(--base-3) !important;
}
#sticky-navigation .navigation-branding {
    margin-right: 0;
}
#sticky-navigation .sticky-navigation-logo img {
    padding: 0;
}
.footer-bottom-nav ul {
    gap: 40px;
}
.footer-top-grid {
    margin-top: 75px;
}
.footer-main-desc a {
    color: var(--contrast-2);
}
.footer-main-desc a:hover {
    color: var(--accent);
}
#primary-menu, .menu-bar-items{
    margin-left: auto !important;
}
.main-navigation {
    /* margin-left: 165px !important; */
    width: 100%;
}
.main-navigation .menu-bar-item a svg {
    width: 24px;
    height: 24px;
    fill: var(--accent);
}
.main-navigation .main-nav ul {
    gap: 80px;
}
.main-nav> ul > li.current-menu-item a {
    font-family: 'Fira Bold';
    font-weight: 700;
    color: var(--contrast-2) !important;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-item a {
    padding: 0;
}
#generate-slideout-menu {
    margin-left: 0px !important; 
}
.slideout-navigation.main-navigation {
    background: linear-gradient(to bottom, #ff5c5a calc(100% - 160px), #e07272 160px) !important;
}
#generate-slideout-menu .inside-navigation {
    padding: 135px 0 0px 0;
    max-width: 1360px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 200px;
    height: 100%;
    align-items: baseline;
    position: relative;
}
#generate-slideout-menu .main-nav {
    margin-bottom: 0 !important;
    order: 1;
    min-width: auto;
    width: 60%;
}
#generate-slideout-menu .off-canvas-menu {
    order: 2;
    width: 40%;
    padding-left: 50px;
}
#generate-slideout-menu .slideout-info {
    position: absolute;
    bottom: 42px;
    display: flex;
    width: 100%;
    gap: 130px;
    align-items: center;
}
#generate-slideout-menu .off-canvas-menu ul {
    display: flex;
    flex-wrap: wrap;
}
#generate-slideout-menu .main-nav ul {
    gap: 24px;
}
#generate-slideout-menu .off-canvas-menu ul {
    gap: 38px;
}
#generate-slideout-menu .off-canvas-menu ul li {
    width: 100%;
}
#generate-slideout-menu .main-nav ul li,
#generate-slideout-menu .off-canvas-menu ul li {
    margin-bottom: 0;
    text-align: left !important;
}
#generate-slideout-menu .main-nav ul li a,
#generate-slideout-menu .off-canvas-menu ul li a {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: none;
}
#generate-slideout-menu .main-nav ul li a:after,
#generate-slideout-menu .off-canvas-menu ul li a:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg id='Group_1541' data-name='Group 1541' transform='translate(-325 -655)'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(325 655)' fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='24' cy='24' r='24' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='23.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M16,16V0H0' transform='translate(345.313 667.686) rotate(45)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
#generate-slideout-menu .off-canvas-menu ul li a:after {
    width: 24px; 
    height: 24px;
}
#generate-slideout-menu .main-nav ul li a:after {
    width: 48px; 
    height: 48px;
}
#generate-slideout-menu .main-nav ul li a:hover:after,
#generate-slideout-menu .off-canvas-menu ul li a:hover:after,
#generate-slideout-menu .off-canvas-menu ul li.current_page_item a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg id='Group_1541' data-name='Group 1541' transform='translate(-325 -655)'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(325 655)' fill='none' stroke='%23323943' stroke-width='1'%3E%3Ccircle cx='24' cy='24' r='24' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='23.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M16,16V0H0' transform='translate(345.313 667.686) rotate(45)' fill='none' stroke='%23323943' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#generate-slideout-menu .main-nav ul li a:hover,
#generate-slideout-menu .off-canvas-menu ul li a:hover,
#generate-slideout-menu .off-canvas-menu ul li.current_page_item a {
    color: var(--contrast-2);
}
#generate-slideout-menu .off-canvas-menu ul li a {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 2.56px;
    font-family: 'Fira Light';
    font-weight: 300;
}
#generate-slideout-menu .slideout-exit.has-svg-icon {
    padding-top: 45px;
    padding-right: 0;
    position: absolute;
    right: 0;
}
#generate-slideout-menu .slideout-exit.has-svg-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--base-3);
}
.servicehotline {
    display: flex;
    border: 1px solid transparent;
    border-radius: 40px;
    align-items: center;
    background-color: #ff5c5a;
}
.shimg {
    padding: 16px 20px 16px 24px;
    background-color: var(--base-3);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}
.sht {
    padding: 0px 24px 0px 32px;
    font-size: 24px;
    line-height: 32px;
    font-family: 'Fira Light';
    font-weight: 300;
    letter-spacing: 1.92px;
    text-align: left;
}
.shtel {
    padding: 0px 35px 0px 0;
}
.shtel a {
    border: 1px solid var(--base-3);
    border-radius: 40px;
    padding: 4px 22px 4px 14px;
}
.shtel a:hover {
    background-color: #ff5c5a;
}
.shtel a svg {
    position: relative;
    top: 2px;
}
.shtel a span {
    letter-spacing: 0;
    padding-left: 10px;
}
.searchform .search-form {
    position: relative;
}
.searchform input.search-field {
    border-radius: 40px;
    min-width: 440px;
    position: relative;
    border: 1px solid transparent;
    background-color: #ff5c5a;
    min-height: 72px;
    padding: 0px 64px 0 24px;
    font-size: 24px;
    line-height: 48px;
    color: var(--base-3);
    font-family: 'Fira Light';
    font-weight: 300;
}
.searchform input.search-field::placeholder {
    color: var(--base-3);
    font-size: 24px;
    font-family: 'Fira Light';
    font-weight: 300;
}
button.search-submit {
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
}
.searchform button.search-submit svg {
    height: 28px;
    width: 28px;
    fill: var(--base-3);
}
.searchform input.search-field:focus,
.searchform input.search-field:active,
.searchform input.search-field:hover {
    outline: none;
}
.social-item {
    display: inline-flex !important;
    width: fit-content !important;
}
.social-item a {
    position: relative;
    color: transparent !important;
}
.social-item a:before {
    content: "";
    display: flex;
    height: 30px;
    width: 30px;
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    position: absolute;
    top: 10px; 
}
.social-item.fb-item a:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E");
}
.social-item.insta-item a:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
}
.social-item.link-item a:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'%3E%3C/path%3E%3C/svg%3E");
}
.social-item.fb-item a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E");
}
.social-item.insta-item a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
}
.social-item.link-item a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'%3E%3C/path%3E%3C/svg%3E");   
}
.social-item a:after {
    display: none !important;
}

/*Patterns*/
.aktuelles {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 40px 40px 24px;
    z-index: 6;
    width: 100%;
}
.aktuelles:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #32394300 0%, #323943 100%) 0% 0% no-repeat padding-box;
    top: 0;
    left: 0;
    z-index: -1;
}
.aktuelles .wp-block-button__link {
    color: var(--base-3) !important;
}
.aktuelles h2 {
    line-height: 40px;
    font-family: 'Fira Bold';
    font-weight: 700;
    letter-spacing: 0.64px;
    color: var(--base-3);
}
.aktuelles h2 a {
    color: var(--base-3);
}
.cat-shadow a.gb-container-link:hover,
.searchReasultItem a:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
}
.cat-shadow img {
    height: 640px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.key-item p {
    letter-spacing: 0.64px;
}
.key-item figure {
    position: absolute;
    top: -40px;
}
.special-btn {
    position: relative;
}
.special-btn .gb-headline-text a {
    padding: 11px 20px 11px 40px;
    border-radius: 40px;
    border: 1px solid var(--contrast-2);
}
.special-cta-btn.special-btn .gb-headline-text a,
.special-cta-btn.special-btn .gb-headline-text a:hover {
    border: 1px solid var(--base-3);
}
.special-cta-btn.special-btn .gb-headline-text a:hover {
    background-color: var(--base-3);
    color: var(--accent);
}
.special-btn .gb-icon {
    position: absolute;
    left: 16px;
}
.special-btn .gb-headline-text a:hover {
    border: 1px solid var(--accent);
}
.special-btn .gb-icon svg path {
    transition: 0.3s ease-in-out;
}
.special-btn:hover .gb-icon svg path,
.special-cta-btn.special-btn:hover .gb-icon svg path {
    fill: var(--accent) !important;
}
.special-cta-btn.special-btn .gb-icon svg path {
    fill: var(--base-3) !important;
}
.standort-item img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.cta-blue {
    isolation: isolate;
    position: relative;
    overflow: visible !important;
}
.blue-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    mix-blend-mode: multiply;
    z-index: 1;
    background: var(--accent);
}
.cta-left-shadow:before,
.cta-left-shadow:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--accent) ; 
}
.cta-left-shadow:before {
  top: -60px;
}
.cta-left-shadow:after {
  bottom: -60px; 
}
.image-column {
    height: 520px;
    object-fit: cover;
}
.image-column-two {
    height: 640px;
    object-fit: cover;
}
.cta-image-blue {
    width: 48% !important;
    background-color: transparent !important;
}
.cta-dark {
    background-color: transparent !important;
}
.cta-image-dark {
    width: 42%;
    background-color: transparent !important;
}
.cta-image-dark.cta-dark-hero {
    width: 60%;
}
.home .cta-image-blue-left.cta-dark-hero {
    bottom: -100px;
}
.content-layer h2:last-child {
    margin-bottom: 0;
}
.gb-tabs__buttons button {
    position: relative;
}
.gb-tabs__buttons button .gb-button-text {
    line-height: 32px;
}
.gb-tabs__buttons button:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--contrast-3);
    position: absolute;
    bottom: -12px;
}
.gb-tabs__buttons button.gb-block-is-current:after {
    background-color: var(--accent);
}
.gb-tabs__buttons button {
    flex-direction: column;
    gap: 8px;
    hyphens: auto;
}
.gb-tabs__buttons button.gb-block-is-current .gb-icon path,
.gb-tabs__buttons button.gb-block-is-current .gb-icon g,
.gb-tabs__buttons button:hover .gb-icon path,
.gb-tabs__buttons button:hover .gb-icon g  {    
    stroke: var(--base-3)
}
.smartcrawl-breadcrumbs a {
    color: var(--contrast-3);
}
.smartcrawl-breadcrumbs a:hover {
    color: var(--accent);
}
.smartcrawl-breadcrumbs span strong {
    font-family: 'Fira Regular';
    font-weight: 400;
}
.smartcrawl-breadcrumb-separator  {
    padding: 0 5px;
}
.single-blog-info .smartcrawl-breadcrumb-separator .smartcrawl-breadcrumbs a,
.single-blog-info .smartcrawl-breadcrumbs a  {
    color: #ADAFB3;
}
.inner-single-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; 
    height: 100%;
    background-color: var(--base); 
}
.single-post-date p {
    margin-bottom: 0;
}
.single-post-date {
    display: inline-flex;
    font-size: 24px;
    line-height: 32px;
}
.single-post-author {
    text-transform: capitalize;
    padding-left: 7px;
}
.single .site-content,
.search .site-content {
    padding: 80px 0px 240px 0px;
}
.search .search-h1 {
    margin-bottom: 60px;
}
.search-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    margin-left: -16px;
}
.search .searchResult{
    width: 33.33%;
    padding-left: 16px;
}
.searchReasultItem  {
    position: relative;
    padding: 0;
}
.searchReasultItem a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}
body.category,
body.page-id-275 {
    background: linear-gradient(to bottom, #EAEBEC 0 680px, #FFFFFF 680px 100%);
} 
.single > .site > .site-content > .content-area > .site-main > p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 300;
    font-family: 'Fira Light';
    max-width: 1134px;
    margin: 0 auto 30px auto;
}
.single > .site > .site-content > .content-area > .site-main > p:last-child {
    margin-bottom: 0;
}
.custom-table table td {
    border-right: 3px solid white;
    background-color: var(--base);
    border-bottom: 16px solid white;
    border-top: 0;
    padding: 15px;
    border-left: 0;
    font-size: 24px;
    line-height: 32px;
}
.custom-table table {
    margin-bottom: 0 !important;
    border: 0 !important;
}
.box-icon img {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
}
.box-icon p:last-child {
    margin-top: 20px;
}
.job-query a {
    padding: 0 24px 24px 24px;
}
.job-query a:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
}

.single-job_listing .site-content {
    padding: 0px 0px 240px 0px;
}
.inner-job-hero {
    display: flex;
    min-height: 580px;
    overflow-x: hidden;
    position: relative;
}
.inner-job-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: var(--base);
}
.hero-job-background {
    flex: 1;
    display: flex;
    justify-content: flex-start; 
    position: relative; 
    z-index: 1; 
}
.hero-job-background::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0; 
    width: 49%; 
    height: 100%; 
    background-image: var(--hero-background-image); 
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover; 
    z-index: -1; 
    background-color: var(--base);
}
.hero-job-wrapper {
    max-width: 1364px;
    margin: 0 auto;
	width:100%;
}
.hero-job-wrap {
    display: flex;
    flex-wrap: wrap;
}
.hero-job-wrap {
    width: 50%;
}
.hero-information {
    height: 100%;
    position: relative;
    padding-top: 40px;
    padding-right: 80px;
    padding-bottom: 40px;
}
.hero-information h1 {
    font-family: "Fira Bold";
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 16px;
    word-break: auto-phrase;
    hyphens: auto;
    font-size: 50px;
}
.hero-desc-meta {
    display: flex;
    align-items: center;
    gap: 33px;
    margin-bottom: 40px;
}
.hero-desc-meta h2,
.hero-desc-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.hero-desc-meta h2 svg,
.hero-desc-meta ul svg {
    margin-right: 16px;
}
.hero-desc-meta h2,
.hero-desc-meta ul li,
.hero-desc {
    font-family: "Fira Light";
    font-weight: 300;
}
.hero-desc-meta ul li{
    font-size: 32px;
    line-height: 48px;
}
.hero-desc {
    line-height: 32px;
    letter-spacing: 0.64px;
    color: var(--contrast-2)
}
.job-wrapper {
    padding-top: 80px;
}
.job-content {
    display: flex;
    position: relative;
}
.job-main-content,
.job-team-member {
    width: 50%;
}
.job-team-member {
    padding-left: 50px;
    display: grid;
    justify-content: end;
    align-items: start;
}
.job-sticky-sidebar {
    position: sticky;
    top: 80px;
    max-width: 440px;
}
.job-team-member .team-member {
    width: 100%;
}
.job-tm {
    margin-bottom: 40px;
    line-height: 32px;
    letter-spacing: 0.64px;
}
.job-main-content h2:first-child {
    margin-top: 0;
}
.job-main-content h2 {
    margin-top: 80px;
    margin-bottom: 16px;
}
.job-main-content p {
    line-height: 32px;
}
.job-main-content ul {
    margin-top: 40px
}
.dienstleistungen-parent header {
    position: absolute;
    width: 100%;
    background-color: transparent;
    background: transparent linear-gradient(180deg, #0f0f10fa 0%, #32394300 100%) 0% 0% no-repeat padding-box;
}
.dienstleistungen-parent .main-navigation {
    background-color: transparent !important;
}
.dienstleistungen-parent .header-image.is-logo-image {
    filter: brightness(0) invert(1);
}
.dienstleistungen-parent .main-navigation .main-nav ul li a {
    color: var(--base-3);
}
.dienstleistungen-parent .main-navigation .menu-bar-item a svg {
    fill: var(--base-3);
}
.dienstleistungen-parent #sticky-navigation .main-nav ul li a {
    color: var(--contrast-2) !important;
}
.dienstleistungen-parent #sticky-navigation .menu-bar-item a svg {
    fill: var(--accent) !important;
}
.service-box {
    position: absolute;
    bottom: -100px;
    right: 0;
}
.home-tel a.wp-block-button__link {
    color: var(--accent) !important;
    border: 1px solid #e07272;
    border-radius: 40px;
    padding: 10px 16px 10px 40px;
    position: relative;
    transition: 0.3s ease-in-out;
}
.home-tel a.wp-block-button__link:after {
    display: none;
}
.home-tel a.wp-block-button__link:hover {
    font-family: 'Fira Regular';
    font-weight: 400 !important;
    background-color: var(--accent) !important;
    color: var(--base-3) !important;
}
.home-tel a.wp-block-button__link:focus,
.home-tel a.wp-block-button__link:active {
    font-family: 'Fira Regular' !important;
    font-weight: 400 !important;
}
.home-tel .wp-block-buttons,
.home-tel .wp-block-button__link.wp-element-button {
    position: relative;
}
.home-tel .wp-block-buttons::after,
.home-tel .wp-block-buttons::before {
    content: "";
    display: flex; 
    width: 24px; 
    height: 24px; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_1316' data-name='Group 1316' transform='translate(0 0)'%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' fill='none' stroke='%23e07272' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_119' data-name='Path 119' d='M8,0V8H0' transform='translate(20.172 12) rotate(135)' fill='none' stroke='%23e07272' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    position: absolute;
    top: 10px; 
}
.home-tel .wp-block-buttons::after {
    right: -40px;
}
.home-tel .wp-block-buttons::before {
    right: inherit;
    left: -40px;
    transform: rotate(180deg);
}
.home-tel .wp-block-button__link.wp-element-button:after{
    content: "";
    display: flex; 
    width: 13px; 
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.771' height='16.858' viewBox='0 0 13.771 16.858'%3E%3Cpath id='Path_120' data-name='Path 120' d='M5.557,4.275,5.2.8C5.1-.2,3.026-.11,2.25.257-1.024,1.807-.092,6.21,1.1,8.868q3.4,6.564,7.532,7.667c2.158.769,4.951.242,5.13-2.436a1.936,1.936,0,0,0-.11-.889Q13.4,12.7,10.027,11.29q-.654-.234-1.528.532a2.14,2.14,0,0,1-.262.2.756.756,0,0,1-1.061,0c-1.2-.925-3.019-4.187-3.4-5.165a.76.76,0,0,1,.511-.909A1.813,1.813,0,0,0,5.557,4.275' transform='translate(0.001 0)' fill='%23e07272' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 13px;
    left: 16px;
    margin: 0;
}
.home-tel a.wp-block-button__link:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.771' height='16.858' viewBox='0 0 13.771 16.858'%3E%3Cpath id='Path_120' data-name='Path 120' d='M5.557,4.275,5.2.8C5.1-.2,3.026-.11,2.25.257-1.024,1.807-.092,6.21,1.1,8.868q3.4,6.564,7.532,7.667c2.158.769,4.951.242,5.13-2.436a1.936,1.936,0,0,0-.11-.889Q13.4,12.7,10.027,11.29q-.654-.234-1.528.532a2.14,2.14,0,0,1-.262.2.756.756,0,0,1-1.061,0c-1.2-.925-3.019-4.187-3.4-5.165a.76.76,0,0,1,.511-.909A1.813,1.813,0,0,0,5.557,4.275' transform='translate(0.001 0)' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}
.more-jobs a {
    padding: 0;
}
.more-jobs a:hover {
    box-shadow: none;
}
.knt-btn a.wp-block-button__link {
    font-size: 20px;
}
.legal-pages h2:first-child {
    margin-top: 0;
}
.legal-pages h2 {
    margin-top: 60px;
}
.error404 .inside-article {
    padding-top: 160px;
}
.error404 .entry-header {
    margin-bottom: 40px;
}
.error404 .entry-header h1 {
    font-size: 100px;
    line-height: 100px;
    font-family: "Fira Bold";
    font-weight: 700;
    margin-bottom: 16px;
}
.error404 .entry-header h2 {
    font-size: 64px;
    line-height: 68px;
}
.error404 .wp-block-buttons {
    display: flex;
    gap: 24px;
    justify-content: center;
}
.error404 .wp-block-button__link {
    color: var(--accent) !important;
    border: 1px solid #e07272;
    border-radius: 40px !important;
    padding: 10px 30px;
    transition: 0.3s ease-in-out;
}
.error404 .wp-block-button__link:hover {
    background-color: var(--accent) !important;
    color: var(--base-3) !important;
    font-family: "Fira Regular";
    font-weight: 400 !important;
}
.cta-dark-hero h2 {
    hyphens: none;
}
#icon-boxes > .gb-grid-wrapper > .gb-grid-column {
    display: flex;
}
.box-icon {
    width: 100%;
}
.job-query h3 {
    word-break: break-word;
    hyphens: auto;
}
.job-item {
    aspect-ratio: 1 / 1;
    width: 100%;
}

@media (max-width: 1500px) and (min-width: 1024px) {
    .img-txt-l {
        padding-left: 40px !important;
    }
    .img-txt-r {
        padding-right: 40px !important;
    }
}

@media (max-width: 1400px) and (min-width: 1024px) {
    #generate-slideout-menu .inside-navigation {
        padding: 100px 24px 0px 24px;
        max-width: 1024px;
        gap: 40px;
    }
    #generate-slideout-menu .slideout-info {
        gap: 20px;
    }
    .searchform input.search-field,
    .searchform input.search-field::placeholder {
        font-size: 20px;
    }
    .sht {
        padding: 0px 24px 0px 24px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0;
    }
    .shtel {
        padding: 0px 24px 0px 0;
    }
    .slideout-navigation.main-navigation .main-nav ul li a {
        font-size: 42px !important;
        letter-spacing: 2.56px !important;
        line-height: 60px !important;
    }
    #generate-slideout-menu .off-canvas-menu ul li a {
        font-size: 26px !important;
        line-height: 38px !important;
        letter-spacing: 1.28px !important;
    }
    #generate-slideout-menu .off-canvas-menu ul {
        gap: 30px;
    } 
    .job-query {
        row-gap: 24px !important;
        margin-left: -24px !important;
    }
    .job_listing {
        padding-left: 24px !important;
    }  
    .cta-image-dark.cta-dark-hero {
       padding-right: 40px !important;
    } 
    .home-tel {
        right: 70px !important;
    }
    .hero-breadcrumbs {
        left: 24px;
    }
    .hero-information {
        padding-right: 24px;
        padding-left: 24px;
        width: 98%;
    }
    .hero-information h1 {
        font-size: 40px;
        line-height: 48px;
    }
}
@media (max-width: 1550px) and (min-width: 1400px) {
    .team-member-info {
        padding: 30px !important;
    }
    .team-member-email a, 
    .team-member-phone a {
       font-size: 14px;
    }
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .team-member-info {
        padding: 20px !important;
    }
    .team-member-email a, 
    .team-member-phone a {
       font-size: 13px;
    }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .team-all-search {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .team-member {
        width: calc(50% - 16px);
    }
    .team-member-thumbnail img, .team-search-thumbnail img{ 
        object-position: top !important;
    }
    .team-member-email a, 
    .team-member-phone a {
       font-size: 13px;
    }
}

@media (max-width: 769px) and (min-width: 768px) {
    header .inside-header {
        justify-content: space-between;
    }
    header .inside-header #mobile-menu-control-wrapper {
        margin-left: 0 !important;
        width: 32px !important;
        justify-content: unset;
    }
    header .mobile-menu-control-wrapper .menu-toggle {
        background-color: transparent;
        padding: 0;
    }
    header .mobile-menu-control-wrapper .menu-toggle svg {
        width: 32px;
        height: 24px;
        fill: var(--accent);
    }
}

@media (max-width: 1400px) {
    header .inside-header,
    #sticky-navigation .inside-navigation {
        padding-left: 24px;
        padding-right: 24px;
    }
    .main-navigation .main-nav ul {
        gap: 30px;
    }
    .site-main .inside-article {
        padding-left: 24px;
        padding-right: 24px;
    }
    body.category .smartcrawl-breadcrumbs,
    body.page-id-275 .smartcrawl-breadcrumbs,
    body.category h1,
    body.page-id-275 h1 {
        padding-left: 24px;
        padding-right: 24px;
    }
    body.page-id-275 .inside-article {
        background: transparent;
    }
    .single .site-content,
    .search .site-content {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 1200px) {
    .main-navigation {
        margin-left: 60px !important;
    }
}

@media (max-width: 1024px) {
    .team-member-thumbnail img, .team-search-thumbnail img{
        object-position: top !important;
    }
    .hero-information h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .footer-bottom-nav ul {
        gap: 20px;
    } 
    .footer-top-grid {
        margin-top: 40px;
    }
    .footer-main-title-last {
        hyphens: auto;
    }
    .main-navigation {
        margin-left: 80px !important;
    }
    .main-navigation .main-nav ul {
        gap: 24px;
    }
    #generate-slideout-menu .inside-navigation {
        padding: 130px 40px 0px 40px;
        max-width: 100%;
        flex-direction: column;
        gap: 16px;
        height: 100%;
        align-items: center;
        justify-content: flex-start;
    }
    
    #generate-slideout-menu .main-nav {
        width: 100%;
    }
    #generate-slideout-menu .main-nav ul,
    #generate-slideout-menu .off-canvas-menu ul {
        gap: 16px;
    }
    #generate-slideout-menu .off-canvas-menu {
        width: 100%;
        padding-left: 0;
    }
    #generate-slideout-menu .off-canvas-menu ul li a {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 1.26px;
    }
    #generate-slideout-menu .main-nav ul li a:after,
    #generate-slideout-menu .off-canvas-menu ul li a:after {
        width: 30px;
        height: 30px;
    }
    #generate-slideout-menu .slideout-exit.has-svg-icon {
        padding-top: 44px;
        padding-right: 24px;
    }  
    .slideout-navigation.main-navigation {
         background: linear-gradient(to bottom, #ff5c5a calc(100% - 160px), #e07272 160px) !important;
    }
    #generate-slideout-menu .slideout-info {
        bottom: 15px;
        width: 100%;
        gap: 15px;
        flex-direction: column;
    }
    .sht {
        padding: 0px 16px 0px 16px;
        font-size: 20px;
        line-height: 28px;
    }
    .searchform input.search-field {
        min-width: auto;
        padding: 0px 64px 0 24px;
        font-size: 20px;
        line-height: 36px;
        min-height: 55px;
    }
    .searchform input.search-field::placeholder {
        font-size: 20px;
        line-height: 36px;
    }
    .shimg {
        padding: 10px 20px 10px 24px;
    }
    #sticky-navigation .inside-navigation {
        padding: 20px 24px;
    }
    .aktuelles {
        padding: 24px 24px 24px 24px;
    }
    .aktuelles h2 {
        line-height: 1.2em;
    }
    .cta-left-shadow:before,
    .cta-left-shadow:after {
        height: 40px;
    }
    .cta-left-shadow:before {
        top: -39px;
    }
    .cta-left-shadow:after {
        bottom: -39px; 
    }
    .blue-background {
        width: 80%;
    }
    .image-column,
    .image-column-two {
        height: auto;
        object-fit: cover;
    } 
    .cta-image-blue {
        bottom: -25px;
        width: 60% !important;
    }  
    .cta-image-dark.cta-dark-hero {
        width: 70% !important;
    } 
    .custom-table table td {
        border-bottom: 10px solid white;
        padding: 10px;
        font-size: 20px;
        line-height: 1.2em;
    }
    .box-icon img {
        top: -30px;
    }
    .box-icon p:last-child {
        margin-top: 0px;
    }
    .gb-tabs__buttons button:after {
        display: none;
    }
    .gb-tabs__buttons button .gb-button-text {
        line-height: 1.2em !important;
    }
    .cat-shadow img {
        height: 400px;
    }
    .team-member {
        width: calc(50% - 16px);
    }
    .team-member-info {
        padding: 30px 20px;
    }
    .team-member-email a, 
    .team-member-phone a {
        padding: 10px 12px;
    }
    .social-item {
        margin-right: 15px;
    }
    .cta-image-dark.cta-dark-hero.cta-image-blue-left {
        width: 60% !important;
    }
    .home-tel .wp-block-buttons::before {
        left: -30px;
    }
    .home-tel .wp-block-buttons::after {
        right: -30px;
    }
    .single .site-content {
        padding: 80px 24px 160px 24px;
    }
    .cta-dark-hero h2 {
        line-height: 1.2em;
    }
    .single-post-date {
        font-size: 16px;
    }
    .inner-single-hero {
        background-size: cover !important;
    } 
    .hero-information {
        padding-top: 40px;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 40px;
    }
    .hero-desc-meta {
        gap: 16px;
        margin-bottom: 20px;
    }
    .single.single-job_listing .site-content {
        padding-top: 0;
    }
    .service-box {
        bottom: -50px;
    }
    .search .site-content {
        padding: 50px 24px 240px 24px;
    }
}

@media (max-width: 767px) {
    .team-all-search {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .team-member-email a, 
    .team-member-phone a {
       font-size: 13px;
    }
    .hero-information h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .job-item {
        max-width: 100%;
    }
    .footer-main-title.active:after {
        transform: rotate(180deg); /* Arrow pointing up */
    }
    .search .searchResult {
        width: 100%;
    }
    .search .site-content {
        padding: 24px 24px 60px 24px;
    }
    .search .search-h1 {
        margin-bottom: 30px;
    }
    .error404 .inside-article {
        padding-top: 80px;
    }
    .error404 .wp-block-buttons {
        flex-direction: column;
        gap: 10px;
    }
    .error404 .entry-header h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .error404 .entry-header h1 {
        font-size: 70px;
        line-height: 70px;
    }
    .service-box {
        bottom: -40px;
    }
    .single.single-job_listing .site-content {
        padding-bottom: 60px;
    }
    .hero-desc-meta ul li {
        font-size: 24px;
        line-height: 1.2em;
    }
    .job-content {
        display: flex;
        position: relative;
        flex-direction: column;
        row-gap: 50px;
    }
    .job-main-content h2 {
        margin-top: 30px;
    }    
    .job-sticky-sidebar {
        position: relative;
        top: 0;
        max-width: 100%;
    }
    .job-team-member {
        padding-left: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .job-main-content, .job-team-member {
        width: 100%;
    }
    .job-wrapper {
        padding-top: 60px;
    }
    .inner-job-hero {
        min-height: auto;
    }
    .hero-job-wrap {
        width: 100%;
    }
    .hero-job-background::before {
        background-image: none;
        width: 50%;
    }
    .cta-image-dark.cta-dark-hero.cta-image-blue-left {
        width: 90% !important;
    }
    .team-search-wrap .wp-block-search-filter-choice .search-filter-input-button-group {
        gap: 30px;
        row-gap: 10px;
    }
    .job-grid {
        text-align: center;
    }
    .job-grid p {
        color: var(--accent);
    }
    .footer-bottom-grid > .gb-grid-column:last-child {
        order: 1;
    }
    .footer-bottom-grid > .gb-grid-column:first-child  {
        order: 2;
    }
    .footer-bottom-nav ul {
        justify-content: space-around;
    }
    .footer-bottom-copyright {
        text-align: center;
        background-color: var(--base-3);
    }
    .site-footer .wp-block-site-logo {
        text-align: center;
    }
    .footer-main-title {
        width: 250px;
        margin: 0 auto;
        text-align: left;
        padding: 3px 24px;
        border: 1px solid;
        border-radius: 20px;
        position: relative;
    }
    .footer-main-title:after {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.721' height='17.721' viewBox='0 0 17.721 17.721'%3E%3Cpath id='Path_1754' data-name='Path 1754' d='M11.65,12.042l.357-12L.006.4' transform='translate(17.38 8.531) rotate(135)' fill='none' stroke='%23323943' stroke-width='1'/%3E%3C/svg%3E%0A");
        background-size: contain; 
        background-repeat: no-repeat;
        background-position: center;
        height: 12px;
        width: 12px;
        top: 10px;
        right: 24px;
        position: absolute;
    }
    .footer-main-desc {
        position: relative;
        width: 250px;
        margin: 0 auto;
        text-align: left;
        padding: 24px 24px 36px 24px;
        border: 1px solid;
        border-top: 0;
        border-bottom-left-radius: 20px; 
        border-bottom-right-radius: 20px; 
        display: none;
    }
    .footer-main-desc:before,
    .footer-main-desc:after {
        content: "";
        position: absolute;
        top: -16px;
        height: 16px;
        width: 1px;
        background-color: var(--contrast-2);
    }
    .footer-main-desc:before {        
        left: -1px;
    }
    .footer-main-desc:after {        
        right: -1px;
    }
    .footer-top-grid {
        text-align: center;
    }
    #generate-slideout-menu .off-canvas-menu ul li a {
        font-size: 20px;
        line-height: 30px;
    }
    #generate-slideout-menu .inside-navigation {
        padding: 115px 24px 0px 24px;
    }
    .shimg svg {
        height: 18px;
    }
    .shimg {
        padding: 10px 0px 10px 0px;
    }
    .sht {
        padding: 0px 5px 0px 10px;
        font-size: 15px;
        line-height: 18px;
    }
    .slideout-info {
        padding-left: 24px;
        padding-right: 24px;
    }
    .shtel {
        padding: 0px 10px 0px 0;
        width: 100%;
    }
    .shtel a span {
        letter-spacing: 0;
        padding-left: 0;
        font-size: 14px;
        line-height: 18px;
    }
    .shtel a svg {
        top: 4px;
    }
    .shtel a {
        padding: 4px 6px 4px 6px;
    }
    .site-header .header-image {
        width: 100px;
    }
    header .inside-header {
        justify-content: space-between;
    }
    header .inside-header #mobile-menu-control-wrapper {
        margin-left: 0 !important;
        width: 32px !important;
        justify-content: unset;
    }
    header .mobile-menu-control-wrapper .menu-toggle,
    #sticky-navigation .menu-toggle  {
        background-color: transparent;
        padding: 0;
    }
    header .mobile-menu-control-wrapper .menu-toggle svg,
    #sticky-navigation .menu-toggle svg {
        width: 32px;
        height: 24px;
        fill: var(--accent);
    }
    #sticky-navigation .navigation-branding {
        margin-right: 0;
        margin-left: 0;
    }
    .blue-background {
        width: 100%;
    }
    .cta-blue:before {
        background-size: cover !important;
        background-position: center center !important;
    }
    .cta-left-shadow:before,
    .cta-left-shadow:after {
        height: 0px;
    }
    .cta-left-shadow:before {
        top: 0px;
    }
    .cta-left-shadow:after {
        bottom: 0px; 
    }
    .image-text-right .gb-grid-column:first-child {
        order: 2;
    }
    .cta-image-blue {
        bottom: -40px;
        width: 80% !important;
    } 
    .cta-dark,
    .cta-image-dark {
        width: 80% !important;
    }
    .cta-image-dark {
        left: 0;
        right: 0;
        margin: auto;
    } 
        .list-layout .service-item-info {
        padding: 15px 10px;
        width: 70%;
    }
    div#gform_page_20_6 .gform-page-footer.gform_page_footer.top_label, div#gform_page_17_21 .gform-page-footer.gform_page_footer.top_label{
    display: flex !important;
    flex-direction: column;
}
    .cta-image-dark.cta-dark-hero {
        left: inherit;
        margin: inherit;
        width: 90% !important;
    }
    .gb-tabs__buttons button .gb-button-text {
        line-height: 20px !important;
    }
    .custom-table table td {
        font-size: 18px;
    }
    .cat-shadow img {
        height: 320px;
    }
    .aktuelles {
        padding: 24px;
    }
    #cta {
        margin-left: 0;
        margin-right: 0;
    }
    .team-member {
        flex: 100%;
    }
    .home-tel .wp-block-buttons::before,
    .home-tel .wp-block-buttons::after {
        display: none;
    }
    .home-tel a.wp-block-button__link {
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 24px;
        border-top-right-radius: 0px;
        width: 64px;
        height: 64px;
        color: transparent !important;
        overflow: hidden;
        border: 0 !important;
    }
    .home-tel .wp-block-button__link.wp-element-button:after {
        width: 20px;
        height: 26px;
        top: 21px;
        left: 24px;
    }
    .cta-image-blue-left {
        left: 0px !important;
    }
    .social-item {
        margin-right: 5px;
    }
    .social-item a:before {
        height: 20px;
        width: 20px;
    }
    .team-member-info {
        padding: 24px 16px;
    }
    .legal-pages h2 {
        margin-top: 40px;
    }
    .inner-single-hero:before {
        width: 0;
    }
    .inner-single-hero {
        background-image:none;
    }
    .inner-single-hero:before {
        width: 100%;
    }
    .single-post-date {
        font-size: 12px;
        line-height: 20px;
    }

}