@charset "UTF-8";
/* CSS Document */
/*
Theme Name: WPTheme ZPE Coach
Theme URI: /themes/zpe/
Author: TRE Services GmbH
Author URI: https://www.ergebnisreich.de/
*/


:root {
  --primary: #69663a;
  --primary-light: #f9f3e5;
  --accent: #D4A574;
	
  --text-dark: #323012;
  --text-medium: #69663a;
  --text-light: #f9f3e5;
	
  /*--bg-light: #FAFAFA;*/
  --bg-white: #FFFFFF;
  --border: #E5E5E5; /*grau*/
	
  --bg-light: #f9f3e5;
  --bg-dark: #323012;
  --bg-primary: #69663a;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
* {
  font-family: "Merriweather" /*"Italiana"*/ ;
  font-weight: 400
}
html {
  scroll-behavior: smooth;
}
body {
  /*font-family: 'DM Sans', sans-serif;*/
  color: var(--text-dark);
  line-height: 1.7;
  /* background: var(--bg-white);*/
  padding-top: 116px;
  background: /*#e5e4db*/ #69663a;
}
@media only screen and (max-width: 600px) {
  body {
    /*font-family: 'DM Sans', sans-serif;*/
    color: var(--text-dark);
    line-height: 1.5;
    /* background: var(--bg-white);*/
    padding-top: 90px;
  }
}
/* Typography */
/*h1, h2, h3, h4 {
    font-family: 'Crimson Pro', serif;
    font-weight: 600;
    line-height: 1.2;
}*/
h1 {
  font-size: clamp(2.5rem, 5vw, /*4*/ 3.5rem);
  margin-bottom: 1.5rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.25rem;
}
h2 {
  font-size: clamp(2rem, 4vw, /*3*/ 2rem);
  margin-bottom: 2rem;
  color: var(--primary);
}
h3 {
  /*font-size: clamp(1.5rem, 3vw, 2rem);*/
  font-size: clamp(1.5rem, 3vw, /*1.8*/ 1.35rem);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 781px) {
h3 {
  font-size: clamp(1.25rem, 2vw, 1.25rem);
}	
}

p em {
  font-family: 'Source Sans 3';
}
/*h2,h3{font-weight:800 !important}*/
h1, h2, h3, h4 {
  color: #69663a /*#323012*/ ;
  letter-spacing: 0.05rem;
  font-weight: 600 /**/
}
.is-style-block-bg-hellgrau {
  background: #f9f3e5 /*#69663a;*/
}
.is-style-block-bg-hellgrau h2 {
  color: #69663a
}
h2 {
  color: #f9f3e5
}
.is-style-block-bg-hellgrau p {
  color: #69663a;
}
p {
  font-size: /*1.125rem*/ 1.25rem;
  margin-bottom: 1.5rem;
  color: var(--text-medium);
}
p {
  font-family: "Source Sans 3";
  font-weight: 400;
}
p strong {
  font-family: "Source Sans 3";
  font-weight: 600;
}
p {
  color: #f9f3e5;
  letter-spacing: 0.035rem;
  font-weight: 400;
  line-height: 1.5
}
p a {
  font-family: "Source Sans 3";
  font-weight: 400;
  color: #f9f3e5;
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}
.is-style-block-bg-light {
  background-color: var(--bg-light);
}
.is-style-block-bg-light h2, .is-style-block-bg-light h3, .is-style-block-bg-light p, .is-style-block-bg-light ul li {
  color:#69663a /*#323012*/;
}
.is-style-block-bg-dark {
  background-color: var(--bg-dark);
}
.is-style-default {
  background-color: var(--bg-primary);
}
.is-style-default h3 {
  color: var(--bg-light);
}
/* Header & Navigation */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /*background: rgba(255, 255, 255, 0.95);*/
  backdrop-filter: blur(10px);
  z-index: 1000;
  /*border-bottom: 1px solid var(--border);*/
  transition: all 0.3s ease;
}
header, footer {
  background-color: #323012
}
header#move {
  padding: 24px 0;
}
#element-logo a {
  margin-right: 21px;
  display: block;
}
.element-subtitel {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.05rem;
  font-weight: 100;
  width: 360px;
}
.element-subtitel span {
  font-size: 13px;
  text-transform: unset !important;
  letter-spacing: 0.05rem;
  font-family: 'Source Sans 3';
  font-weight: 100;
  display: block;
}
@media only screen and (max-width: 600px) {
  .element-subtitel {
    display: none
  }
}
/**/
.is-style-pretitel {
  font-family: 'Source Sans 3';
  letter-spacing: 0.075rem;
  font-weight: 100;
  margin-bottom: 0.5rem
}
nav {
  /* max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem 2rem;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*.logo {
    font-family: 'Crimson Pro', serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
    letter-spacing: -0.5px;
}*/
/* .nav-links -> .element-navigation*/

.element-navigation {
  display: flex;
  gap: 1.25rem;
  list-style: none;
}
@media (max-width: 1420px) {
  .element-navigation {
    gap: 0.5rem /*2*/ 0.5rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
	header div.wp-block-element-max-breite div.wp-block-inline {
    flex-direction: row;
}
@media (max-width: 1280px) {
	
	header div.wp-block-element-max-breite div.wp-block-inline {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 2rem;
	flex-direction: column;	
}
	
}
@media (max-width: 960px) {
	header div.wp-block-element-max-breite div.wp-block-inline {
    flex-direction: row;}
}

.element-navigation a {
  color: var(--text-dark);
  text-decoration: none;
  font-weight: 400;
  font-size: 0.825rem;
  position: relative;
  transition: color 0.3s ease;
  letter-spacing: 0.05rem;
}

@media (max-width: 1325px) {
	.element-navigation a {
  font-size: 0.77rem;
	}
}
@media (max-width: 1280px) {
		.element-navigation a {
  font-size: 0.825rem;
	}
}

.element-navigation a:hover {
  color: var(--primary);
}
/*.element-navigation a.active {
    color: var(--primary);
}*/
.element-navigation li.current_page_item a {
  color: var(--primary);
}
.element-navigation a::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent);
  transition: width 0.3s ease;
}
.element-navigation a:hover::after, /*.element-navigation a.active::after*/ .element-navigation li.current_page_item a::after {
  width: 100%;
}
/* Mobile Menu 
.menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
}

.menu-toggle span {
    width: 25px;
    height: 2px;
    background: var(--text-dark);
    transition: all 0.3s ease;
}*/
div.wp-block-element-max-breite .wp-block-inline {
  padding: 6rem 0rem;
}



/* Page Header */
.page-header {
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  color: white;
  padding: 6rem 2rem 4rem;
  text-align: center;
  margin-bottom: 4rem;
}
.page-header h1 {
  color: white;
  margin-bottom: 1rem;
}
.page-header p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
}
/* Hero Section */
.hero {
  min-height: 90vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #FAFAFA 0%, #FFFFFF 100%);
  position: relative;
  overflow: hidden;
}
/*.hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 80%;
    height: 150%;
    background: radial-gradient(circle, rgba(44, 95, 93, 0.03) 0%, transparent 70%);
    border-radius: 50%;
}

.hero-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 4rem 2rem;
    position: relative;
    z-index: 1;
}*/
.hero h1 {
  max-width: 900px;
  animation: fadeInUp 1s ease;
}
div.wp-block-element-max-breite.hero-content .wp-block-inline {
  padding: 3rem 0rem;
}
.hero-content h1 {
  animation: fadeInUp 1s ease;
  color: var(--text-dark);
  font-weight: 800;
}
@media only screen and (max-width: 600px) {
	.hero-content h1 {
		font-size:clamp(2.25rem, 5vw, /*4*/ 3rem);
	}
}
.hero-subtitle {
  font-size: 1.75rem;
  color: var(--text-medium);
  max-width: 640px;
  margin-bottom: 3rem;
  animation: fadeInUp 1s ease 0.2s both;
}
@media only screen and (max-width: 600px) {
	  .hero-subtitle {font-size: 1.5rem;}
}
.cta-buttons {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  animation: fadeInUp 1s ease 0.4s both;
}
/* Buttons */
/*div.wp-block-button > a -> .btn */
/*.btn a {
    padding: 1rem 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}*/
