/* Backend */
.editor-styles-wrapper .wp-block-group{
border: 1px dashed red!important; 
padding:5px;
margin:5px;
}
.desktop.block-editor-block-list__block.wp-block-spacer{
border:dotted 1px cyan;
}
.desktop.block-editor-block-list__block.wp-block-spacer:before{
content:"desktop";
color:cyan;
}
.mobile.block-editor-block-list__block.wp-block-spacer{
border:dotted 1px magenta;
}
.mobile.block-editor-block-list__block.wp-block-spacer:before{
content:"mobile";
color:magenta;
}
.block-editor-block-list__block.padding{
border:2px dashed yellow!important;
}
/* Backend OUT */

:root{
--color1:rgb(56,89,136); /* Logo, Links, Buttons | blau */
--color3:#F4F4F4; /* hellgrau */
--color4:#b2b7bf; /* dunkelgrau */	
--color5:rgb(105,152,173); /* Newsletter | zweites Blau */
--color6:rgba(105,152,173,.8); /* drittes  Blau */
--color7:rgba(105,152,173,.5); /* viertes Blau */	
--color8:#ffdf5c; /* Buttons | gelb */
--color9:#272b4d; /* Buttons, Font Color | Blau */
--color10:rgba(0,0,0,.85); /* dunkelgrau Schriftfarbe */
--color13:white; /* */
--color14:black; /* */
--wp--style--global--content-size:1400px;
--wp--style--global--wide-size:1400px;
}

/* damit im eingeloggten Zustand bei einer Seite diverse Punkte der Admin Bar ausblenden, zb. "Edit with BeBuilder" */
#wp-admin-bar-comments,#wp-admin-bar-customize,#wp-admin-bar-new-content,#wp-admin-bar-stats,#wp-admin-bar-popup-maker,#wp-admin-bar-reader,#wp-admin-bar-help-center,#wp-admin-bar-notes,#wp-admin-bar-search{
display: none !important;
}
.displaynone{
display:none;
}

@media only screen and (max-width:600px) {
.desktop:not(.desktop.block-editor-block-list__block.wp-block-spacer,.desktop.block-editor-block-list__block.wp-block-group){
display:none!important;
}	
.mobile:not(.mobile.block-editor-block-list__block.wp-block-spacer,.mobile.block-editor-block-list__block.wp-block-group){
display:block!important;
}
}
@media only screen and (min-width:601px){
.desktop:not(.desktop.block-editor-block-list__block.wp-block-spacer,.desktop.block-editor-block-list__block.wp-block-group){
display:block!important;
}	
.mobile:not(.mobile.block-editor-block-list__block.wp-block-spacer,.mobile.block-editor-block-list__block.wp-block-group){
display:none!important;
}
}

::-moz-selection { background:var(--color1); color:var(--color3); }
::selection { background:var(--color1); color:var(--color3); }

p,div,li,mark{
color:var(--color10);
}
a:not(.site-navigation a){
font-size:16px!important;
}
p.has-small-font-size a{
font-size: var(--wp--preset--font-size--small) !important;
}
header a,.wp-block-button__link,#globalefusszeile a{
text-decoration:none!important;
}
a:hover:not(#globalefusszeile a:hover,.yellowbutton a:hover){
color:var(--color13)!important;	
background-color:var(--color1);
}
#menu-hauptmenue .current-menu-item{
background-color:var(--color3);
}

h2{
color:var(--color1)!important;
font-size:35px!important;
}
@media only screen and (max-width:600px) {
h2{
font-size:26px!important;
}
h4{
font-size:20px!important;
}
}
h3{
color:var(--color10)!important;
font-size:28px!important;
}
#mein p{
margin-block-start:10px;
}
h4{
text-transform:none!important;
}

/*
body:not([class*=elementor-page-]) .site-main{
max-width: 1400px;
}
*/

/* Hintergrundfarben, die man im WP Backend verwenden kann */
.color1{
background-color:var(--color1);
}
.color3{
background-color:var(--color3);
}
.color4{
background-color:var(--color4);
}
.color5{
background-color:var(--color5);
}
.color6{
background-color:var(--color6);
}
.color7{
background-color:var(--color7);
}


/* HEADER */
/* Site Header - sticky */
.site-header{
padding-top:60px;
padding-block-end:1rem;
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
background-color:var(--color13); 
transition: all 0.3s ease-in-out;
}

@media only screen and (max-width:600px){
.site-header{
padding-top:10px;
position:relative;
}
.show-logo{
position:relative;
left:15px;
}
}
.site-header .site-description{
text-align:center;
display:block;    
}
@media (min-width: 1200px) {
.site-header .header-inner {
max-width:var(--wp--style--global--content-size);	
}
}

/* MENÜ */
.site-navigation-toggle{
box-shadow:none!important;
position:absolute;
bottom:26px;
right:25px;
color:var(--color13)!important;
border-radius:0!important;
background-color:var(--color1)!important;
background-image:none!important;
}
.site-navigation{
align-items:end;
}
#menu-hauptmenue a{
font-size:20px;
}
.sub-menu li{
width:455px;
border-block-end:none!important;
}
.sub-menu li a{
font-size:17px!important;
}


/* Mobiles Menü */
.site-navigation-dropdown .menu-item-has-children > a::after {
content: "▼"; /* Fügt einen Pfeil für das Dropdown hinzu */
font-size:14px;
margin-left:5px;
display:inline-block;
}

