/*formular */
.tx-powermail {
position:relative;
float:left;
width:96%;
clear:left;
padding:2%;
margin-bottom:2%;
border:2px solid #0069B4;
border-radius:20px;
}
.tx-powermail h3,
.powermail_legend {
display:none;
}
/*****
Feldgruppen fieldwrap in Spalten
*****/
/* Feldgruppe Spalte links */
.powermail_fieldset.layout1{
padding:0px;
margin:0px;
width:47%;
border:0px;
float:left;
margin-right:6%;
}
/* Feldgruppe Spalte rechts */
.powermail_fieldset.layout2{
padding:0px;
margin:0px;
width:47%;
border:0px;
float:left;
}
/* Feldgruppe volle Breite */
.powermail_fieldset.layout3{
padding:0px;
margin:0px;
width:100%;
border:0px;
float:left;
}
.powermail_fieldwrap, .tx-powermail label, .powermail_field, .powermail_input, textarea {
float:left;
clear:left;
width:99%;
}
.powermail_fieldwrap {
padding:0px;
margin:0px 0px 10px 0px;
}
.powermail_input, textarea {
font-family: 'Open Sans', sans-serif; 
font-size:0.9em;
border:1px solid #ccc;
padding-left:2%;
padding-right:2%;
padding-top:0.2em;
padding-bottom:0.3em;
width:96%;
border-radius:15px;
background-color:#fff;
}
.tx-powermail label {
margin-bottom:3px;
}

/* Tab Navigation */
button.btn-default {
font-size:1em;
color:#fff;
padding:10px;
margin-right:10px;
border:0px;
border-radius:15px 15px 0px 0px;
cursor: pointer;
background-color:#0069B4;
transition: background-color 1s;
}
button.btn-primary,
button.btn-default:hover {
background-color:#313131;
transition: background-color 1s;
}
.powermail_tab_navigation {
float:right;
width:auto;
}
.powermail_tab_navigation a.btn{
  display: inline-block;
  text-transform: none;
  text-decoration: none !important;
  font-weight: normal;
  line-height:1.2rem;
  font-size: 1rem;
  text-align: left;
color:transparent;
padding:0px !important;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.powermail_tab_navigation a:hover {
color:transparent !important;
}
.powermail_tab_navigation a.btn-warning:before {
float:left;
margin-top:2px;
content: 'zurück';
color:#fff;
display: inline-block;
padding:0.4em 0.8em 0.5em 0.8em; 
background-color:#0069B4;
border:2px solid #0069B4;
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position:left;
border-radius: 45px;
transition:background-color 0.8s, border 0.8s;
}
.powermail_tab_navigation a.btn-warning:hover:before{
}
.powermail_tab_navigation a.btn-warning:hover:before,
.powermail_tab_navigation a.btn-primary:hover:after {
background-color:#fff;
color:#0069B4;
}
.powermail_tab_navigation a.btn-primary:hover:after {

}
.powermail_tab_navigation button.btn-primary,
.powermail_tab_navigation button.btn-warning {
border:0px;
background-color:transparent;
color:transparent;
}
/* Button next Step rechts*/
.powermail_tab_navigation button.btn-primary.pull-right{
  float: right;
}
/* Button Step backward - Schritt zurück links */
.powermail_tab_navigation button.btn-warning{
  float: left;
}
.powermail_tab_navigation button.btn-primary.pull-right:after {
float:right;
content: 'nächster Schritt';
color:#fff;
margin-top:2px;
display: inline-block;
padding:0.4em 0.8em 0.5em 0.8em; 
background-color:#0069B4;
border:2px solid #0069B4;
border-radius:45px;
  transition:background-color 0.8s, border 0.8s;
cursor:pointer;
}
.powermail_tab_navigation button.btn-warning:after {
float:left;
content: 'Schritt zurück';
color:#fff;
margin-top:2px;
display: inline-block;
padding:0.4em 0.8em 0.5em 0.8em; 
background-color:#0069B4;
border:2px solid #0069B4;
border-radius:45px;
  transition:background-color 0.8s, border 0.8s;
cursor:pointer;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit{
width:auto !important;
float:right;
}

/* Bewerbungsformular */
.powermail_form_3 #powermail_field_bewerbung-anschreibenbewerbung {
height:454px;
}
.powermail_form_3 #powermail_field_bewerbung-zusatzinfos {
height:241px;
}
/* Kontaktformular */
.powermail_form_2 {
float:left;
width:100%;
padding:0px !important;
}
.powermail_form_2 .powermail_fieldset {
float:left;
clear:none;
border:0px;
padding:0px 1% 0px 1%;
width:45.8%;
}
.powermail_form_2 .powermail_fieldset_1 {
margin-right:3.8%;
}
/* Antwort angezeigt */
.powermail_create {
width:100%;
}