.wp-block-buttons .wp-block-button a.wp-element-button {
  padding: 1rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}
/*.btn-primary a {
    background: var(--primary);
    color: white;
}*/
.wp-block-buttons .wp-block-button a.wp-element-button {
  background: var(--primary);
  color: white;
}
/*.btn-primary:hover a {
    background: var(--primary-light);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(44, 95, 93, 0.2);
}*/
.wp-block-buttons .wp-block-button a.wp-element-button:hover {
  background: var(--primary);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(44, 95, 93, 0.2);
}
/*.btn-secondary a {
    background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

.btn-secondary:hover a {
    background: var(--primary);
    color: white;
    transform: translateY(-2px);
}*/
.wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
  background: transparent;
  color: var(--primary);
  border: 2px solid var(--primary);
}
.wp-block-buttons .wp-block-button.is-style-outline:hover a.wp-element-button {
  background: var(--primary);
  color: white;
  transform: translateY(-2px);
}
/* Content Container */
/*.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 4rem 2rem;
}*/
@media (min-width: 1401px) {
  div.wp-block-element-max-breite {
    max-width: 1400px;
    margin: 0 auto;
    /* padding: 4rem 2rem;*/
  }
}
div.wp-block-element-max-breite {
  max-width: 1280px;
  margin: 0 auto;
  /* padding: 4rem 2rem;*/
}
@media only screen and (max-width: 1360px) {
div.wp-block-element-max-breite {
  max-width: 960px;
  margin: 0 auto;
  /* padding: 4rem 2rem;*/
}	
}
@media (max-width: 1110px) {
  div.wp-block-element-max-breite {
    max-width: 960px;
    margin: 0 auto;
    /* padding: 4rem 2rem;*/
  }
}
/*@media (max-width: 781px) {*/
@media (max-width: 990px) {
  div.wp-block-element-max-breite {
    max-width: 90%;
    margin: 0 auto;
    /* padding: 4rem 2rem;*/
  }
	div.wp-block-element-max-breite.section-intro {
    max-width: 90%;
   
}
}
/* Section Styles */
/* section {
    padding: 4rem 2rem;
  max-width: 1400px;
    margin: 0 auto;
}*/
/*.section-intro {
    max-width: 900px;
    margin: 0 auto 4rem;
    text-align: center;
}*/
div.wp-block-element-max-breite.section-intro {
  max-width: 900px;
  margin: 0 auto /*4rem*/ ;
  text-align: center;
  padding: 0
}
/* Cards Grid */
.cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2.5rem;
  /*margin-top: 3rem;*/
  max-width: 1280px;
  margin: 4rem auto 0 auto;
}
.inview .cards-grid {
  opacity: 0
}
.inview.animation-fadeInUp .cards-grid {
  opacity: 1
}

