/*
Theme Name: Twenty Twenty Two Child
Theme URI: http://beo22.srgwerbeagentur.info
Author:  Your name here
Description: Child Theme for Twenty Twenty Two
Requires at least: 5.7
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.1.31
Template: twentytwentytwo
Text Domain: twentytwentytwochild
Tags: Custom Child Theme

*/

/*
@font-face {
                font-family: 'Nunito Sans';
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url('assets/fonts/nunito-sans-v11-latin-regular.woff2') format('woff2'),
                url('assets/fonts/nunito-sans-v11-latin-regular.woff') format('woff');
            }

.h2, h2 {
    font-family: 'Nunito Sans';
    font-size: 1.8rem;
}
*/
            
/* custom styles beneo  use theme.json for general settings 

h1, .h1, p.h1 { font-size: 2.3rem; line-height: 1.2;   }
h2, .h2, p.h2 { font-size: 1.8rem;}
.h3, p.h3 { font-size: 22px;}
.h4, p.h4 { font-size: 18px;}
.h5, h3.h5, p.h5 { font-size: 16px; font-weight:600;}
.h6, p.h6 { font-size: 14px;}

*/



/* navigation was not aligning on the right side of 
nav.wp-block-navigation {
    width: 100%;
}
*/

/* ------------------------------
 * Backend editor styles
 * ------------------------------*/

.block-editor-block-list__block.wp-block-group {border: 1px solid green;}

.block-editor-block-list__block.wp-block-spacer {
    background-color: #f2f2f2!important;
}

ul.block-editor-block-list__block.wp-block-list li > div.block-editor-rich-text__editable {
     /* 
    display: inline-block;
   margin-left: 10px; */
    padding-left: 15px;
}

ul.block-editor-block-list__block.wp-block-list li:not(.menu li.menu-item):not(.wp-block-navigation-item)::before {position: absolute!important;}


/*
.block-editor-rich-text__editable.rich-text {
  display: inline-block;
  margin-left: 3px;
}
*/
/* ------------------------------
 * Basics
 * ------------------------------*/

/* Farben über Appearance / Editor*/
:root {
    --me-color: hsl(350,50%,50%);
    
    --white: #ffffff;
    --black: #000000;
    
   
    --section-grey: #fafafa;
    --light-grey: #f2f2f2;
    --light-blue: #d8ebf9;
    --textcolor: #777777;
    
    --ppt-blue: #00567c;
    --ppt-fresh-blue: rgba(53,124,189,0.69);
    --ppt-blue-fifty: rgba(0,86,124,.6);
    --ppt-orange: #f4690b;
    
}

ul {
  list-style: none; /* Remove default bullets */
}

ul:not(.menu):not(.sub-menu):not([class^="wp-block-navigation"]) {
  margin-bottom: 30px;
  padding-left: 30px;
}

ul li:not(.menu li.menu-item):not(.wp-block-navigation-item):not(.ppt_news):not(.wp-block-post),
ul.wp-block-latest-posts:not(li img){
    line-height: 1.8rem;
    text-indent: -0.7rem;
    font-size: 17px;
}


ul:not(.wp-block-latest-posts) li:not(.menu li.menu-item):not(.wp-block-navigation-item):not(.ppt_news):not(.wp-block-post):before {  
    
    /*content: "• ";  */ 
    content: "\2022";  
    color: var(--ppt-orange);
    font-size: 20px;
    display: inline-block;
    width: 0.5em;/*1.1em;*/
}

.wp-block-query.ppt_news-post ul.wp-block-post-template,
ul.wp-block-latest-posts {
    margin-bottom: 0px;
    padding-left: 0px;
}

.wp-block-query.ppt_news-post ul.wp-block-post-template li,
ul.wp-block-latest-posts li img {
    list-style: none;
    text-indent: 0!important;
    /*
    &:before {content: ''; display: inline-block; width: 0;}
    */
}

.wp-block-query.ppt_news-post .wp-block-post-excerpt {
    margin-block-start: 0.5rem;
}


.bullets {border: 2px solid #f4690b !important;}


ol.listnum {
  counter-reset: item;
  /* */
  list-style-type: none;
}

ol.listnum > li {
    display: block;
    font-weight: 600;
    margin-top: 25px;
    &:before {
        content: counters(item, ".") ". ";
        counter-increment: item;
        font-weight: 600;
      } 
  }

ol.listnum > li > ol.listnum > li {
    display: block;
    font-weight: normal;
    margin-top: 10px;
    padding-left: 20px;
    &:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    font-weight: normal;
    margin-left: -35px;
  } 
  }

.mainmenu {
    width: 100%;
}
/*
.posttitle {
    display: none;
}
*/

.page .hideobj {
    display: none!important;
}

.hidemobile, .hidetablet {display: block;}

.mar0 {margin: 0;}

.marT0 {
    margin-top: 0!important;
    margin-block-start: 0!important;
}