body .page-content{
margin-top:5px;	
}
@media only screen and (min-width:601px){
body .page-content{
margin-top:150px;	
}
}


/* Block mit Headerbild */
/* Startseite */
@media only screen and (max-width:600px){
/* Mobiles Headerbild */
.homeheroheader{
/* min-height:initial!important;
max-height:800px; */
}	
.homeheroheader .wp-block-group .wp-block-group:not(.mobile.homeheroheader  .wp-block-group .wp-block-group){
padding:25px;
}	
.homeheroheader .wp-block-group p:first-child{
line-height:30px!important;
}	
.homeheroheader .wp-block-group p:first-child strong{
font-size:35px;
}
.homeheroheader img{
/* content:url('/wp-content/uploads/2025/02/dsc_3748_w800px.jpg'); */
}
}

.entry-title{
margin-left:0!important;
display:none!important; /* wird augeblendet */
}


.box{
box-shadow:1px 1px 1px #d4d4d4;
}


/* TESTIMONIALS */
#testimonials .is-layout-flex{
gap:100px;
}


/* PADDINGS */
.padding{
padding:0 35px 0 35px;
}

@media only screen and (max-width:600px) {
.wp-block-group:not(#globalefusszeile .wp-block-group,.wp-block-group .wp-block-group){
padding-left:25px;
padding-right:25px;
}
}


/* BILDER */
figcaption{
font-size:13px;
}


/* LISTEN */
.wp-block-list{
/* list-style-type:circle; */
padding-left:15px;
list-style:"✓";	
}

.wp-block-list li{
line-height:22px;
padding-left:5px;
margin-bottom:35px;
}
.wp-block-list li::marker{
font-weight:600!important;
}

ul.cmglist{
list-style-type: none; /* Standard-Bullet entfernen */
padding-left:0;
}
ul.cmglist li{
background:url('/wp-content/uploads/2025/03/bullet.png') no-repeat left center; /* Ginkgoblatt */
background-size:16px 16px; /* Größe anpassen */
padding-left:25px; /* Platz für das Bild einrechnen */
}


/* DETAIL */
summary{
font-weight:bold;
}


/* BUTTONS */
.wp-block-buttons .wp-block-button{
margin-top:15px;
}
.wp-element-button, .wp-block-button__link,.wp-block-jetpack-button button{
color:var(--color13)!important;
background-color:var(--color1)!important;
background-image:none!important;
border:1px solid var(--color13)!important;
border-radius:0!important;
padding:10px!important;
font-size:16px!important;
font-weight:500!important;
/* height:50px!important; */
line-height:24px!important;
text-shadow:0px 0px 10px rgba(0, 0, 0, 0.3)!important;
box-shadow:1px 1px 2px 0px var(--color4)!important;
}
.yellowbutton .wp-element-button,.yellowbutton .wp-block-button__link:hover{
background-color:var(--color8)!important;
color:var(--color9)!important;
}
@media only screen and (max-width:600px) {
.wp-element-button, .wp-block-button__link{
font-size:12px!important;	
line-height:16px!important;
}
}
.wp-block-button__link:hover{
background-color:var(--color1)!important;
/* box-shadow:none!important; */
}
@media only screen and (max-width:600px){
.wp-block-buttons .wp-block-button{
width:100% !important;		
font-weight:bold;
}
.wp-element-button{
font-size:14px;
}
}


/* Newsletter Box */
@media only screen and (max-width:600px){
#newsletter #newsletterblockcontent{
padding-left:25px!important;
padding-right:25px!important;
}
}


/* Stressmanagement Führungskräfte */
.schmerzpunkteausrufen h3{
font-size:22px!important;	
}


/* Stressmanagement Unternehmen */
#viersaeulen figure{
@media only screen and (max-width:600px){
max-width:100%;
}
}



/* /newsletter/ */
@media only screen and (max-width:600px){
.ktv1{
max-width:350px;
height:350px;
}
}



/* POPUPS */
.popmake-content{
/* max-width:400px; */
text-align:center;
}

/* Newsletter Popup */
.ktv2{
height:350px;
}
@media only screen and (min-width:601px){
.ktv2{
width:800px;
height:269px;
}
}

/* Warteliste Popup */
.ktv3{
height:350px;
}
@media only screen and (min-width:601px){
.ktv3{
width:800px;
height:350px;
}
}

/* SOS Guide Popup */
.ktv4{
height:350px;
}
@media only screen and (min-width:601px){
.ktv4{
width:450px;
height:350px;
}
}


/* LANDING PAGES */



/* FOOTER */
footer{display:none;}
#globalefusszeile .wp-block-columns{
gap:4em;
}
@media only screen and (max-width:600px){
#globalefusszeile{
padding-left:25px!important;
padding-right:25px!important;
}
#globalefusszeile	.wp-block-columns,#globalefusszeile	.wp-block-columns h3,#globalefusszeile .wp-block-columns p,#globalefusszeilelandingpages .wp-block-columns,#globalefusszeilelandingpages .wp-block-columns h3,#globalefusszeilelandingpages .wp-block-columns p{
text-align:center;	
}
#globalefusszeile .wp-block-social-links{
float:none!important;
margin-inline-end:0!important;
}	
#globalefusszeile .wp-block-social-links svg{
width:28px;
height:28px;
}	
#globalefusszeilelandingpages .wp-block-columns .wp-block-column:last-child p{
margin-right:0!important;
}
}