.inview h2 {
  opacity: 0
}
.inview.animation-fadeInUp h2 {
  opacity: 1
}

.is-style-block-karte {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2.5rem;
  margin-top: 3rem;
  max-width: 1280px;
  margin: 4rem auto 0 auto;
}
.card {
  background: white;
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}
.card.small {
  max-width: 600px;
  margin: 0 auto
}
.is-style-block-karte-item {
  background: white;
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.is-style-block-karte-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.card h3 {
  color: var(--primary);
  margin-bottom: /*1rem*/ 0;
  letter-spacing: 0.0rem;
  line-height: 1.5;
}
.card h3 + p  {
	margin-top: 1rem;
}
.is-style-block-karte-item h3 {
  color: var(--primary);
  margin-bottom: /*1rem*/ 0;
  letter-spacing: 0.0rem;
  line-height: 1.5;
}
.is-style-block-karte-item h3 + p{
    margin-top: 1rem;
}
.is-style-block-karte-item-bild-element {
  background: white;
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}
.wp-block-column.is-style-block-karte-item-bild-element {
  background-image: url(https://zpe.coach/wp-content/uploads/zpe-bildmarke.svg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: bottom right;
  background-color: #fff
}
.is-style-block-karte-item-bild-element h3, .is-style-block-karte-item-bild-element p{
	margin-bottom:0
}
.is-style-block-karte-item-bild-element h3 + p {
	margin-top:1rem;
}

.card-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
}
.card h3 {
  color: #69663a;
  /*margin-bottom: 1rem;
  font-weight:600*/
  /*text-transform:uppercase*/
}
.card p {
  color: #69663a;
	margin-bottom: 0rem;
  /*margin-bottom: 1rem;*/
  /*font-weight:600*/
  /*text-transform:uppercase*/
}
.is-style-block-karte-item p + .wp-block-buttons{
margin-top: 1rem;	
}
.card p + .wp-block-buttons{
margin-top: 1rem;	
}
.is-style-block-bg-dark .card {
  background-color: #f9f3e5
}
.is-style-block-bg-dark .card p {
  color: #323012
}
.card .wp-block-buttons .wp-block-button a, .is-style-block-karte-item .wp-block-buttons .wp-block-button a {
  padding: 0.75rem 1.75rem;
  font-size: 0.95rem;
}
.wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
  letter-spacing: 0.05rem;
  font-weight: 800;
}
.is-style-default .wp-block-buttons .wp-block-button a.wp-element-button {
  border: 1px solid #323012;
}
.is-style-default .wp-block-buttons .wp-block-button a.wp-element-button:hover {
  border-color: #f9f3e5;
  border: 1px solid;
}