.abs {position: absolute;}

.absbottom {
    position: absolute;
    bottom: 0px;
}

a {
    text-decoration: none;
}

h1, .h1, h2, .h2, h3, .h3 {text-transform: uppercase;}

.breadcrumb {
    font-size: 1rem;
}

.breadcrumb a,
.breadcrumb span {
    text-transform: capitalize;
}

/* ------------------------------
 * Basic wp settings
 * ------------------------------*/

/* .wp-block-group.alignfull:not(.has-background) */
.wp-site-blocks, 
.wp-block-group.alignfull {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    /* width: calc (100% - (var(--wp--custom--spacing--outer)) / 2 ) !important; */
    width: 100%!important;
    max-width: 100%!important;
}
/*
.wp-block-group.alignfull:after {clear: both;}
*/
.wp-site-blocks > * + * {
    /* margin-top: var( --wp--style--block-gap );*/
    margin-top: 0!important;
}

.wp-site-blocks main.wp-block-group > * + * {
    margin-top: 0!important;
}

/* damit auch alte browser und safari bedient werden */
/*.wp-block-columns*/
.is-layout-flex {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

/*
.wp-site-blocks main.wp-block-group .wp-block-post-content {
    
}
*/
/* wp-container-12 entry-content wp-block-post-content */

@media (max-width: 1399px) {
    /* .wp-block-group.alignfull:not(.has-background) */
    .wp-site-blocks > header > div > div,
    .wp-site-blocks > main .wp-block-group:not(.alignfull) {
        padding-left: var(--wp--custom--spacing--outer)!important;
        padding-right: var(--wp--custom--spacing--outer)!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .alignwide {
        padding-left: var(--wp--custom--spacing--outer)!important;
        padding-right: var(--wp--custom--spacing--outer)!important;
    }
    
    .single-ppt_news .alignwide:not(figure) {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
     .wp-block-query.ppt_news-post ul li .wp-block-columns.alignwide {
        padding-left: 0!important;
        padding-right:  0!important;
        
        h2.wp-block-post-title.has-x-small-font-size {
            font-size: 1.1rem!important;
        }

    }
    
}

/* ------------------------------
 * Logo
 * ------------------------------*/


/* ist als HTML eingestzt - inline style 
nicht als wp-block-site-logo

.block-editor-block-list__block.wp-block.wp-block-site-logo {
    border: 1px solid pink;
}

.wp-block-site-logo,
.block-editor-block-list__block.wp-block.wp-block-site-logo > div {
    width: 200px;
    height: 76px!important;
}

.wp-block-site-logo img,
.block-editor-block-list__block wp-block.wp-block-site-logo img.custom-logo {
  display: block;
  height: 76px!important;
  width: 200px;
  max-width: 200px;
}

*/



/* on scroll
height: 60px!important;
  width: 156px;
  max-width: 156px;
*/

#logo-box {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* ------------------------------
 * Header burger menu
 * ------------------------------*/

.wp-block-navigation__responsive-container-open {
    background-image: url(/wp-content/uploads/2022/06/menu-3lines.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

/* ------------------------------
 * Header
 * ------------------------------*/

/* on scroll kleiner machen
header {position: fixed;}

dafür dann main {margin-top: 70px;}
*/

/*
bei logo 225x86
header
padding: 20px 0 15px 0;
setzen
*/

header {
    position: fixed;
    z-index: 99;
    background-color: rgba(255,255,255,.85);
    width: 100%;
    padding: 10px 0 0px 0;
    border-bottom: 1px solid #ccc;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;*/
    /*box-shadow: rgb(0 0 0 / 10%) 0px 2px 9px 0px; */
}

/* --- navigation -- */

/* for mainmenu  */

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item {
    text-transform: uppercase;
}

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > a  {
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > a::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--ppt-orange);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}


.wp-block-navigation .wp-block-navigation-item a:hover, 
.wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: none;
    text-decoration-style: solid;
}

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a:after,
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > a:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
}



/* --- for submenu --- */

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
    line-height: 2.3;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:first-of-type {
    padding-top: 5px;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-of-type {
    padding-bottom: 5px;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a span  {
    position: relative;
    font-size: 1rem;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a span::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--ppt-orange);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}


.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item a span::after,
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover span::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
}



/* --- sub-navigation -- */

/*ul.wp-block-navigation li.has-child .wp-block-navigation__submenu-container*/
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
    height: 0;
    opacity:1;
    background-color: transparent;
    visibility: hidden;   
    overflow: hidden;
    -webkit-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out;
}

/* ul.wp-block-navigation li.has-child:hover>.wp-block-navigation__submenu-container 
*/

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
    min-width: 250px;
    height: auto; /* 250px; mit auto funktioniert der effekt nicht */
    opacity:1;
    visibility: visible;    
    overflow: hidden;
    background-color: transparent;
    /*border-top: 3px solid var(--ppt-orange); */
    /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 0 2px 4px 0 rgb(0 0 0 / 8%);  */
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 5px;
    -webkit-transition: box-shadow 1s ease-out 0.8s;
    transition: box-shadow 1s ease-out 0.8s;
}

