.root {
  display: flex;
  flex-direction: column;
  align-items: center;
  --max-width: 1280px;
}
.root .form {
  position: relative;
}
.root .form img {
  max-width: var(--max-width);
  width: 100%;
}
/*.root .form section {
  position: absolute;
  top: 41%;
  left: 70%;
  opacity: 0.5;
  color: white;
}*/
.root .content {
  max-width: var(--max-width);
  width: 100%;
  text-align: justify;
}/*# sourceMappingURL=styles.css.map */


/*input {
      color: white;
}*/
input, textarea {
      color: white;
      width: 100%;
      padding: 4px;
      border: 1px solid #ccc;
      border-radius: 6px;
      box-sizing: border-box;
}

body {
      background: #f3f4f6;
      font-family: sans-serif;
}
.rahmen {
      background: white;
      border-radius: 16px;     /* Rundung */
      border: 1px solid #ccc;  /* feiner Rand */
      padding: 20px;           /* Innenabstand */
	  width: 1328px        /*  */
		
     
      
      box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* dezenter Schatten */
}
form {
	color: #000000;
	opacity: 1;
}
label{
	color:black;
}
.formular-container {
      position: absolute;
      top: 50%;
      right: 30px;                      /* Abstand vom rechten Rand */
      transform: translateY(-20%);      /* vertikal mittig */
      background: rgba(255,255,255,0.9);
      padding: 5px 14px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      opacity: 0.5;
      width: 300px;
}