/* Feature List */
.feature-list {
  display: grid;
  gap: 1.5rem;
  margin: 2rem 0;
}
.feature-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.feature-item::before {
  content: '→';
  color: var(--accent);
  font-size: 1.5rem;
  font-weight: bold;
  flex-shrink: 0;
}
/* Two Column Layout */
.two-column {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 4rem;
  align-items: center;
  margin: 3rem 0;
}
/* Team Section */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 3rem;
  margin-top: 3rem;
}
.team-member {
  text-align: center;
}
.team-photo {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-light), var(--accent));
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: white;
  font-weight: 600;
}
.team-photo p {
  font-size: 3rem;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
}
.team-member h3 {
  color: var(--primary);
  margin-bottom: 0.5rem;
}
.team-role {
  color: var(--accent);
  font-weight: 500;
  margin-bottom: 1rem;
}
/* Contact Form */
.contact-form {
  max-width: 600px;
  margin: 3rem auto;
  background: white;
  padding: 3rem;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.form-group {
  margin-bottom: 1.5rem;
}
label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--text-dark);
}
input, textarea, select {
  width: 100%;
  padding: 1rem;
  border: 2px solid var(--border);
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--primary);
}
textarea {
  min-height: 150px;
  resize: vertical;
}
/* Footer */
footer {
  background: var(--bg-dark);
  color: white;
  padding: 3rem 2rem 2rem;
  text-align: center;
}
footer p {
  color: rgba(255, 255, 255, 0.7);
	font-size:1rem
}
footer a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
footer nav a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  margin: 0 1rem;
}
footer .element-navigation a:hover {
  color: white;
}
footer .element-navigation li.current_page_item a {
  color: #fff;
}
/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  animation: fadeInUp 0.8s ease;
}
.animation-fadeInUp {
  animation: fadeInUp 1s ease 0.2s both;
}
/* Highlight Box */
.highlight-box {
  background: linear-gradient(135deg, var(--primary-light), var(--bg-primary));
  color: white;
  padding: 3rem;
  border-radius: 16px;
  margin: 3rem 0;
}
.highlight-box h3 {
  color: white;
}
.highlight-box p {
  color: rgba(255, 255, 255, 0.9);
}
/* Utility Classes */
.text-center {
  text-align: center;
}
.mt-4 {
  margin-top: 3rem;
}
.mb-4 {
  margin-bottom: 3rem;
}
/* Responsive */
@media (max-width: 768px) {
  /* header .element-navigation {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 2rem;
        gap: 1.5rem;
        transform: translateY(-100%);
        opacity: 0;
        transition: all 0.3s ease;
        border-bottom: 1px solid var(--border);
    }
    
    .element-navigation.active {
        transform: translateY(0);
        opacity: 1;
    }
    
    .menu-toggle {
        display: flex;
    }*/
  .two-column {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .cta-buttons {
    flex-direction: column;
  }
  .btn a {
    width: 100%;
    text-align: center;
  }
  .wp-block-buttons .wp-block-button /*a.wp-element-button*/ {
    width: 100%;
    text-align: center;
  }
  /*section {
        padding: 3rem 1.5rem;
    }*/
  .container {
    padding: 3rem 1.5rem;
  }
  div.wp-block-element-max-breite {
    /*padding: 3rem 1.5rem;*/ padding: 0;
  }
  .page-header {
    padding: 5rem 1.5rem 3rem;
  }
}
/**/
.is-style-block-bg-hellgrau {
  background: var(--bg-light);
}
.wp-block-element-max-breite.is-style-block-kurze-breite {
  max-width: 880px;
  margin: 0 auto /* 4rem*/ ;
  text-align: center;
  padding: 0
}

@media (max-width: 990px) {
.wp-block-element-max-breite.is-style-block-kurze-breite {
  max-width: 90%;
}	
}

/**/
.team-member {
  max-width: 800px;
  margin: 0 auto 5rem;
  text-align: left;
}
/**/
.wp-block-columns.cards-grid + p {
  margin-top: 3rem
}
.wp-block-columns.is-style-block-karte + p {
  margin-top: 3rem
}
/**/
form {
  text-align: left
}
[type=submit] {
  background: var(--primary-light);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(44, 95, 93, 0.2);
  background: var(--primary);
  color: white;
  padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}
@media (max-width: 600px) {
  footer a {
    margin: 0
  }
  #wp-block-element-copyright p span {
    display: block
  }
  #wp-block-element-slogan p span:first-child {
    display: block
  }
}
.wp-block-buttons.is-content-justification-center {
  margin-top: 2rem
}
footer div.wp-block-element-max-breite .wp-block-inline {
  padding: 0
}
@media (max-width: 600px) {
  div.wp-block-element-max-breite .wp-block-inline {
    padding: 6rem 1rem;
  }
}
.wp-block-buttons .wp-block-button a.wp-element-button {
  background-color: #323012;
  border-radius: 12px;
}
.wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
  background: transparent;
  color: #69663a;
  border: 2px solid #69663a;
}
.wp-block-buttons .wp-block-button.is-style-outline:hover a.wp-element-button {
  background-color: #69663a;
  color: #e5e4db;
  transform: translateY(-2px);
}
.wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
  background: transparent;
  color: #69663a;
  border: 2px solid #69663a;
}
.is-style-block-bg-dark .wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
  background-color: transparent;
  color: #f9f3e5;
  border: 2px solid #f9f3e5;
}
.is-style-block-bg-dark .wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button:hover {
  background-color: #f9f3e5;
  color: #323012;
  transform: translateY(-2px);
  border: 2px solid #f9f3e5;
}
.wp-block-element-max-breite + .wp-block-element-max-breite .wp-block-inline {
  padding: 0rem 0rem 6rem !important;
}
section.headliner .wp-block-inline {
  padding: 6rem 0rem 0 !important;
}
ul.sub-menu {
  display: none;
}
ul.element-navigation li.menu-item-has-children {
  display: block;
}
ul.element-navigation li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
  position: absolute;
  list-style: none
}
ul.sub-menu {
  background: #323012;
  padding: 8px 12px;
  z-index: 2
}