/* Powermail allgemeine Formatierung für Fehler und Checkboxen */
/* Grundlegendes Styling für die Checkbox */
.powermail_form .checkbox label {
  display: flex; /* Flexbox für Ausrichtung */
  align-items: center; /* Vertikale Ausrichtung in der Mitte */
  gap: 0.8em; /* Abstand zwischen Checkbox und Text */
}

/* Styling der Checkbox in normalem Zustand */
.powermail_form .powermail_checkbox {
  appearance: none; /* Entfernt die standardmäßige Checkbox-Darstellung */
  width: 1.4em; /* Feste Breite der Checkbox */
  height: 1.4em; /* Feste Höhe der Checkbox */
  border: 0.12em solid #000; /* Schwarze Ränder, normale Dicke */
  border-radius: 0.25em; /* Abgerundete Ecken */
  background-color: #fff; /* Weißer Hintergrund */
  box-sizing: border-box; /* Berücksichtigt die Breite auch für Border und Padding */
  flex-shrink: 0; /* Verhindert, dass die Checkbox in der Größe verkleinert wird */
  display: flex; /* Flexbox zur Zentrierung des Inhalts */
  align-items: center; /* Zentriert den Inhalt vertikal */
  justify-content: center; /* Zentriert den Inhalt horizontal */
  cursor: pointer; /* Zeigt, dass die Checkbox klickbar ist */
}

/* Checkbox für den Fehlerstatus (rot) */
.powermail_form .powermail_field_error .powermail_checkbox {
  border-color: #FF0000; /* Umrandung im Fehlerfall (rot) */
  background-color: #FFE6E6; /* Hintergrund (hell rot) */
}

/* Styling bei ausgewählter Checkbox (grün) */
.powermail_form .powermail_checkbox:checked {
  background-color: #86bc22; 
  border-color: #86bc22; 
}

/* Hintergrundfarbe bei ausgewählter Checkbox im Fehlerfall (grün)*/
.powermail_form .powermail_field_error .powermail_checkbox:checked {  
  background-color: #86bc22;
}

/* Styling des Inhalts für eine ausgewählte Checkbox */
.powermail_form .powermail_checkbox:checked::before {
  content: "✔"; /* Check-Mark (✓ oder ✔) */
  color: white; /* Weiße Markierung */
  font-size: 1em; /* Größe des Markers, relativ zur Box */
  display: block; /* Damit das Häkchen zentriert wird */
}

/* Optional: Animation, wenn der Fehlerstatus angezeigt wird */
.powermail_form .powermail_field_error .powermail_checkbox {
  transition: border-color 0.3s ease, background-color 0.3s ease; /* Sanfte Übergänge */
}

/* Inputfelder bei Fehler (rot) */
.powermail_form input.powermail_field_error {
  border: 1px solid red; /* (rot) */
  background-color: #FFE6E6; /* (hell rot) */
}

/* Text einer Fehlermeldung rot */
.powermail_form .powermail-errors-list {
  color: #FF0000; /* (rot) */
  margin-bottom: 0em;
}

@media screen and (max-width: 780px) {
.powermail_create td {
width:100%;
float:left;
}
.powermail_create tr {
float:left;
width:100%;
border-bottom:1px solid #ccc;
}
.powermail_create tr:last-child {
border:0px;
}
}  

