/* blinker-300 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/blinker-v4-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/blinker-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/blinker-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/blinker-v4-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/blinker-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/blinker-v4-latin-300.svg#Blinker') format('svg'); /* Legacy iOS */
}

/* blinker-regular - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/blinker-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/blinker-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/blinker-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/blinker-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/blinker-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/blinker-v4-latin-regular.svg#Blinker') format('svg'); /* Legacy iOS */
}

/* blinker-600 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/blinker-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/blinker-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/blinker-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/blinker-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/blinker-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/blinker-v4-latin-600.svg#Blinker') format('svg'); /* Legacy iOS */
}

/* blinker-700 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/blinker-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/blinker-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/blinker-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/blinker-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/blinker-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/blinker-v4-latin-700.svg#Blinker') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
fieldset{
  width:100% !important;
}
fieldset input,textarea{
  width:100% !important;
}
fieldset legend {
  background-color: rgb(10,70,110);
  color:white;
  font-size:16px;
  letter-spacing: 2px;
}
.contactdata .widget-text {
  display: inline-block; /* oder flex */
  width: 48%; /* ein bisschen weniger als 50%, um sicherzugehen, dass sie nebeneinander passen und eventuelle Ränder oder Abstände berücksichtigt werden */
  vertical-align: top; /* sorgt dafür, dass die Eingabefelder an der Oberseite ausgerichtet sind, wenn sie unterschiedliche Höhen haben */
}
#ctrl_131{
  font-weight:bold;
  width:100%;
  font-size:18px;
}
.phone {
  padding-left: 50px;  /* Platz für das Symbol und seinen Rand */
  position: relative;
}

.phone::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 384 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM144 448c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16H160c-8.8 0-16 7.2-16 16zM304 64H80V384H304V64z" fill="%23ffffff"/></svg>');
  position: absolute;
  left: 0;  /* Das Symbol wird am linken Rand des Eingabefelds positioniert */
  top: 0;   /* Es wird am oberen Rand des Eingabefelds positioniert */
  padding:5px;
  bottom: 0;  /* Und es wird am unteren Rand des Eingabefelds positioniert */
  width: 50px;  /* Breite des Symbols; kann nach Bedarf angepasst werden */
  line-height: 45px;  /* In etwa die Höhe deines Eingabefelds */
  text-align: center;  /* Das Symbol wird innerhalb seines Containers zentriert */
  border: solid 1px;
  border-color:lightgrey;
  background-color: rgb(10,70,110);
}
.mail {
  padding-left: 50px;  /* Platz für das Symbol und seinen Rand */
  position: relative;
}

.mail::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" fill="%23ffffff"/></svg>');
  position: absolute;
  left: 0;  /* Das Symbol wird am linken Rand des Eingabefelds positioniert */
  top: 0;   /* Es wird am oberen Rand des Eingabefelds positioniert */
  padding:5px;
  bottom: 0;  /* Und es wird am unteren Rand des Eingabefelds positioniert */
  width: 50px;  /* Breite des Symbols; kann nach Bedarf angepasst werden */
  line-height: 45px;  /* In etwa die Höhe deines Eingabefelds */
  text-align: center;  /* Das Symbol wird innerhalb seines Containers zentriert */
  border: solid 1px;
  border-color:lightgrey;
  background-color: rgb(10,70,110);
}