@media (max-width: 781px) {
ul.element-navigation li.menu-item-has-children > ul.sub-menu {
  display: block;
  position: relative;
  list-style: none;
	background:transparent;
	margin-top:8px
}
	ul.element-navigation li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
  position: relative;
  list-style: none;
	background:transparent;
	margin-top:8px
}	
ul.element-navigation li.menu-item-has-children > ul.sub-menu li  {
    border-left: 1px solid;
    margin-bottom: 8px;
    padding-left: 8px;
}
	ul.element-navigation li.menu-item-has-children:hover > ul.sub-menu li  {
    border-left: 1px solid;
    margin-bottom: 8px;
    padding-left: 8px;
}
}
/**/
h4 {
  font-size: 21px
}
#erkenntniss .is-style-block-karte-item {
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid var(--border);
}
#erkenntniss .is-style-block-karte-item h3 {
  font-size: 1.5rem
}
#erkenntniss .is-style-block-karte-item p {
  margin-bottom: 0rem;
  font-size: 1.15rem
}
.wp-block-group.is-style-block-kurze-breite {
  max-width: 880px
}
.wp-block-columns {
  gap: 1.5rem
}
.wp-block-content > div.wp-block-element-div:nth-child(1) {
  padding: 4rem 0
}
.wp-block-content > div.wp-block-element-div:nth-child(1) + .wp-block-element-section {}
.subheadliner .wp-block-group {
  max-width: 880px;
  margin: 0 auto
}
#schwerpunkte .card h3 {
  color: #69663a;
  margin-top: 1rem;
  /* font-weight: 600; */
  /* text-transform: uppercase; */
}
/*Schrift markiert [unterstrich]*/
.has-vivid-green-cyan-color {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid;
  line-height: 2rem;
  color: #323012 !important;
  opacity: 0.7;
}
.is-style-block-bg-dark .has-vivid-green-cyan-color {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid;
  line-height: 2rem;
  color: #f9f3e5 !important;
  opacity: 0.7;
}
/*PAGE Unternehmen*/
.headliner .wp-block-group { /*margin: -5rem 10vw 0 0;*/
  margin: -5rem 10vw 6rem 0
}
@media (max-width: 781px) {
  .headliner .wp-block-group {
    margin: 0rem 10vw 0 0;
  }
}
@media (max-width: 600px) {
  .headliner .wp-block-group {
    margin: 0rem 1rem 4rem 1rem;
  }
	
	#persoenlichkeitsdiagnostik.headliner .wp-block-group {
    margin: 0rem 0rem 0rem 0rem;
  }
}
/*:not(.home)*/
/*
.wp-block-content 
div.wp-block-element-div + section .wp-block-inline {padding:6rem 0 0 0}*/
.wp-block-content:not(.home) div.wp-block-element-div:nth-child(1) {
  text-align: center
}
.wp-block-content:not(.home) div.wp-block-element-div:nth-child(1) h1 {
  color: #f9f3e5
}
/*.wp-block-content:not(.home)
div.wp-block-element-div:nth-child(1){padding:4rem 0}*/
div.wp-block-element-div + section.headliner .wp-block-inline {
  padding: 12.5rem 0rem 0 !important;
}
@media (max-width: 781px) {
  div.wp-block-element-div + section.headliner .wp-block-inline {
    padding: 2rem 0rem 0 !important;
  }
}
div.wp-block-element-div + section.subheadliner .wp-block-element-max-breite {
  margin: 0 auto 0rem;
  max-width: 930px;
}
@media (max-width: 990px) {
div.wp-block-element-div + section.subheadliner .wp-block-element-max-breite {
  margin: 0 auto 0rem;
  max-width: 90%;
}	
}
div.wp-block-element-div + section.subheadliner .wp-block-inline {
  padding: 6rem 0rem 6rem !important;
}
#arbeitsweise .wp-block-buttons .wp-block-button a.wp-element-button {
  background-color: transparent;
  border-radius: 12px;
  border: 2px solid #f9f3e5;
}
#arbeitsweise .wp-block-buttons .wp-block-button a.wp-element-button:hover {
  background-color: #323012;
  border-radius: 12px;
  border: 2px solid #323012;
  border-color: #323012
}
.element-navigation a {
  color: #e5e4db;
  text-decoration: none;
  /*font-weight: 500;
    font-size: 0.95rem;*/
  position: relative;
  transition: color 0.3s ease;
}
.element-navigation li.current_page_item a {
  color: #e5e4db;
}
.element-navigation a::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: #69663a;
  transition: width 0.3s ease;
}
.hero {
  min-height: 90vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f9f3e5 0%, #FFFFFF 100%);
  position: relative;
  overflow: hidden;
}
.hero h1 {
  color: #69663a /*#323012*/
}
.wp-block-element-max-breite.hero-content {
  padding: 0
}
.hero {
  min-height: /*90vh*/ unset;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f9f3e5 0%, #FFFFFF 100%);
  position: relative;
  overflow: hidden;
}
.hero .wp-block-element-max-breite {
  max-width: 100%;
  width: 100%
}
.hero div.wp-block-element-max-breite .wp-block-inline {
  padding: 0
}
.hero figure {
  overflow: hidden;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
}
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Bild füllt Container, überstehende Teile werden abgeschnitten */
  max-height: 720px;
}
/*demo home v1*/
.page-id-471 .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Bild füllt Container, überstehende Teile werden abgeschnitten */
  max-height: 720px;
  transform: scaleX(-1);
}
.hero .wp-block-columns .wp-block-column:nth-child(1) {
  padding: 0 4rem
}
@media (max-width: 600px) {
  .hero .wp-block-columns .wp-block-column:nth-child(1) {
    padding: 4rem 2rem
  }
}
/*
.hero .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group.zentriert {
  padding: 0 4rem
}
@media (max-width: 781px) {
.hero .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group.zentriert {
  padding:  4rem 2rem
}
	
}*/
.is-style-block-karte-item p {
  color: var(--text-medium); /*#323012*/
	margin-bottom:0;
}
.is-style-block-karte-item h3 {
  color: var(--text-medium); /*#323012*/
}