/* .wp-block-navigation .has-child .wp-block-navigation__submenu-container li  */
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) li {
    background-color: rgba(255,255,255,.85);/*orange; white; var(--ppt-orange)*/
    transform: translateY(-500%);
}

/* .wp-block-navigation .has-child:hover>.wp-block-navigation__submenu-container li  */
.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container li  {
    transform: translateY(0%);
     -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, 
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {

    /*border-top: 3px solid orange;*/
    padding-top: 10px;
    margin-top: 3px; /**/
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none; 
    box-shadow: none;
    /*top:30px;*/
   /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 0 2px 4px 0 rgb(0 0 0 / 8%);*/
}


/* ------------------------------
 * new main navigation
 * ------------------------------*/

/*
.menu-primary-de-container::before {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg>') no-repeat;
    position:absolute;
    width: 25px;
    height: 25px;
}
*/



/* --- mainmenu --- */

ul.menu > li.menu-item {
    display: inline-block;
    margin-right: 15px;
    font-weight: 600;
}

ul.menu > li.menu-item:last-of-type {margin-right: 5px;}

ul.menu li.menu-item a {
    text-transform: uppercase;
    position: relative;
}

ul.sub-menu {
   /* visibility: hidden;   
    position: absolute;
   padding: 15px 0;
   */ 
    padding-left: 0;
}

ul.sub-menu > li {
  background-color: rgba(255,255,255,.9);
  padding: .2em 1.2em;
  line-height: 2;
  font-size: 0.9em;  
}

footer ul.sub-menu > li {
   background-color: transparent;
   padding: .2em 2em;
   line-height: 1.2;
   font-size: 0.8rem;
}

/* --- link underline --- */

ul#menu-primary-de li.menu-item > a,
ul#menu-primary-en li.menu-item > a {
    display: inline-block;
}

/*.menu-item:not(.wpml-ls-item):not(footer .menu .menu-item) > a::after {*/
ul#menu-primary-de li.menu-item > a::after,
ul#menu-primary-en li.menu-item > a::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--ppt-orange);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s;
}

/*.menu-item:not(.wpml-ls-item):not(footer .menu .menu-item) > a:hover::after {*/
ul#menu-primary-de li.menu-item > a:hover::after,
ul#menu-primary-en li.menu-item > a:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}

/* --- language switcher --- */
.menu-icons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.burger-icon, .close-icon {display: none;}

ul.menu > li.menu-item.wpml-ls-item {
    display: inline-block;
    margin-right: 10px;
}

ul.menu > li.menu-item.wpml-ls-item:last-of-type {margin-right: 5px;}
 
/* funktioniert nicht  Klass wird nicht gesetzt */
.wpml-ls-item-de.wpml-ls-current-language {color: var(--ppt-orange);}

li.menu-item-wpml-ls-3-de > a > span,
li.menu-item-wpml-ls-3-en > a > span {
    position: relative;
    visibility: hidden;
    font-size: 5px;
}

li.menu-item-wpml-ls-3-de > a > span::before {
    visibility: visible; 
    content: 'DE';
    font-size: var(--wp--preset--font-size--small);
    position: absolute;
    top: -12px;
    left: 0;
    /*line-height: 0.8;*/
    }

li.menu-item-wpml-ls-3-en > a > span::before {
    visibility: visible; 
    content: 'EN';
    font-size: var(--wp--preset--font-size--small);
    position: absolute;
    top: -12px;
    left: 0;
    /*line-height: 0.8;*/
}

:lang(de) .menu-item-wpml-ls-3-de > a {color: var(--ppt-orange);}
:lang(en) .menu-item-wpml-ls-3-en > a {color: var(--ppt-orange);}


/* ---  responsiveness --- */