/* spezielle Anpassungen Formular Bestandsauskunft form_4 
und Schachtgenehmigung form_5*/
.powermail_form_4,
.powermail_form_5{
float:left;
}
.powermail_form_4 .powermail_fieldset,
.powermail_form_5 .powermail_fieldset {
float:left;
clear:none;
width:47.3%;
border:0px !important;
}
.powermail_form_4 .powermail_fieldwrap_schachtbestand-beschreibung .checkbox {
float:left;
margin-bottom:2.3%;
}
.powermail_form_5 .powermail_fieldwrap_genehmigung-beschreibung .checkbox {
float:left;
width:98% !important;
margin-bottom:2.8%;
}
.powermail_form_4 .powermail_fieldset_10,
.powermail_form_5 .powermail_fieldset_15 {
width:97%;
}
.powermail_form_4 .powermail_fieldwrap_type_text,
.powermail_form_5 .powermail_fieldwrap_type_text {
font-family: 'Open Sans', sans-serif;
font-size:1.4em;
line-height:1.3em;
font-weight:normal;
margin:0px 0px 2% 0px;
}
.powermail_form_4 .powermail_fieldwrap_schachtbestand-beschreibung .checkbox,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-uebergabe .radio,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-datenschutzerklaerung .checkbox,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-datenschutzlink,
.powermail_form_5 .powermail_fieldwrap_genehmigung-beschreibung .checkbox,
.powermail_form_5 .powermail_fieldwrap_genehmigung-uebergabe .radio,
.powermail_form_5 .powermail_fieldwrap_genehmigung-datenschutzerklaerung .checkbox,
.powermail_form_5 .powermail_fieldwrap_genehmigung-datenschutzlink {
width:auto;
float:left;
clear:none;
padding-right:10px;
}
.powermail_form_4 .powermail_fieldwrap_schachtbestand-beschreibung .checkbox label,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-uebergabe .radio label,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-datenschutzerklaerung .checkbox label,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-datenschutzlink .powermail_field,
.powermail_form_5 .powermail_fieldwrap_genehmigung-beschreibung .checkbox label,
.powermail_form_5 .powermail_fieldwrap_genehmigung-uebergabe .radio label,
.powermail_form_5 .powermail_fieldwrap_genehmigung-datenschutzerklaerung .checkbox label,
.powermail_form_5 .powermail_fieldwrap_genehmigung-datenschutzlink .powermail_field {
width:auto;
}
.powermail_form_4 .powermail_fieldwrap_schachtbestand-beschreibung .checkbox:first-child,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-beschreibung .checkbox:last-child {
clear:left;
width:98%;
}
.powermail_form_4 .powermail_fieldwrap_schachtbestand-textbeschreibung,
.powermail_form_4 .powermail_fieldwrap_schachtbestand-textzeitraum,
.powermail_form_4 h4,
.powermail_form_5 .powermail_fieldwrap_genehmigung-textbeschreibung,
.powermail_form_5 .powermail_fieldwrap_genehmigung-textzeitraum,
.powermail_form_5 h4 {
font-family: 'Carrois Gothic', sans-serif; 
color:#333;
font-weight:bold;
margin-top:0px;
 margin-bottom:5px;
font-size:1.2em;
line-height:1em;
}
.powermail_form_4 .powermail_fieldwrap_type_date,
.powermail_form_5 .powermail_fieldwrap_type_date {
width:auto;
margin-right:20px;
float:left;
clear:none;
}
.powermail_form_4 .powermail_fieldwrap_type_date input,
.powermail_form_5 .powermail_fieldwrap_type_date input{
border:1px solid #ccc !important;
border-radius:45px;
font-family: 'Open Sans', sans-serif;
font-size:0.8em;
padding:5px;
}
.powermail_form_5 .powermail_fieldwrap_type_date {
margin-bottom:80px;
}
.powermail_fieldwrap_schachtbestand-unterschrift,
.powermail_fieldwrap_genehmigung-unterschrift {
max-width:450px;
}
/**********
Bewerbungsformular
***********/
.frame-bewerbung .tx-powermail {
position:relative;
float:left;
width:100%;
padding:0px;
clear:left;
margin-bottom:5%;
border:0px;
}
.frame-bewerbung .powermail_form_3 .powermail_fieldset {
position:relative;
float:left;
width:96%;
clear:left;
padding:2%;
border:2px solid #0069B4;
border-radius:20px;
}
.frame-bewerbung .btn-group {
margin-left:2%;
}
.frame-bewerbung .powermail_fieldwrap.layout1,
.frame-bewerbung .powermail_fieldwrap.layout2 {
width:47%;
}
.frame-bewerbung .powermail_fieldwrap.layout1 {
float:left;
clear:left;
margin-right:6%;
}
.frame-bewerbung .powermail_fieldwrap.layout2 {
float:right;
clear:right;
}
.frame-bewerbung .powermail_fieldwrap.layout2:first-child {
position:absolute;
top:0px;
}
/****************
Kuendigungsformular & Strom/Gas Verlängerungen
****************/
/* Spalte 1 + 2 Verträge kündigen */
.powermail_form_6 .powermail_fieldset_18,
.powermail_form_6 .powermail_fieldset_19,
/* Spalte 1 + 2 RuppinGas fix Verlängerung */
.powermail_form_8 .powermail_fieldset_23,
.powermail_form_8 .powermail_fieldset_26,
/* Spalte 1 + 2 RuppinStrom fix Verlängerung */
.powermail_form_9 .powermail_fieldset_27,
.powermail_form_9 .powermail_fieldset_28{
padding:0px;
margin:0px;
width:47%;
border:0px;
float:left;
}
.powermail_form_6 .powermail_fieldset_18, 
.powermail_form_8 .powermail_fieldset_23,
.powermail_form_9 .powermail_fieldset_27 {
margin-right:6%;
}
/* Spalte 3 Verträge kündigen */
.powermail_form_6 .powermail_fieldset_20,
/* Spalte 3 RuppinGas fix Verlängerung */
.powermail_form_8 .powermail_fieldset_25,
/* Spalte 3 RuppinStrom fix Verlängerung */
.powermail_form_9 .powermail_fieldset_29 {
padding:0px;
margin:0px;
width:100%;
border:0px;
float:left;
}

/****************
PV-Anlagen Anmeldung / Kontakt
****************/
.powermail_form_7 .powermail_fieldset_21,
.powermail_form_7 .powermail_fieldset_22{
padding:0px;
margin:0px;
width:48%;
border:0px;
float:left;
}
.powermail_form_7 .powermail_fieldset_22 {
  margin-left: 4%;
}
.powermail_form_7 .powermail_fieldset_21 .powermail_fieldwrap_pv-hinweisupload {
  /* font-weight: bold; */
}