/*
 Theme Name:   Twenty Twenty-Four
 Description:  Twenty Twenty-Four Child Theme
 Author:       Sven Baier
 Author URI:   https://svenbaier.de
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: one-column,
custom-colors,
custom-menu,
custom-logo,
editor-style,
featured-images,
full-site-editing,
block-patterns,
rtl-language-support,
sticky-post,
threaded-comments,
translation-ready,
wide-blocks,
block-styles,
style-variations,
accessibility-ready,
blog,
portfolio,
news
 Text Domain:  frankleske
*/

/* WEBFONTS */

/* sora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sora-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sora-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/sora-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sora-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/sora-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sora-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/sora-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ---------------------------------------------------------------- */

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

/*
body .is-layout-flex {
    display: flex;
    flex-wrap: nowrap;
}
*/
.is-layout-constrained > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

.is-layout-flow > * {
    margin-block-start: 6px;
    margin-block-end: 0;
}

html.has-modal-open {
    overflow: visible !important;
}

:root {
    --wp--style--block-gap: 0 !important;
}

:root :where(.wp-block-list) {
    padding-left: 28px;
}

body {
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important; 
    font-size: 30px !important;
    line-height: 42px !important;
    font-weight: 400 !important;
    background: #E9D4B6;
    color: #006B8E;
    --wp--style--global--content-size: 1515px !important;
    --wp--style--global--wide-size: 1920px !important;
}


header a {
    font-size: 25px;
    line-height: 35px;
    color:#006B8E;
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 0 !important;
    text-transform: uppercase;
}

header a:hover {
    color:#C1832E !important;
    text-decoration: none;
}

*:focus {
  outline: 0 !important; 
}

*:focus-visible {
    outline:#E71F2D solid 2px !important;
    outline-offset:2px !important;
}


main.wp-block-group {
margin-top: 285px !important;
}


.gruppe {
    margin-bottom: 82px;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important;     
    font-weight: 700 !important;
    hyphens: auto;
}

/* h1 { font-size: 65px !important; line-height: 80px !important; margin: 6px 0 6px 0 !important;} */
h1 { font-size: 50px !important; line-height: 65px !important; margin: 6px 0 28px 0 !important;}
h2 { font-size: 35px !important; line-height: 45px !important; margin: 6px 0 28px 0 !important;}
h3 { font-size: 30px !important; line-height: 45px !important; margin: 6px 0 6px 0 !important;}
h4 { font-size: 30px !important; line-height: 45px !important; margin: 6px 0 6px 0 !important;}
/*
p,
.wp-block-image figcaption {    
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important;    
    font-weight: normal !important;
    font-size: 30px !important;
    line-height: 42px !important;
    font-weight: 400 !important;
}
*/
p {
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important;    
    font-weight: normal !important;
    font-size: 30px !important;
    line-height: 42px !important;
    margin: 0 0 25px 0 !important;
}

.wp-block-group-is-layout-flex p {
    margin: 0 0 0 0 !important;
}


.entry-content li {
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important;    
    font-weight: normal !important;
    font-size: 30px !important;
    line-height: 42px !important;
    margin: 0 0 0 0 !important;
}

p img {
    margin-top: -5px;
}

.wp-block-image img {    
    margin-bottom:7px;
}

/* image captions */
.wp-block-image figcaption {
    margin-bottom: 17px;
    margin-top: 10px !important;
}

/* Video */
.wp-block-video video {
    margin-bottom: 7px;
}

.wp-block-post-excerpt__excerpt {
    font-family:"Sora", 'Arial Narrow', Arial, sans-serif !important; 
    margin-bottom: 0;
    margin-top: 0;
    font-size: 30px !important;
    line-height: 42px !important;
    font-weight: 200 !important;
}

/* Tabellen */
.wp-block-table {
    margin: 0 !important;
}
.wp-block-table td, .wp-block-table th {
    border: 0 !important;
    padding: 0 0 0 0 !important;
    vertical-align: top;
}
.wp-block-table .has-fixed-layout td:first-child {width:45%;}



.wp-block-site-title {

}
.wp-block-site-title::after {
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

header {z-index: 9999 !important;}

/* sticky Header */
header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    /* z-index: 999 !important;*/
    padding: 5px 0 5px 0 !important;
    background: #fff;
    border-bottom: 8px solid #006B8E;
}