@media (min-width: 960px) {
  header {  
    ul.sub-menu {
        visibility: hidden;
        position: absolute;
        /*background-color: transparent;*/
        z-index: 100;
        /*
        background-color: var(--ppt-orange);*/
        box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 5px;
        /*
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        */
    }
    

    ul.sub-menu > li:first-of-type {
        visibility: hidden;
        opacity: 0;
        padding-top: 15px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    
    ul.sub-menu > li:last-of-type {padding-bottom: 15px;}

    ul.sub-menu > li:nth-of-type(2) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.1s ease-out;
        transition: all 0.5s 0.1s ease-out;
    }
    
    ul.sub-menu > li:nth-of-type(3) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.15s ease-out;
        transition: all 0.5s 0.15s ease-out;
    }
    
    ul.sub-menu > li:nth-of-type(4) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.2s ease-out;
        transition: all 0.5s 0.2s ease-out;
    }
    
      ul.sub-menu > li:nth-of-type(5) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.25s ease-out;
        transition: all 0.5s 0.25s ease-out;
    }
    
    ul.sub-menu > li:nth-of-type(6) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.3s ease-out;
        transition: all 0.5s 0.3s ease-out;
    }
    
    ul.sub-menu > li:nth-of-type(7) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.4s ease-out;
        transition: all 0.5s 0.4s ease-out;
    }

    ul.sub-menu > li:nth-of-type(8) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.5s ease-out;
        transition: all 0.5s 0.5s ease-out;
    }
    
     ul.sub-menu > li:nth-of-type(9) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.6s ease-out;
        transition: all 0.5s 0.6s ease-out;
    }
     ul.sub-menu > li:nth-of-type(10) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.7s ease-out;
        transition: all 0.5s 0.7s ease-out;
    }

     ul.sub-menu > li:nth-of-type(11) {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.5s 0.8s ease-out;
        transition: all 0.5s 0.8s ease-out;
    }
  }

    /* --- hover ---*/
 header {
    /* display: block; */
    li.menu-item-has-children:hover ul.sub-menu {
        visibility: visible;
        /*background-color: rgba(255,255,255,.60);*/
        -webkit-transition: all 2.0s ease-out;
        transition: all 2.0s ease-out;
    }

    li.menu-item-has-children:hover ul.sub-menu > li:first-of-type {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s ease-out;
        transition: opacity 0.5s linear, transform 0.5s ease-out;

        /*
        transition: visibility 0s , opacity 1s linear, transform 0.8s 1s ease-out;
        */
    }

    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(2) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.1s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.1s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(3) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.2s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.2s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(4) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.3s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.3s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(5) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.4s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.4s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(6) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.5s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.5s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(7) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s linear, transform 0.5s 0.6s ease-out;
        transition: opacity 0.5s linear, transform 0.5s 0.6s ease-out;
    }
    
    li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(8) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s 0.7s linear, transform 0.5s 0.7s ease-out;
        transition: opacity 0.5s 0.7s linear, transform 0.5s 0.7s ease-out;
    }
    
      li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(9) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s 0.8s linear, transform 0.5s 0.8s ease-out;
        transition: opacity 0.5s 0.8s linear, transform 0.5s 0.8s ease-out;
    }
 li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(10) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s 0.9s linear, transform 0.5s 0.9s ease-out;
        transition: opacity 0.5s 0.9s linear, transform 0.5s 0.9s ease-out;
    }
  li.menu-item-has-children:hover ul.sub-menu > li:nth-of-type(11) {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity 0.5s 1s linear, transform 0.5s 1s ease-out;
        transition: opacity 0.5s 1s linear, transform 0.5s 1s ease-out;
    }
 }
}

@media (max-width: 959px) {
    
    ul.menu li.menu-item {display: block;}
    
    ul.menu:not(footer ul.menu) li.menu-item {
        border-bottom: 1px solid #ccc;
        line-height: 1.8em;
    }
    /*
    ul.menu:not(footer ul.menu) li.menu-item:not(:last-of-type ) {
        border-bottom: 1px solid #ccc;
        line-height: 1.8em;
    }
    
    ul.menu:not(footer ul.menu) li.menu-item:last-of-type {
        border-bottom: 0;
    }
    */
    ul.sub-menu li.menu-item:last-of-type {
        border-bottom: 0!important;
    }
    
    li.menu-item-wpml-ls-3-de > a > span::before,
    li.menu-item-wpml-ls-3-en > a > span::before {
        top: auto;
    }
    
    ul.menu li.menu-item a {
        font-size: 1rem;
    }
    
    ul.menu:not(footer ul.menu) ul.sub-menu {
        margin-bottom: 0!important;
        border-top: 1px solid #ccc;
        padding: 0;
    }
    
    /* */
}

@media (max-width: 649px) {
    ul.menu, ul.sub-menu {
        padding-inline-start: 10px;
    }
}

/* ------------------------------
 * Siteheader button with text
 * ------------------------------*/

.wp-block-cover.headertext {
    min-height: 500px; /**/
    padding: 0;
    bottom: 0px;
}

.wp-block-cover__inner-container {
    position: absolute;
    bottom: 0;
    }

.wp-block-cover__inner-container > p {
    display: inline-block;
    padding: 30px 50px;
    background-color: var(--ppt-blue-fifty);
}

/* fuer Seite referenzen, die kachel group*/
/* */
.ref .wp-block-cover__inner-container > p {
    background-color: transparent;
}



.ref .wp-block-cover__inner-container {
    overflow: hidden;
}

.ref .wp-block-cover__inner-container > p {
   /*  margin: 0; */
   width: 100%;
  font-size: 1.28rem!important;
}



/* ------------------------------
 * Block Buttons - evtl class orangebtn setzen
 * ------------------------------*/

