*  {
    margin: 0;
  padding: 0;
   box-sizing: border-box;
}

html {

   scroll-behavior: smooth;

}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    color    :    #1a1a1a;
                    background-color: #fafafa;
   line-height: 1.6;
}

img {
    max-width: 100%;
   height: auto;
   display: block; 

}

h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0.8rem;
    font-weight: 700;
   color: #0d0d0d;

}

p {

       margin-bottom: 1rem;


}

button {
   cursor: pointer;
    border: none;
         font-family   : inherit;
    transition: all 0.3s ease;
}

a {
  color: #2563eb;
	text-decoration  :  none;
    transition: color 0.3s ease;
}

a:hover {
	 color   :     #1e40af;
}

.hauptnavigation {

	  background: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);
	padding: 1.2rem 0;
   position     :sticky;
  top: 0;
   z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     }

.nav-innen {


	max-width: 1200px;
   margin   :       0 auto;
  padding: 0 1.5rem;
	 display: flex;
  justify-content: space-between;
  align-items: center;
     }


.nav-marke {
    display: flex;
   align-items: center;
}

.marke-bild {
  height: 45px;
	 width: auto;
  object-fit :        contain;
}

.burger-knopf {
    display: none;
  flex-direction: column;
  background    :  transparent;
   cursor: pointer;
    padding: 0.5rem;
}

.burger-linie {
  width    :       25px;
       height: 3px;
       background-color     : #1a1a1a;
      margin: 4px 0;
       border-radius: 2px;
     transition: all 0.3s ease;
}

.nav-links {
       list-style: none;
   display: flex;
  gap: 2.5rem;
   align-items: center;}

.nav-element {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1a1a1a;
  position: relative;
      padding-bottom: 0.3rem;
} 

.nav-element::after {
    left: 0;
	position: absolute;
  content: '';
	 bottom: 0;
  transition  :       width 0.3s ease;
   width: 0;
  height: 2px;
   background-color: #2563eb;
}

.nav-element:hover::after {
   width: 100%;
}

.held-bereich {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);
  padding: 5rem 1.5rem;
       text-align: center;

}

.held-innen  
  {
   max-width: 900px;
     margin: 0 auto;
}



.held-titel
{
   font-size: 3.5rem;
	  margin-bottom :1.2rem;
	  color:       #0f172a;
		 line-height  :  1.2;
	   font-weight     :       800;
}

.held-untertitel {
    font-size: 1.25rem;
    color: #475569;
   margin-bottom: 2rem;
    line-height: 1.6;
}

.cta-knopf {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color  : #ffffff;
   padding: 1rem 2.5rem;
   font-size   :      1rem;
		 font-weight: 600;
      border-radius  :   8px;
  box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
	transition: all 0.3s ease;
}  

.cta-knopf:hover {
  transform: translateY(-2px);

  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);

  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);

}

.intro-abschnitt {
	padding: 4rem 1.5rem;
    background-color: #ffffff;
}