/* Navigation */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
}
/*
.wp-block-navigation__submenu-container li {
    padding-right: 20px !important;
}
*/
.wp-block-navigation__submenu-container li a {
    font-size: 18px !important;
}

/* Custom Navigation ---------------------------------------------------------------*/

/* Grundstruktur */
.nav-wrapper {
    display: none;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    padding: 0;
    position: relative;
    z-index: 1000;
}

/* Navicon Styling */
.nav-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1100;
}

.hamburger {
    display: block;
    width: 50px;
    height: 6px;
    background: #006b8e;
    position: absolute;
    top: 54%;
    left: 0;
    transform: translate(0%, 0%);
    transition: background 0.3s ease-in-out;
}

.hamburger::before,
.hamburger::after {
    content: '';
    width: 50px;
    height: 6px;
    background: #006b8e;
    position: absolute;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.hamburger::before {
    top: -15px;
}

.hamburger::after {
    bottom: -15px;
}

/* Animiertes X */
.nav-toggle.open .hamburger {
    background: transparent;
}

.nav-toggle.open .hamburger::before {
    top: 0;
    transform: rotate(45deg);
    background: #c1832e;
}

.nav-toggle.open .hamburger::after {
    bottom: 0;
    transform: rotate(-45deg);
    background: #c1832e;
}

/* Desktop Navigation */
@media (min-width: 960px) {
    .custom-nav {
        display: flex;
    }

    .custom-menu {
        display: flex;
        gap: 40px;
        list-style: none !important;
        margin: 0;
        padding: 30px 0 0 0;
    }

    .custom-menu li {
        position: relative;
        padding-bottom: 30px;
        /* Füge will-change hinzu, um die Animation zu optimieren */
        will-change: transform;
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }

    .custom-menu li ul li {
        padding-bottom: 0px;
    }

    .custom-menu li a {
        display: inline-block;
    }
    
    .custom-menu li.current-menu-parent a,
    .custom-menu li.current_page_item a {
        color: #c1832d;
    }

    /* Ersetze translateY durch translate3d */
    .custom-menu li.current-menu-parent,
    .custom-menu li.current_page_item,
    .custom-menu li:hover {
        transform: translate3d(0,39px,0);
    }

    .custom-menu li .sub-menu li {
        transform: translate3d(0,0,0);
    } 

    .custom-menu li.current-menu-parent .sub-menu,
    .custom-menu li.current_page_item .sub-menu {
        transform: translate3d(0,-14px,0);
    } 

    .custom-menu li .sub-menu li a {
        text-transform: none;
        font-size: 20px;
        color: #FFF !important;
        white-space: nowrap;
    } 
     .custom-menu li .sub-menu li a:hover {
        color: #E9D4B6 !important;
        white-space: nowrap;
    } 
    .custom-menu li.current-menu-parent .sub-menu li.menu-item a {
        
    } 

    .custom-menu li.current-menu-parent .sub-menu li.menu-item a {
        
    }

    .custom-menu li.current-menu-parent .sub-menu li.current-menu-item a {
        color: #E9D4B6 !important;
    } 

    .custom-menu li ul {
        position: absolute;
        top: 100%;
        left: 0;
        background: #006B8E;
        list-style: none !important;
        /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
        padding: 10px 10px 18px 10px;
        min-width: 320px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0,60px,0);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        border-radius: 0;
        will-change: transform, opacity, visibility;
    }
    
    /* Dropdown nur bei Hover */
    .custom-menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0,-14px,0);
    }

    /* Erweiterte Hover-Fläche oberhalb, um Ruckeln zu vermeiden */
    .custom-menu li::before {
        content: "";
        position: absolute;
        left: 0;
        top: -40px; /* Hover-Fläche nach oben ausdehnen */
        width: 100%;
        height: 40px; /* Extra Hover-Zone */
        background: transparent;
    }

    /* Keine extra Hover-Zone im Submenu */
    .custom-menu li ul li::before {
        top: 0; 
        height: 0; 
    }

    /* Dropdown bleibt stehen
    .custom-menu li.current-menu-parent > ul,
    .custom-menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0,-14px,0);
        pointer-events: auto; 
    }
    */

    .custom-menu li ul li {
        padding: 6px 12px;
    }

    .custom-menu li ul li:hover {
        background: transparent;
    }


}

@media (max-width: 1560px) {

    header .is-layout-flex {
        display: flex;
        justify-content: center;
    }
    
}