.wp-block-buttons {
    margin-top: 10px;
    /*display: flex;*/
    gap: 0.6rem !important; /*1rem 0.5em;*/
}

.wp-block-buttons:first-of-type {
    margin-top: 15px;
}

.wp-block-button > a  {
    padding: .375rem 1.75rem;
    border-style: solid;
    border-width: 3px!important;
    border-color: var(--ppt-orange)!important;
}

.wp-block-button.blue > a {
    padding: .375rem 1.75rem;
    border-color: var(--ppt-blue)!important;
}

.wp-block-button > a {
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.wp-block-button > a:hover,
.wp-block-button > a:focus {
    /*background-color: var(--white)!important;*/
    box-shadow: inset 0 -3.25em 0 0 var(--white);
    color: var(--ppt-orange)!important;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.wp-block-button.blue > a:hover,
.wp-block-button.blue > a:focus {
    color: var(--ppt-blue)!important;
}

.wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover {
    opacity: 1;/*0.90;*/
}


/* ------------------------------
    double anaprechpartner
 * ------------------------------*/


@media (max-width: 1399px) {
    .wp-block-columns.double-ap .wp-block-column > .wp-block-image > img {
        width: 200px!important;
        height: 200px!important;
    }
}

@media (max-width: 1299px) {
    .wp-block-columns.double-ap .wp-block-column > .wp-block-image > img {
        width: 180px!important;
        height: 180px!important;
    }
}

@media (max-width: 1150px) {
    .wp-block-columns.double-ap .wp-block-column > .wp-block-image > img {
        width: 150px!important;
        height: 150px!important;
    }
}


@media (max-width: 959px) {

    .wp-block-columns.double-ap {
         flex-wrap: wrap!important;
    }

    .wp-block-columns.double-ap > .wp-block-column {
         flex-basis: 100%!important;
    }
    
    .wp-block-columns.double-ap .wp-block-column > .wp-block-image > img {
        width: 200px!important;
        height: 200px!important;
    }

    .wp-block-columns.double-ap > .wp-block-column:first-of-type {
            margin-bottom: 25px;
    }
}


/* das wäre nur für die hoempage - hintergrungbild für BI section*/
/*.bi-bg {}*/
/* ------------------------------
    standorte
 * ------------------------------*/

/*//wp-content/uploads/2022/07/map-ppt-beschriftung-op.jpg ---  /wp-content/uploads/2022/06/map-ppt.jpg */
/*
.wp-block-group.alignfull .pptmap {
    position: relative;
    background-image: url(/wp-content/uploads/2022/07/map-ppt-beschriftung-op.jpg);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 680px;
    width:1315px;
    margin-left: auto;
    margin-right: auto;
}
*/

/* /wp-content/uploads/2023/08/Standorte_Europakarte.jpg */

.wp-block-group.alignfull .pptmap {
    position: relative;
    background-image: url(/wp-content/uploads/2025/02/Standorte_Europakarte_04.jpg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 787px; /*Karte ist 2000x1125px;*/
    width: auto;
    max-width: 1400px;/*100%;*/
    /*min-height: 800px; 
    margin-left: auto;
    margin-right: auto;
    */
}

:lang(en) .wp-block-group.alignfull .pptmap {
    background-image: url(/wp-content/uploads/2025/02/Standorte_Europakarte_en_04.jpg);
}

.pptmap img {
    width: 32px;
    height: 32px;
}
/* Pin Berlin */
.pinber {
    position: absolute;
    cursor: pointer;
    top: 27.5%;
    right: 40%;
} 

/* Pin Dessau */
.pindes {
    position: absolute;
    cursor: pointer;
    top: 34%;
    right: 44%;
    /* old map values
    top: 14%;
    right: 25%;
    */
} 

/* Pin Leipzig */
.pinlei {
    position: absolute;
    cursor: pointer;
    top: 40%;
    right: 43%;
} 

/* Pin Marburg */
.pinmar {
    position: absolute;
    cursor: pointer;
    bottom: 50%;
    right: 56%;
    /* old map values
    bottom: 37%;
    left: 24%;
    */
} 
/* Pin Frankfurt */
.pinfr {
    position: absolute;
    cursor: pointer;
    bottom: 43%;
    left: 40%;
    /* old map values
        bottom: 10%;
        left: 20%;
    */
} 

/* Pin Bingen */
.pinbin {
    position: absolute;
    cursor: pointer;
    bottom: 41%;
    left: 36.5%;
} 

/* Pin Crailsheim */
.pincra {
    position: absolute;
    cursor: pointer;
    bottom: 32%;
    left: 46%;
}


/* Pin München */
.pinmuc {
    position: absolute;
    cursor: pointer;
    bottom: 26.5%;
    right: 48%;
} 

/* Pin Bodensee */
.pinbod {
    position: absolute;
    cursor: pointer;
    bottom: 19%;
    left: 43%;
}

/* Schweiz */
.pinbas {
    position: absolute;
    cursor: pointer;
    bottom: 17%;
    left: 36%;
}

.pinzug {
    position: absolute;
    cursor: pointer;
    bottom: 13.5%;
    left: 39.5%;
}


 /* 
@media only screen and (max-width: 1650px) {
   
    .pinber {
        right: 41%;
    }
    .pinbin {
        left: 38%;
    }
    .pincra {
        left: 45%;
    }
    
    .wp-block-group.alignfull .pptmap {
        height: 750px;
        min-height: 750px;
    }
}

@media only screen and (max-width: 1550px) {

    .wp-block-group.alignfull .pptmap {
        height: 700px;
        min-height: 700px;
    }
    
    .pinber {
        right: 42%;
    }
    .pinbin {
        left: 39%;
    }
    
}
*/
@media only screen and (max-width: 1350px) {
    
    .wp-block-group.alignfull .pptmap {
        height: 700px;
        /*min-height: 750px;*/
    }
    
    .pindes {
        top: 33.5%;
    }
    .pinfr {
        bottom: 42.5%;
    }
    .pincra {
        left: 45%;
    }
    /*
    .pinber {
        right: 41%;
    }
    .pinbin {
        left: 38%;
    }
    
    .pinbod {
        left: 44%;
    }
    */
}


@media only screen and (max-width: 1200px) {
    .wp-block-group.alignfull .pptmap {
        height: 600px;
      /*  min-height: 600px;*/
    }
    .pptmap img {
        width: 30px;
        height: 30px;
    }
 /*   */
    .pinber {
        right: 40.5%;
        top: 26%;
    }
    .pindes {
        top: 32.75%;
        right: 44.5%;
    }
    .pinlei {
        top: 39.5%;
        right: 43.25%;
    }
    .pinmar {
        bottom: 49.5%;
        right: 55%;
    }
    /*
    .pinfr {
        left: 41%;
    }
    
    .pinbin {
        left: 37.5%;
    }
    */
    .pinmuc {
        bottom: 26%;
        right: 47.5%;
    }
    .pinbod {
        bottom: 18.5%;
        left: 43.5%;
    }
 
}

@media only screen and (max-width: 1100px) {
    .pinber {
        right: 40%;
    }
}

@media only screen and (max-width: 1024px) {
    .wp-block-group.alignfull .pptmap {
        height: 500px;
    }
    .pptmap img {
        width: 25px;
        height: 25px;
    }
    .pinber {
        right: 41%;
     }
    .pinlei {
        right: 43.5%;
    }
    .pinfr {
        bottom: 42%;
        left: 41%;
    }
    .pinbin {
        left: 37.5%;
    }
}


@media only screen and (max-width: 960px) {
    /*
    .wp-block-group.alignfull .pptmap {
        height: 373px;
        width: 721px;
    }
    */

    .wp-block-group.alignfull .pptmap {
        position: relative;
        background-image: url(/wp-content/uploads/2025/02/Standorte_Deutschlandkarte_04.jpg);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 879px; 
        width: auto;
        max-width: 700px;/*100%;*/
       /* min-height: 800px;*/
        margin-left: auto;
        margin-right: auto;
    }
    
    :lang(en) .wp-block-group.alignfull .pptmap {
        background-image: url(/wp-content/uploads/2025/02/Standorte_Deutschlandkarte_en_04.jpg);
    }
    
    .pptmap img {
        width: 30px;
        height: 30px;
    }
    
    .pinber {
        right: 31%;
        top: 28%;
    }
    .pindes {
        top: 35%;
        right: 41%;
    }
    .pinlei {
        top: 41.5%;
        right: 38%;
    }
    .pinmar {
       bottom: 49%;
       left: 29%;
    }
    .pinfr {
        bottom: 41.5%;
        left: 25%;
    }
    .pinbin {
        bottom: 40%;
        left: 17%;
    }
    .pincra {
        left: 35%;
        bottom: 31%;
    }
    .pinmuc {
        bottom: 25%;
        /*right: 47.5%;*/
    }
    .pinbod {
        bottom: 17.5%;
        left: 31%;
    }
    .pinbas {
        left: 15%;
        bottom: 16%;
    }
    .pinzug {
        left: 23.5%;
        bottom: 12%;
    }


}

@media only screen and (max-width: 768px) {
    /**/
    .wp-block-group.alignfull .pptmap {
        height: 753px;
        max-width: 600px;
    }
    
    .pptmap img {
        width: 25px;
        height: 25px;
    }
}

@media only screen and (max-width: 650px) {
    .wp-block-group.alignfull .pptmap {
        height: 565px;
        max-width: 450px;
    }
}

@media only screen and (max-width: 480px) {
    .wp-block-group.alignfull .pptmap {
        height: 477px;
    }
     .pinber {
        right: 30.5%;
        top: 27%;
      }
     .pindes {
        top: 33%;
        right: 41%;
      }
    .pinlei {
        top: 40%;
    }
    .pinbin {
        left: 16%;
      }
}

/* ------------------------------
    news
 * ------------------------------*/

.page-template-ppt_news, .single-ppt_news {
    ul li.ppt_news:after,
    ul li.ppt_news .wp-block-columns:after {
        clear: both;
    }

    ul li.ppt_news {
        text-indent: 0rem;
    }

    /* h2 wird in jon gesetzt --- oder im theme editor
    font-size: var(--wp--preset--font-size--medium-large);
    */

    .wp-block-post.ppt_news figure.wp-block-post-featured-image {
        margin-left: 0;
        margin-right: 0;
        float: left;
        width: 370px;
        height: 220px;
        margin-top: 0!important;
        margin-right: 25px!important;
    }

    .wp-block-post.ppt_news figure.wp-block-post-featured-image img {
        max-width: none;
        /*object-fit: cover;*/
        object-fit: contain !important;
        height: 220px;
    }

    li.wp-block-post.ppt_news figure.wp-block-post-featured-image + wp-block-columns > .wp-block-colum:nth-child(2) {
        flex-basis: 1%;
    } 

    .single-ppt_news figure.wp-block-post-featured-image {
        display: flex;
        justify-content: center;
    }


    .single-ppt_news figure.wp-block-post-featured-image img,
    .single-ppt_news figure.wp-block-post-featured-image.alignwide img {
        /* width: 100%; */
        width: auto;
    }

    .page-template-ppt_news
    .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link {
        padding: .375rem 1.75rem;
        border-style: solid;
        border-width: 3px!important;
        border-color: var(--ppt-blue)!important;
        text-transform: uppercase;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;  
        background-color: var(--ppt-blue);
        color: white;
    }

    .page-template-ppt_news
    .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:hover {
        box-shadow: inset 0 -3.25em 0 0 var(--white);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        background-color: white;
        color: var(--ppt-blue);
    }
    
    .taxonomy-news_country.wp-block-post-terms {display: none;}
    
} /* end page-template-ppt_news */

.wp-block-post-date {display: inline-block;}

.taxonomy-news_country {
    display: inline-block;
    margin-left: 10px;
    font-style: italic;
    font-size: var(--wp--preset--font-size--small) !important;
    }

/* ------------------------------
    footer
 * ------------------------------*/

footer > .wp-block-group {
    /*padding-top: var(--wp--custom--spacing--large, 8rem);*/
    padding-top: 50px!important;
    background-color: var(--ppt-blue);    
    color: white;
}

/*
footer > .wp-block-group h3,
*/
footer > .wp-block-group p {
   color: white; 
   /*display: inline-block;*/
}

footer > .wp-block-group a {
    display: block;
    color: white;
}
footer > .wp-block-group .wp-block-column > a:not(first-of-type) {
    margin-top: 0;
}
/*
footer > .wp-block-group .wp-block-column > a:first-of-type {
margin-block-start: var( --wp--style--block-gap );
}
*/

footer > .wp-block-group a:hover {
    color: var(--ppt-orange);
}

footer > .wp-block-group .icon {
    width: 29px;
    height: 18px;
    fill: white;
    margin-right: 10px;
    margin-top: 5px;
}

footer > .wp-block-group .icon.small {
    width: 20px;
    height: 12px;
}


footer > .wp-block-group .icon.small {
    width: 20px;
    height: 12px;
}

footer ul.sub-menu li.menu-item .icon.small {
    width: 17px;
    height: 9px;
    margin-right: 5px;
}

footer ul.sub-menu li.menu-item a {
    display: inline-block; 
    text-transform: none; 
}

footer > .wp-block-group .icon + p {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

footer > .wp-block-group p.inline {
    margin-block-start: 0;
}

footer > .wp-block-group p.inline span {display: inline-block}


/*
footer > .wp-block-group #phone {
    width:29px;
    height: 18px;
    background-image: url('/wp-content/uploads/2022/05/svg-symbols.svg#gmf-phone');
}
*/

footer > .wp-block-group a p  {
    position: relative;
    /*font-size: 1rem;*/
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

footer > .wp-block-group a p::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--ppt-orange);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}

footer > .wp-block-group a:hover p::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
}

footer .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-heading,
footer .wp-block-columns .wp-block-column:nth-of-type(3) .wp-block-heading {
position: relative;
}

:lang(en) footer .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-heading,
:lang(en) footer .wp-block-columns .wp-block-column:nth-of-type(3) .wp-block-heading {
visibility: hidden;
}


:lang(en) footer .wp-block-columns .wp-block-column:nth-of-type(1) .wp-block-heading::before {
    visibility: visible; 
    content: 'CONTACT';
    position: absolute;
    top: 0;
    left: 0;
}

:lang(en) footer .wp-block-columns .wp-block-column:nth-of-type(3) .wp-block-heading::before {
    visibility: visible; 
    content: 'LEGAL';
    position: absolute;
    top: 0;
    left: 0;
}

footer ul.menu {
    padding-left: 0;
}

footer ul.menu > li.menu-item {
    display: block;
    font-weight: normal;
    line-height: 1.7rem;
    font-size: var(--wp--preset--font-size--small);
}

/* see javascript
footer ul.menu > li.menu-item::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" M1.87.225a1.172,1.172,0,0,0-1.87.9v15.75a1.172,1.172,0,0,0,1.87.9L13.563,9.9a1.144,1.144,0,0,0,0-1.8Z" transform="translate(0 0)');
    position: absolute;
}
*/

footer ul.menu > li.menu-item > a {
    text-transform: capitalize;
    display: inline-block;
}

/* ------------------------------
    responsiveness
 * ------------------------------*/

@media (max-width: 1399px){
    .page-template-ppt_news .wp-block-query ul.alignwide,
    .page-template-ppt_news .wp-block-query h2.alignwide,
    .page-template-ppt_news .wp-block-query figure.alignwide,
    .page-template-ppt_news .wp-block-query .wp-block-columns.alignwide {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

@media (max-width: 1099px) {
    .wp-block-columns .wp-block-column figure.is-style-rounded img {
        width: 250px!important;
        height: 250px!important;
    }
}

@media (max-width: 959px) {
    
    .hidetablet {display: none!important;}
    
    .wp-block-columns .wp-block-column figure.is-style-rounded img {
        width: 200px!important;
        height: 200px!important;
    }
    header {
        position: relative;
    }
    .wp-block-post.ppt_news figure.wp-block-post-featured-image {
        float: none;
    }
    ul li.ppt_news .wp-block-columns {
        margin-bottom: 0;
    }
    /*.page-template-ppt_news .hidemobile {display: none!important;}*/
    
    .menu-primary-de-container,
    .menu-primary-en-container {
        /*display: none;*/
        visibility: hidden;
        opacity: 0;
        /*height: 0;*/
        max-height: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .menu-primary-de-container.open,
    .menu-primary-en-container.open {
        /*display: block;*/
        visibility: visible;
        opacity: 1;
        max-height: 550px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .menu-icons .burger-icon {
        display: block;
        cursor: pointer;
    }
    .menu-icons .burger-icon.hide {
        display: none;
        cursor: pointer;
    }
    .menu-icons .close-icon {
        display: none;
        cursor: pointer;
    }
    .menu-icons .close-icon.show {
        display: block;
        cursor: pointer;
    }
}

@media (max-width: 850px) {
    .wp-block-columns .wp-block-column figure.is-style-rounded img {
        width: 180px!important;
        height: 180px!important;
    } 
}

@media (min-width: 782px) and (max-width: 1023px) {

.wp-block-columns.nested:not(.is-not-stacked-on-mobile) {
      display: flex;
      flex-direction: column;
}

.wp-block-columns.nested:not(.is-not-stacked-on-mobile) .wp-block-column {
        display: flex;
        flex-basis: 100%!important;
        flex-grow: 0;
        flex-wrap: wrap; 
       /* min-width: 90%;*/
    }

}


@media (min-width: 600px) and (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        /*flex-basis: calc(50% - var(--wp--style--block-gap, 2em)/2)!important;*/
        flex-basis: 100%!important;
        flex-grow: 0;
        margin-bottom: 15px;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(even) {
        margin-left: 0;
    }
}

@media (max-width: 781px) {
    .page-template-ppt_news, .single-ppt_news {
        .wp-block-post.ppt_news figure.wp-block-post-featured-image {
            float: none;
        }
    }
    
  /* --- iteheader  ---*/
  
    .wp-block-cover.headertext {
        min-height: 300px;
        align-items: flex-end;
    }
     
    .wp-block-cover.headertext .wp-block-cover__inner-container > p {
        width: 100%;
      }
    
}

@media (max-width: 767px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100%!important;
    }

    .wp-block-columns .wp-block-column figure.is-style-rounded img {
        width: 250px!important;
        height: 250px!important;
    }
   .hidemobile {display: none!important;}
    
}


@media (max-width: 599px) {
       
    .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) li {
        background-color: rgba(255,255,255,.85);
        transform: translateY(0%);
    }
    
    .wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
        -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    }
    
    /* seite projektmanagement */
    .page-id-23949 .wp-site-block .main.wp-block-group .entry-content .wp-block-cover__inner-container {
        padding: 30px 40px;
    }

    .headertext {
        word-wrap: break-word;
        /* word-break: break-all;*/
    }
    
    .wp-block-cover.headertext {
        min-height: 250px;
        align-items: flex-end;
    }
     
    .wp-block-cover.headertext .wp-block-cover__inner-container > p {
        width: 100%;
        font-size: 1.7rem !important;
      }
    
}