/* Button zu Buchungsformular_u1_1.html */
.cta-termin-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #fe0000;; /* Deine Wunschfarbe anpassen */
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px; /* Abgerundeter 'Pill'-Look */
    box-shadow: 0 4px 14px rgba(43, 108, 176, 0.3);
    transition: all 0.25s ease;
  }

  .cta-termin-button:hover {
    background-color: #2E57A6;
    transform: translateY(-2px);
    color:#ffffff;
    box-shadow: 0 6px 20px rgba(43, 108, 176, 0.4);
  }

  .cta-termin-button:active {
    transform: translateY(0);
  }

  .cta-icon {
    transition: transform 0.2s ease;
  }

  .cta-termin-button:hover .cta-icon {
    transform: translateX(4px);
  }
  .section { 
padding: 15px; 
margin-bottom: 20px; 
border-radius: 5px; border: 1px solid #ddd; 
}

.kind-eintrag { 
border-left: 3px solid #007BFF; 
padding-left: 10px; 
margin-bottom: 15px; 
}
label { 
display: block; 
margin-top: 10px; 
font-weight: bold;
}
input, select, textarea { 
width: 100%;
 padding: 8px; 
 margin-top: 5px; 
 box-sizing: border-box; 
 }
button { 
background: #007BFF; 
color: white; 
padding: 10px 15px; 
border: none; 
border-radius: 3px; 
cursor: pointer; 
margin-top: 10px; 
}
button:hover { 
background: #0056b3; 
}
.preis-box { 
font-size: 1.2em; 
font-weight: bold; 
color: #28a745; 
background: #e8f5e9; 
padding: 10px; 
border-radius: 5px; 
margin-top: 15px; 
text-align: center; 
}
.hinweis-fehler { 
background: #fdecea; 
color: #b71c1c; 
padding: 10px; 
border-radius: 5px; 
margin-bottom: 20px; 
}