/* Mobile Navigation */
@media (max-width: 960px) {

    .nav-wrapper {
        display: flex;
    }

    .nav-toggle {
        display: block;
    }

    .custom-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: white;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        display: none;
        flex-direction: column;
        z-index: 99999;
    }

    .custom-nav.open {
        display: flex;
    }

    .custom-menu {
        width: 100%;
        padding: 10px;
        list-style: none;
    }

    .custom-menu li {
        padding: 15px 30px 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 98%;
        cursor: pointer;
        box-sizing: border-box; /* Verhindert Überlauf der Pfeile */
    }
    .custom-menu li.current-menu-parent a,
    .custom-menu li.current-menu-item a,
    .custom-menu li ul li.current_page_item a {
        color: #c1832d !important;
    }
    .custom-menu li.current-menu-parent a,
    .custom-menu li ul li a {
        color: #c1832d !important;
    }

    .custom-menu li .sub-menu li a {
        text-transform: none;
        font-size: 20px;
        color: #FFF !important;
    } 
     .custom-menu li .sub-menu li a:hover {
        color: #E9D4B6 !important;
    } 
    .custom-menu li.current-menu-parent .sub-menu li.menu-item a {
        
    } 

    .custom-menu li.current-menu-parent .sub-menu li.menu-item a {
        
    }

    .custom-menu li.current-menu-parent .sub-menu li.current-menu-item a {
        color: #E9D4B6 !important;
    } 


    .custom-menu li:last-child {
        border-bottom: none;
    }

    /* Dropdowns */
    .custom-menu li ul {
        display: none;
        padding: 10px 0px;
        background: #006B8E;
        width: 100%;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        text-transform: none;
    }
    .custom-menu li ul li a {  
        text-transform: none;
    }
    .custom-menu li ul li {
        border-bottom: 0;
        padding-left: 20px;
    }

    .custom-menu li ul.open {
        display: block;
        margin: 15px 0 0 0;
        max-height: 500px; /* Genug Platz für mehrere Einträge */
        opacity: 1;
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }

    /* Dropdown-Pfeil nur in mobiler Ansicht anzeigen */
    .custom-menu li.menu-item-has-children {
        position: relative;
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    /* Pfeil ganz rechts außen platzieren */
    .custom-menu li .submenu-toggle {
        position: absolute;
        right: 30px;
        top: 16px;
        /*transform: translateY(-50%);*/
        cursor: pointer;
        font-size: 40px;
        transition: transform 0.3s ease;
    }

    /* Wenn das Untermenü offen ist, das Icon drehen */
    .custom-menu li .submenu-toggle.open {
        transform: rotate(90deg);
        color: #c1832e;
    }
}



.wp-block-site-logo img {
    height: auto;
    max-width: 100%;
    width: 100% !important;
}


.header-full {
    /* background:#fff !important; */
}
.header-scroll {
    padding: 0;
    /* height:60px !important; 
    background:#fff !important;*/
}


.header-scroll, .header-full, .wp-block-site-logo img, .wp-block-navigation__responsive-container-open:after, a {
  -webkit-transition: 0.6s; 
  -moz-transition: 0.6s; 
  -ms-transition: 0.6s; 
  -o-transition: 0.6s; 
  transition: 0.6s;  
}

.wp-container-core-navigation-layout-1.wp-container-core-navigation-layout-1 {
    margin-right: -10px;
}



.wp-block-query-no-results {
    padding-top: 0 !important;
}


.wp-block-post-featured-image {
    position: relative;
}

:where(figure) {
    position: relative;
}



/* ----------------------------------------------------------------------------------------- default column gap/margins */

/*
.has-global-padding {
    padding-right: 45px !important;
    padding-left: 45px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


body .wp-block-columns.is-layout-flex {
 column-gap: 45px !important;
}
*/
body .wp-block-columns.is-layout-flex:last-child {
 margin-bottom: 0 !important;
}


/* Footer */