.intro-gitter {
	max-width: 1200px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.intro-kasten
	{
  border-radius: 12px;
       padding    : 2rem;
      background    :       #f8fafc;
    transition  : all 0.3s ease;
      border-left: 4px solid #2563eb;
}

.intro-kasten:hover {
  transform: translateY(-4px);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.intro-kopf {
    font-size: 1.5rem;
	 margin-bottom: 1rem;
               color: #0f172a;
} 

.intro-text {


  color: #475569;
   line-height: 1.8;


}


.merkmale {
	 padding     :   5rem 1.5rem;
  background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
}

.merkmale-titel {
     text-align:   center;
  font-size: 2.5rem;
   margin-bottom: 3rem;
    color: #0f172a;
	}

.merkmals-gitter {
    max-width: 1200px;
   margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap    :   2rem;
}

.merkmals-karte {
   background: #ffffff;
    border-radius: 12px;
  overflow   :   hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.merkmals-karte:hover {
  transform: translateY(-8px); 
	  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
	
}

.merkmals-bild-hülle {
    width: 100%;
   height: 200px;
    overflow: hidden;
   background-color: #f0f9ff;
}

.merkmals-bild {
    width: 100%;
	height: 100%;
    object-fit: cover;
}

.merkmals-name {
  font-size: 1.2rem;
  color: #0f172a;
   padding: 1.5rem 1.5rem 0.5rem;
}

.merkmals-beschreibung {
            padding: 0 1.5rem 1.5rem;
  color: #64748b;
    font-size: 0.95rem;
   line-height: 1.6;
}

.angebot-bereich {

	  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 4rem 1.5rem;
   color: #ffffff;
    text-align    :        center;

} 

.angebot-inhalt 
 {
   max-width: 800px;
  margin: 0 auto;
}

.angebot-titel {
  font-size: 2.2rem;
   margin-bottom: 1.2rem;
  color: #ffffff;


}

.angebot-text


{
  font-size     :     1.1rem;
    margin-bottom: 2rem;
         color   :       #cbd5e1;
    line-height: 1.8;
}

.prozess-bereich {
    padding: 5rem 1.5rem; 
    background-color: #ffffff;
}

.prozess-titel {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
  color: #0f172a;
}

.prozess-schritte {
   max-width: 1100px;
  margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
}

.schritt {
     text-align: center;
    padding    :  2rem;
	border-radius: 12px;
  background: #f8fafc;
    position: relative;
    transition: all 0.3s ease;
}

.schritt:hover {
    background     :       #e0e7ff;
  transform: translateY(-4px); 
	
}

.schritt-nummer {
	font-size: 2.5rem;
	font-weight: 800;
    color: #2563eb;
	 margin-bottom: 0.5rem; 
	
}

.schritt-titel  {
	    font-size: 1.3rem;
    margin-bottom: 0.8rem;
   color   : #0f172a;
	}

.schritt-text {
         color     :   #64748b;
         font-size: 0.95rem;
	line-height: 1.6;
}

.testimoniale {
    padding   :       4rem 1.5rem;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

.testimoniale-titel {
   	 text-align  :      center;
  font-size: 2.2rem;
    margin-bottom: 2.5rem;
    color: #0f172a;
     }

.testimoniale-gitter {
    max-width: 1000px;
    margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.testimoniale-karte


{
   background: #ffffff;
   padding: 2rem;
   border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border-top   :       3px solid #2563eb;
       transition: all 0.3s ease;
}

.testimoniale-karte:hover     {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.testimoniale-text {
    color: #475569;
   font-size: 0.95rem;
  margin-bottom: 1.2rem;
	line-height: 1.8;
    font-style: italic;
}

.testimoniale-autor {
         color    :   #1a1a1a;
    font-weight: 600;
    font-size: 0.9rem;


}

.kontakt-bereich
{
   padding: 4rem 1.5rem;
    background: #ffffff;
}

.kontakt-innen {
   max-width: 600px;
   margin: 0 auto;
}

.kontakt-titel {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
    color: #0f172a;
}

.kontakt-form {
   display: flex;
  flex-direction: column;
    gap   :   1.2rem;
}

.form-gruppe {
   display: flex;
         flex-direction: column;
}

.form-eingabe {
  padding: 0.75rem 1rem;
      border     :       2px solid #e2e8f0;
      border-radius: 8px;
       font-size: 0.95rem;
       font-family: inherit;
       transition: all 0.3s ease;
      background-color: #f8fafc; 

}

.form-eingabe:focus {
   outline: none;

	    border-color: #2563eb;

	       background-color: #ffffff;

	  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.form-textbereich {
  resize: vertical;

	  min-height: 120px;
}

.form-knopf {
	  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
          color: #ffffff;
   padding: 0.9rem;
  font-size: 1rem;
	 font-weight: 600;
  border-radius: 8px;
    margin-top: 0.5rem;
  box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
	}

.form-knopf:hover
{
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.fusszeile {
  background: linear-gradient(180deg, #0f172a 0%, #1a202c 100%);
    color: #cbd5e1;
   padding: 3rem 1.5rem 1rem;
}

.fusszeile-innen {
   max-width: 1200px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
       margin-bottom: 2rem;
}

.fusszeile-spalte {
      display    :     flex;
   flex-direction: column;
 gap: 1rem;
}

.fusszeile-logo {
	height: 50px;
	 width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.fusszeile-kopf {


  margin-bottom: 0.5rem; 
   color: #ffffff; 
   font-weight: 700; 
   font-size: 1rem;


}

.fusszeile-links


{

	    list-style  :  none;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;}

.fusszeile-links a {
	color: #cbd5e1;
  font-size: 0.9rem;
    transition: color 0.3s ease;
}

.fusszeile-links a:hover {
  color: #2563eb;
}

.fusszeile-text {
    font-size: 0.9rem;
	color: #cbd5e1;
    line-height: 1.6;
}

.fusszeile-unten 
 {
               text-align :       center; 
  padding-top: 2rem; 
  border-top: 1px solid rgba(203, 213, 225, 0.2);
}

.fusszeile-copyright {
  font-size: 0.85rem;

	  color: #94a3b8; 
	
}
@media (max-width: 768px) {
    .burger-knopf {
        display: flex;
    }

    .nav-links {
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: #ffffff;
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .nav-links.aktiv {
        max-height: 300px;
    }

    .nav-element {
        padding: 0.75rem 0;
    }

    .held-titel {
        font-size: 2.2rem;
    }

    .held-bereich {
        padding: 3rem 1.5rem;
    }

    .merkmale-titel {
        font-size: 1.8rem;
    }

    .prozess-titel {
        font-size: 1.8rem;
    }

    .testimoniale-titel {
        font-size: 1.6rem;
    }

    .kontakt-titel {
        font-size: 1.5rem;
    }

    .merkmals-gitter,
    .prozess-schritte,
    .testimoniale-gitter {
        gap: 1.5rem;
    }

    .merkmals-bild-hülle {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .held-titel {
        font-size: 1.8rem;
    }

    .held-untertitel {
        font-size: 1rem;
    }

    .intro-gitter,
    .merkmale-gitter,
    .prozess-schritte,
    .testimoniale-gitter {
        grid-template-columns: 1fr;
    }

    .merkmale-titel,
    .prozess-titel,
    .angebot-titel {
        font-size: 1.5rem;
    }

    .nav-links {
        gap: 0.3rem;
    }

    .fusszeile-innen {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .cta-knopf {
        padding: 0.85rem 2rem;
        font-size: 0.9rem;
    }
}.policySection {
  padding: 80px 2rem;
	background   :   #f8f9fa;
}

.policyContainer {
   max-width: 800px;
	   margin :     0 auto;
	  text-align     :      left;
}

.policyContainer h2 {
  font-size: 2.5rem;
  color: #2c3e50;
  margin-bottom: 1.5rem;
    font-weight: 700; 

}

.policyContainer p	{
   color: #7f8c8d;
       margin-bottom: 1.5rem;
  line-height: 1.7;
   font-size: 1.1rem;
}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

    .policyContainer p {
        font-size: 1rem;
    }

    .policySection {
        padding: 60px 1rem;
    }
}.dienstleistungen-hero {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);
	padding: 4rem 1.5rem;
   text-align: center;
}

.hero-inhalt {
   max-width: 900px;
   margin: 0 auto;
}

.hero-titel {
  font-size: 3rem;
  margin-bottom: 1rem;
  color:   #0f172a;
   font-weight: 800;
}

.hero-untertitel {
   font-size: 1.2rem;
  color  :   #475569;
  line-height: 1.6;
}

.dienste-hauptbereich {
    padding: 5rem 1.5rem;
    background-color: #ffffff;
}

.dienste-uberschrift {
	text-align: center;
 font-size: 2.5rem;
        margin-bottom: 3rem;
    color: #0f172a;
}

.dienste-raster {
  max-width : 1200px;
  margin    :0 auto;
      display  :        grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 2rem; 

}

.dienst-element {
                    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
       overflow: hidden;
        transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.dienst-element:hover {
  border-color :      #2563eb;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
  transform: translateY(-6px);
}

.dienst-kopfzeile {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
   padding: 1.5rem;
}

.dienst-titel {
   color    :    #ffffff;
   font-size: 1.3rem;
  margin: 0;
     }

.dienst-inhalt {
   padding: 1.5rem;
}

.dienst-text {
   color: #475569;
    font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.2rem;
}

.dienst-liste {
    list-style: none;
  padding: 0;
    margin     :0;
}

.dienst-liste li {
	 position: relative;
  color: #1a1a1a;
    font-size: 0.9rem;
               padding: 0.5rem 0;
     padding-left     :      1.5rem;
}

.dienst-liste li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #2563eb;
    font-weight: bold;
}

.paket-ubersicht {
                    padding :   5rem 1.5rem;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

.paket-uberschrift {
    margin-bottom: 3rem;
  color: #0f172a;
	font-size: 2.5rem;
    text-align: center;
}

.paket-raster {


  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	 gap: 2rem;
	}

.paket-karte {

	 background: #ffffff;
   border-radius: 12px;
  padding: 2rem;
  border: 2px solid #e2e8f0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 position: relative;


}

.paket-karte:hover {
   border-color: #2563eb;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.paket-hervorgehoben {
   border: 2px solid #2563eb;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
  transform: scale(1.02);
}

.paket-badge {
  position  :        absolute;
   top: -12px;
   right: 20px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
               padding: 0.4rem 1rem;
         border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.paket-name {
      font-size: 1.5rem;
	color: #0f172a;
   margin-bottom: 0.5rem;
}


.paket-beschreibung {
    color: #64748b;
  padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
  margin-bottom     :       1.5rem;
    font-size: 0.9rem;
}

.paket-leistungen {
  list-style: none;
          padding: 0;
   margin: 0;
}



.paket-leistungen li {
          color: #475569;
   padding: 0.6rem 0;
	 padding-left   :     1.8rem;
    position: relative;
	font-size: 0.9rem;
}

.paket-leistungen li::before {
  content: '•';
    position: absolute;
    left: 0;
  color: #2563eb;
       font-size: 1.2rem;
  line-height : 1;
}

.uber-coaches	{
  padding: 5rem 1.5rem;
   background-color: #ffffff;
}


.coaches-uberschrift{


   text-align: center;
    font-size: 2.5rem;
   margin-bottom: 0.8rem;
   color: #0f172a;
}

.coaches-einleitung   {
  text-align: center;
	font-size: 1rem;
     color     :      #64748b;
          margin-bottom :        3rem;
    max-width: 600px;
					margin-left: auto;
   margin-right     :    auto;
}

.coaches-gitter {
     max-width: 1000px;

   margin: 0 auto;

    display: grid;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

   gap: 2rem;
}

.coach-profil {
  background: #f8fafc;
  border-radius: 12px;
  padding: 1.5rem;
   text-align: center;
    transition: all 0.3s ease;
       border: 2px solid #e2e8f0;

}

.coach-profil:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        border-color: #2563eb;
}

.coach-avatar {
   width: 120px;
   height: 120px;
  margin   : 0 auto 1.2rem;
   border-radius: 50%;
  overflow: hidden;
    border: 3px solid #2563eb;
	
}

.avatar-bild {
  width    :       100%;
      object-fit: cover;
		height: 100%;


}

.coach-name 
 {
          font-size: 1.3rem;
    color: #0f172a;
    margin-bottom: 0.3rem;
}

.coach-spezialitat {
                    color: #2563eb;
	 font-size   :  0.95rem;
  font-weight     :    600;
    margin-bottom     :    0.8rem;
} 

.coach-bio {
	line-height: 1.6;
   color: #64748b;
  font-size    :0.9rem;
}

.prozess-dienste {
  padding: 5rem 1.5rem;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

.prozess-uberschrift {
   text-align: center;
    font-size: 2.5rem;
	margin-bottom: 3rem;
   color: #0f172a;
}

.prozess-ablauf {


  max-width     :   1000px;
      margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
   align-items     :start; 
}

.ablauf-schritt {
    text-align: center;
}

.schritt-kreis    {
    width: 50px;
    height: 50px;
	margin     :      0 auto 1rem;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
   color: #ffffff;
         border-radius: 50%;
  display :     flex;
	align-items: center;
  justify-content    :       center;
    font-size    :  1.3rem;
    font-weight: 700;
}

.ablauf-titel {
    font-size    :      1.1rem;
   color: #0f172a;
    margin-bottom: 0.5rem;
	
}

.ablauf-text {
   color: #64748b;
   font-size: 0.9rem;
  line-height: 1.6;
}

.verbindung {
	 display: none;
}

.dankesseite-bereich
	{
  min-height: 70vh;
  padding :  4rem 1.5rem;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);
   display: flex;
   align-items: center;
  justify-content: center; 
	
}

.danke-inhalt {
	    text-align   : center;
      max-width: 700px;
 margin :        0 auto;
}

.danke-animation {
   margin-bottom: 2rem;
}

.danke-icon {
   height: 100px;
    margin-bottom: 1rem;
    display: inline-block;
   width: 100px; 
	
}

.icon-erfolgreich {
   width: 100%;
  height: 100%;
   stroke: #2563eb;
    fill: none;
   stroke-width: 2;
   animation: pulse-scale 0.8s ease-out;
}@keyframes pulse-scale {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}.danke-titel {
    font-size: 2.5rem;
         color: #0f172a;
	margin-bottom: 0.5rem;
}

.danke-untertitel {
   font-size  :1.2rem;
	color: #475569;
   margin-bottom   :      2rem;
}

.danke-details {
   background: #ffffff;
  border-radius   : 12px;
   padding: 2rem;
	 margin-bottom: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}



.details-kasten{
  margin-bottom    :        2rem;
}

.details-kopf {
	 font-size    :  1.3rem;
   color:  #0f172a;
    margin-bottom: 1rem;
    text-align: left;
}

.details-info {

	  display     :       flex;
        flex-direction: column;
   gap: 1rem;


}

.info-zeile  
  {


    display: flex; 
	justify-content: space-between; 
  align-items:        center; 
  padding: 0.8rem; 
    background: #f8fafc; 
   border-radius: 8px; 
    text-align: left;
	}

.info-label {
	font-weight: 600;
   color    :   #1a1a1a;
}

.info-wert

{
   color: #475569;


}

.status-aktiv {
         background: #d1fae5;
	    color: #065f46;
	   padding :   0.3rem 0.8rem;
	   border-radius: 20px;
	  font-size    :      0.85rem;
	   font-weight: 600;
}

.nachsten-schritte {
   text-align: left;
  padding-top:   1.5rem;
    border-top: 1px solid #e2e8f0;
}

.schritte-kopf {


    font-size: 1.2rem;
   color: #0f172a;
               margin-bottom: 1rem;}

.schritte-liste {

    list-style: none;
  padding: 0;
  margin: 0;




}

.schritt-item {
  display: flex;
    gap: 1rem;
   margin-bottom: 1rem;
  align-items: flex-start;
}

.schritt-nummер,
.schritt-nummár,
.schritt-nummär {


   display:flex;
  font-weight: 700;
  height: 30px;
  border-radius  :      50%;
  background: #2563eb;
    font-size    :0.9rem;
	 color     :   #ffffff;
   flex-shrink: 0;
   justify-content: center;
  align-items:       center;
   width: 30px;}

.schritt-text {
 color: #475569;
                    font-size  :0.95rem;
    line-height:       1.5;
    padding-top: 0.3rem;
}

.danke-aktionen {
    display: flex;
  gap    :        1rem;
   justify-content: center;
  flex-wrap  :      wrap;
   margin-bottom: 2rem;
}

.danke-knopf {
  padding: 0.9rem 2rem;
	border-radius: 8px;
   font-weight: 600;
   font-size: 0.95rem;
   transition: all 0.3s ease;
	 display   :   inline-block;
   text-decoration:        none;
}

.danke-knopf-primary {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
       color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.danke-knopf-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4);
}

.danke-knopf-secondary 
 {
  background: #e2e8f0;
	    color  :#1a1a1a;
	  border: 2px solid #2563eb;


}

.danke-knopf-secondary:hover {
  background: #cbd5e1;
  transform: translateY(-2px);
}

.danke-hinweis {
  background     :    #fef3c7;
    border-left: 4px solid #f59e0b;
    padding: 1rem;
   border-radius :   8px;
	 text-align    :  center;
}

.hinweis-text{
   color: #78350f;
    margin: 0;
      font-size:  0.9rem;
}

.hinweis-text a		{
  color: #d97706;
    font-weight: 600;
}@media (max-width: 768px) {
    .hero-titel {
        font-size: 2rem;
    }

    .dienste-raster {
        grid-template-columns: 1fr;
    }

    .dienste-uberschrift,
    .paket-uberschrift,
    .coaches-uberschrift,
    .prozess-uberschrift {
        font-size: 1.8rem;
    }

    .prozess-ablauf {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .verbindung {
        display: none !important;
    }

    .danke-titel {
        font-size: 1.8rem;
    }

    .danke-aktionen {
        flex-direction: column;
    }

    .danke-knopf {
        width: 100%;
    }

    .info-zeile {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .paket-hervorgehoben {
        transform: scale(1);
    }
}

@media (max-width: 480px) {
    .hero-titel {
        font-size: 1.5rem;
    }

    .dienstleistungen-hero {
        padding: 2.5rem 1rem;
    }

    .danke-inhalt {
        padding: 1rem;
    }

    .danke-details {
        padding: 1.5rem;
    }

    .danke-untertitel {
        font-size: 1rem;
    }

    .dienst-element,
    .paket-karte,
    .coach-profil {
        padding: 1rem;
    }

    .dienste-uberschrift,
    .paket-uberschrift,
    .coaches-uberschrift,
    .prozess-uberschrift {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
}