#angebot ul.is-style-block-liste-pfeil li {
  margin-bottom: 16px;
  position: relative;
  padding-left: /*32px*/ 25px;
  line-height: /*28px*/ 24px;
  /*font-size: 21px;*/
  font-size: /*1.25rem*/ 17px ;
  letter-spacing: 0.05rem;
}
@media only screen and (max-width: 600px) {
#angebot ul.is-style-block-liste-pfeil li {
  font-size: 18px;
}	
}
#persoenlichkeitsdiagnostik p {
  letter-spacing: 0.05rem;
}
#arbeitsweise .card {
  background-image: url(http://zpe.testumgebung.webserver.ergebnisreich.de/wp-content/uploads/zpe-bildmarke.svg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: bottom right;
  background-color: #fff
}
/*
section.wp-block-element-section.is-style-block-bg-hellgrau:last-child {
background-image: url(http://zpe.testumgebung.webserver.ergebnisreich.de/wp-content/uploads/zpe-bildmarke.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: bottom right;
background-color:#fff}*/
/**/
div.wp-block-cover.block-stoerer-bg-img div.wp-block-group {
  max-width: 100%;
  width: 880px;
  margin-left: 4rem
}

div.wp-block-cover.block-stoerer-bg-img div.wp-block-element-max-breite div.wp-block-group {
  max-width: 100%;
  width: 880px;
  margin-left: 0rem
}