footer {background: #fff;}
footer a,
footer a:hover {
    font-size: 22px;
    line-height: 32px;
    color:#006B8E !important;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 0 !important;
}

footer a:hover {
    color:#C1832E !important;
}

/*
footer .foolter-col-1 { order: 1; }
footer .foolter-col-2 { order: 2; }
footer .foolter-col-3 { order: 3; }
*/
/* footer .wp-block-group { padding-top: 0 !important; } 
footer p {    
    font-size: 14.4px !important;
    line-height: 21px !important;
    text-align: left !important;
}*/

footer .wp-container-core-navigation-layout-2.wp-container-core-navigation-layout-2 {
    margin-block-start: 1px !important;
}



/*  VERTICAL TABS  */

/* Desktop-Ansicht */

.vt-group {
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/12/Final_iStock-981749990_shapecharge5.jpg) no-repeat top 0 right 0;
  background-size: cover;
  padding-bottom: 300px !important;
  padding-top: 100px !important;
}
@media (max-width: 1920px) {

    .vt-group {
      background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/12/Final_iStock-981749990_shapecharge5.jpg) no-repeat top 0 right 0px;
      background-size: cover;
      padding-bottom: 0px !important;
      padding-top: 100px !important;
    }

}

@media (max-width: 1440px) {

    .vt-group {
      background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/12/Final_iStock-981749990_shapecharge5.jpg) no-repeat top 0 right -300px;
      background-size: cover;
      padding-bottom: 0px !important;
      padding-top: 100px !important;
    }

}

.vt-container {
  display: flex;
  margin-bottom: 86px;
  overflow: visible; 
  position: relative;
}

.vt-left {
  flex-basis: 42% !important;
  min-height: 200px;
  background: transparent;
  padding: 0;
  cursor: pointer; 
  transition: color 0.6s ease; /* Nur die Textfarbe wird hier animiert */
  position: relative;  /* Wichtig für das ::after-Pseudo-Element */
}

/* Hover-Farbwechsel für Text */
.vt-left:hover,
.vt-left.active {
  color: #C1832E; 
}

/* Gesundheitsschutz */
.vt-left.gesundheitsschutz {
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-gesundheitsschutz.svg) no-repeat center right;
}
.vt-left.gesundheitsschutz::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-gesundheitsschutz-hover.svg) no-repeat center right;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.vt-left.gesundheitsschutz:hover::after,
.vt-left.gesundheitsschutz.active::after {
  opacity: 1;
}

/* Vorsorge */
.vt-left.vorsorge {
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-vorsorge.svg) no-repeat center right;
}
.vt-left.vorsorge::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-vorsorge-hover.svg) no-repeat center right;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.vt-left.vorsorge:hover::after,
.vt-left.vorsorge.active::after {
  opacity: 1;
}

/* Tempo */
.vt-left.tempo {
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-tempo.svg) no-repeat center right;
}
.vt-left.tempo::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-tempo-hover.svg) no-repeat center right;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.vt-left.tempo:hover::after,
.vt-left.tempo.active::after {
  opacity: 1;
}

/* Mitarbeiterbindung */
.vt-left.mitarbeiterbindung {
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-mitarbeiterbindung.svg) no-repeat center right;
}
.vt-left.mitarbeiterbindung::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/icon-mitarbeiterbindung-hover.svg) no-repeat center right;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.vt-left.mitarbeiterbindung:hover::after,
.vt-left.mitarbeiterbindung.active::after {
  opacity: 1;
}



/* Box - rechte Seite */
.vt-right {
  position: absolute;
  top: 0;
  left: 50%; 
  right: 0;
  padding: 70px;
  border-radius: 40px;
  background: #ffffffcc url(https://betriebundgesundheit.com/wp-content/uploads/2025/02/plus-icon.svg) no-repeat 20px 20px;
  background-size: 50px;
  display: none; /* initial ausgeblendet */
  z-index: 10;
}

/* Mobile-Ansicht: Gestapelte Blöcke */

@media (max-width: 1440px) {

  /* Gesundheitsschutz */
    .vt-left.gesundheitsschutz,
    .vt-left.gesundheitsschutz:hover,
    .vt-left.gesundheitsschutz::after {
      background-size:30%;        
      background-position: right 0px;
      box-sizing: border-box;
    }
  /* Vorsorge */
    .vt-left.vorsorge,
    .vt-left.vorsorge:hover,
    .vt-left.vorsorge::after {
      background-size:30%;
      background-position: right 0px;
      box-sizing: border-box;
    }

  /* Tempo */
    .vt-left.tempo,
    .vt-left.tempo:hover,
    .vt-left.tempo::after {
      background-size:30%;
      background-position: right 0px;
      box-sizing: border-box;
    }

  /* Mitarbeiterbindung */
    .vt-left.mitarbeiterbindung,
    .vt-left.mitarbeiterbindung:hover,
    .vt-left.mitarbeiterbindung::after {
      background-size:30%;
      background-position: right 0px;
      box-sizing: border-box;
    }

}