/*
.home
div.wp-block-cover.block-header-bg-img div.wp-block-element-max-breite .wp-block-inline {
	padding: 3rem 0rem;
}
.home
div.wp-block-cover.block-header-bg-img div.wp-block-element-max-breite div.wp-block-group {
  max-width: 100%;
  width: 880px 60vw;
  margin-left: 0rem
}*/

div.wp-block-cover.block-stoerer-bg-img div.wp-block-group h2, div.wp-block-cover.block-stoerer-bg-img div.wp-block-group p {
  color: #323012;
}
div.wp-block-cover.block-stoerer-bg-img div.wp-block-group p {
  letter-spacing: 0
}
div.wp-block-cover.block-stoerer-bg-img div.wp-block-group a {
  background: transparent;
  color: #323012;
  border: 2px solid #323012;
  padding: 1rem 1.5rem;
}
div.wp-block-cover.block-stoerer-bg-img div.wp-block-group a:hover {
  background: #323012;
  color: #323012;
  border: 2px solid #323012;
}
@media only screen and (max-width: 960px) {
  div.wp-block-cover.block-stoerer-bg-img div.wp-block-group {
    max-width: 100%;
    width: 100%;
    margin-left: 0rem;
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 880px) {
  .wp-block-cover.block-stoerer-bg-img .wp-block-cover__image-background {
    left: auto;
    width: auto;
  }
  .wp-block-cover.block-stoerer-bg-img .wp-block-cover__background.has-background-dim {
    opacity: 0.75;
  }
  .wp-block-cover.block-stoerer-bg-img .has-background-dim:not([class*=-background-color]) {
    background-color: #323012;
  }
  div.wp-block-cover.block-stoerer-bg-img div.wp-block-group h2, div.wp-block-cover.block-stoerer-bg-img div.wp-block-group p {
    color: #f9f3e5;
  }
  div.wp-block-cover.block-stoerer-bg-img .wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
    background: transparent;
    color: #f9f3e5;
    border: 2px solid #f9f3e5;
  }
}
@media (max-width: 600px) {
  div.wp-block-cover div.wp-block-group {
    max-width: 100%;
    width: 100%;
    margin-left: 0rem
  }
  div.wp-block-cover.block-stoerer-bg-img div.wp-block-group {
    max-width: 100%;
    width: 100%;
    margin-left: 0rem;
    padding: 0 2rem;
    margin: 3rem 0
  }
	.home  div.wp-block-cover.block-header-bg-img div.wp-block-group {
    max-width: 100%;
    width: 100%;
    margin-left: 0rem;
    padding: 0 2rem;
    margin: 3rem 0
  }
	
}
@media (max-width: 480px) {
  div.wp-block-cover.block-stoerer-bg-img div.wp-block-group {
    padding: 0 1rem;
  }
	.home  div.wp-block-cover.block-header-bg-img div.wp-block-group {
    padding: 0 0rem;
  }
}
/**/
@media only screen and (max-width: 880px) {
  .wp-block-cover.block-header-bg-img {
    align-items: flex-end;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 560px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative;
  }
  .wp-block-cover.block-header-bg-img .wp-block-cover__background.has-background-dim {
    opacity: 0.5;
  }
  .wp-block-cover.block-header-bg-img .has-background-dim:not([class*=-background-color]) {
    background-color: #323012;
  }
  .wp-block-cover.block-header-bg-img .wp-block-cover__image-background {
    left: auto;
    right: -33%;
    width: auto;
  }
  div.wp-block-cover.block-header-bg-img div.wp-block-group h1, div.wp-block-cover.block-header-bg-img div.wp-block-group h2, div.wp-block-cover.block-header-bg-img div.wp-block-group p {
    color: #f9f3e5;
  }
	
	.block-header-bg-img div.wp-block-element-max-breite .wp-block-inline {
    padding: 0rem 1rem;
}
	.home	.block-header-bg-img div.wp-block-element-max-breite .wp-block-inline {
    padding: 0rem 0rem;
}
	
div.wp-block-cover.block-stoerer-bg-img div.wp-block-element-max-breite div.wp-block-group {
  max-width: 100%;
  width: 100%;
  margin-left: 0rem;
	padding:0
}	/*
	.home
	div.wp-block-cover.block-header-bg-img div.wp-block-element-max-breite {
  max-width: 100%;
  width: 100%;
 
}
	.home
	div.wp-block-cover.block-header-bg-img div.wp-block-element-max-breite div.wp-block-group {
  max-width: 100%;
  width: 100%;
  margin-left: 0rem;
	padding:0;
		margin-top:2rem;
		margin-bottom:2rem
}
	
		.home
	div.wp-block-cover.block-header-bg-img div.wp-block-element-max-breite div.wp-block-group
	.wp-block-buttons .wp-block-button.is-style-outline a.wp-element-button {
    background: transparent;
    color: #f9f3e5;
    border: 2px solid #f9f3e5;
}*/
	
}

@media only screen and (max-width: 499px) {
  .text-responsiv {
    hyphens: auto;
  }
	h2 {
		font-size: clamp(1.75rem, 4vw, 1.75rem);}
}