@media (max-width: 1280px) {

  .vt-group {
    background: #E9D4B6 url() !important;
    background-size: cover;
    padding-bottom: 0 !important;
  }

  .vt-container {
    flex-direction: column;
    position: relative;
  }
  .vt-left, .vt-right {
    left: 0; 
  }
  .vt-right {
    position: relative;
    border-left: none;
    padding: 90px 35px 35px 35px;

        margin-top: -20px !important;
        margin-bottom: 60px !important;
  }

  .vt-right h4 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin: 6px 0 6px 0 !important;
   }

  /* Gesundheitsschutz */
    .vt-left.gesundheitsschutz,
    .vt-left.gesundheitsschutz:hover,
    .vt-left.gesundheitsschutz::after {
      background-size:20%;        
      background-position: right 0px;
    }
  /* Vorsorge */
    .vt-left.vorsorge,
    .vt-left.vorsorge:hover,
    .vt-left.vorsorge::after {
      background-size:20%;
      background-position: right 0px;
    }

  /* Tempo */
    .vt-left.tempo,
    .vt-left.tempo:hover,
    .vt-left.tempo::after {
      background-size:20%;
      background-position: right 0px;
    }

  /* Mitarbeiterbindung */
    .vt-left.mitarbeiterbindung,
    .vt-left.mitarbeiterbindung:hover,
    .vt-left.mitarbeiterbindung::after {
      background-size:20%;
      background-position: right 0px;
    }

}





@media (max-width: 1554px) {

main.wp-block-group {
margin-top: 405px !important;
}

body.home main.wp-block-group, body.page-auf-einen-schnack main.wp-block-group {
    margin-top: 278px !important;
}

}

@media (max-width: 1280px) {

header a {
    font-size: 20px;
    line-height: 30px;
}


}

@media (max-width: 1040px) {

.kb-row-layout-id75_fbfa2d-c8 {
    background-position: 30% 0 !important;
}

} /* -- end max-width 1040px */


@media (max-width: 997px){

}

@media (max-width: 960px) {

main.wp-block-group {
margin-top: 285px !important;
}

body.home main.wp-block-group, body.page-auf-einen-schnack main.wp-block-group {
    margin-top: 156px !important;
}    

header .is-layout-flex {
    display: flex;
    justify-content: space-between;
}

.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 1fr !important;
}

/* ----------------------------------------------------------------------------------------- tablet column gap/margins */

.is-layout-constrained > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
/*
.has-global-padding {
    padding-right: 30px !important;
    padding-left: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


body .wp-block-columns.is-layout-flex {
 column-gap: 30px !important;
}
*/


}



@media (max-width: 781px) {



} /* -- end max-width 781px */



@media (max-width: 767px) {

.vt-left {
  min-height: 140px;
}

} /* -- end max-width 767px */


@media (max-width: 640px) {

body.home main.wp-block-group, body.page-auf-einen-schnack main.wp-block-group {
    margin-top: 24% !important;
}   

p, .entry-content li {
    font-size: 25px !important;
    line-height: 37px !important;
    margin: 0 0 20px 0 !important;
}

h1 { font-size: 30px !important; line-height: 40px !important; }
h2 { font-size: 30px !important; line-height: 40px !important; }
h3 { font-size: 22px !important; line-height: 28px !important; }

body .is-layout-flex {
    display: flex;
    flex-wrap: nowrap;
}

} /* -- end max-width 640px */

@media (max-width: 480px) {

main.wp-block-group {
    margin-top: 185px !important;
}

p, .entry-content li {
    font-size: 20px !important;
    line-height: 30px !important;
    margin: 0 0 20px 0 !important;
    hyphens: auto;
}
p a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}

.list-icon img {
    width:31px !important;
}
.vt-right h4 {
    font-size: 22px !important;
    line-height: 28px !important;
    margin: 6px 0 6px 0 !important;
}

footer a,
footer a:hover {
    font-size: 18px;
    line-height: 28px;
}

footer .wp-block-image img {
    width: 80%;
    margin-top: 4px;
}

/*
.has-global-padding {
    padding-right: 25px !important;
    padding-left: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body .wp-block-columns.is-layout-flex {
 column-gap: 25px !important;
 margin-bottom: 10px !important;
}
*/
} /* -- end max-width 480px */

@media (max-width: 385px) {


} /* -- end max-width 480px */