/* ---------------allgemein------------------------------------------ */
/*--------------- Formulare Kontakt-Raiba (page-21) und Kontakt-Rückruf-Raiba (page-112) */
/* ---------------Allen Feldern wurde layout1 zugewiesen */
/* ---------------Allen Fieldsets (Seiten) ebenfalls */
/* 22.3.21 Upgrade 10.4.14 - layout1 entfernt */


#powermail_field_ihransprechpartner{text-decoration: underline;}

#page-21 .frame-default,
#page-112 .frame-default {
background: #f7f7f7;
border: 1px solid #f7f7f7;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom: -4px;
}
#page-21 .editfooter .frame-default,
#page-112 .editfooter .frame-default {
background: transparent;
border: none;
}
#c800, #c801{
background: linear-gradient(#f7f7f7, white) !important;
border: none !important;
padding: 0 15px !important;
}
#c799{
background: transparent !important;
width: 100% !important;
max-width: 100% !important;
border: none !important;
padding: 0 !important;
}
#c1002,#c1003{
background:white !important;
border: none !important;
padding: 0 15px !important;
}
#c1001{
background:transparent !important;
width: 100% !important;
max-width: 100% !important;
border: none !limportant;
padding: 0 15px !important;
}
#c1110{
margin-bottom: -5px;
}

.tx-powermail  h3{visibility: hidden; height: 0; width: 0;}
.tx-powermail  legend{visibility: hidden; height: 0; width: 0;}
.tx-powermail  .powermail_fieldset {
border-bottom: 2px solid #fff;
/*  margin-bottom: 20px; */
padding-bottom: 20px;
}
/* ---------------22.3.21 ohne layout1-------------------------------------------- */
.tx-powermail  .powermail_label {
display: inline-block;
width: 250px;
text-align: right;
padding-right: 10px;
padding-top: 10px;
}
.tx-powermail {margin-top: -30px;}
.tx-powermail  .powermail_field {display: inline-block;}
.tx-powermail  .powermail_field input {
width: 400px;
padding: 2%;
margin-top: 2%;
margin-bottom: 2%;
border: 1px solid #ccc;
border-radius: 4px;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
}
.tx-powermail  .powermail_field textarea {
width: 400px;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}
.tx-powermail  .powermail_fieldwrap_texthinweisebeachten div {
font-size: 100%;
color: #005ca8;
padding: 1% 0;
margin: 0;
float: right;
}
.tx-powermail  .powermail_fieldwrap_textfileupload div {
font-size: 100%;
color: #005ca8;
padding: 1% 0;
margin: 0;
}
.tx-powermail  .powermail_fieldwrap_dateienmitsenden_01 label, 
.tx-powermail  .powermail_fieldwrap_dateienmitsenden_02 label{
visibility: hidden;
}

.tx-powermail  .powermail_fieldwrap_abschicken{
text-align: center;
}
.tx-powermail  .powermail_fieldwrap_abschicken .powermail_submit{
width: 230px;
background: #f7f7f7;
margin-top: 10px;
color: #005BA9;
font-weight: bold;
}
.tx-powermail  .powermail_fieldwrap_abschicken .powermail_submit:hover{
color: #F37122;
}

/*------------------------------- responsive:------------------------------- */
@media  (max-width: 575px){
.powermail_file{
font-size: 0.6em;
}
.tx-powermail  .powermail_label {
display:block;
width: 100%;
text-align: left;
padding-right: 10px;
padding-top: 10px;
}
.tx-powermail {margin-top: 0;}
.tx-powermail  .powermail_field {display: block;}
.tx-powermail  .powermail_field input {
width: 100%;
padding: 2%;
margin-top: 2%;
margin-bottom: 2%;
}
.tx-powermail  .powermail_field textarea {
width: 100%;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
   
}
}
@media  (min-width: 576px) and (max-width: 767px){
.tx-powermail  .powermail_label {
display:block;
width: 100%;
text-align: left;
padding-right: 10px;
padding-top: 10px;
}
.tx-powermail {margin-top: 0;}
.tx-powermail  .powermail_field {display: block;}
.tx-powermail  .powermail_field input {
width: 400px;
padding: 2%;
margin-top: 2%;
margin-bottom: 2%;
}
.tx-powermail  .powermail_field textarea {
width: 400px;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;  
}
}
@media  (min-width: 991px) and  (max-width: 1199px){
.tx-powermail {margin-top: -30px;}
.tx-powermail  .powermail_label {
display:inline-block;
width: 180px;
text-align: left;
padding-right: 10px;
padding-top: 10px;
}
.tx-powermail {margin-top: 0;}
.tx-powermail  .powermail_field {display: inline-block;}
.tx-powermail  .powermail_field input {
width: 380px;
padding: 2%;
margin-top: 2%;
margin-bottom: 2%;
}
.tx-powermail  .powermail_field textarea {
display: inline-block;
width: 380px;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;  
}
}

/* ------------------------------------------Fehlermeldungen */
/* direkt beim Feld: */
.parsley-errors-list li{
color: #f37122;
}
/* oben über Formular: */
.powermail_message_error li{
color: #f37122;
}
.powermail_message_error{
padding-top: 10px !important;
}

/* Bestätigung des Versandes auf Website */
.powermail_create
{
margin-top: 30px;
}
.powermail_create p:nth-child(2)
{
font-size: 1em;
font-weight: bold;
text-align: center;
color: #f37122;
padding: 10px;
border: 1px solid #005ba9;
border-radius: 4px;
}

/* -----------------Änderungen für BFSG Frühjahr 2025 */
/* Durchsuchen Button */
#powermail_field_dateienmitsenden::file-selector-button,
#powermail_field_dateienmitsenden_01::file-selector-button,
#powermail_field_dateienmitsenden_02::file-selector-button{
background-color: #f7f7f7;
font-size: 16px;
color: #333;
padding: 6px;
border-radius: 4px;
margin-right: 20px;
}
#powermail_field_dateienmitsenden::file-selector-button:hover,
#powermail_field_dateienmitsenden_01::file-selector-button:hover,
#powermail_field_dateienmitsenden_02::file-selector-button:hover{
background-color: #f7f7f7;
font-size: 16px;
color: #f37122;
}
/* Text bei Durchsuchen Button */
@media (max-width: 432px) {
  .powermail_file {
    font-size: 0.9em;
  }
  #powermail_field_dateienmitsenden::file-selector-button,
#powermail_field_dateienmitsenden_01::file-selector-button,
#powermail_field_dateienmitsenden_02::file-selector-button{
margin-right: 5px;
}
}
@media (max-width: 370px) {
  .powermail_file {
    font-size: 0.8em;
  }
}
/* Hinweis PersDaten */
#c1001 a.internal-link, #c1001 a.internal-link:hover {
  background: transparent url(https://raiba-pfaffenhofen.de/fileadmin/Raiba/Resources/Images-Admin/LinkAccessIcons/internerLink.png) top 6px left no-repeat;
  padding-left: 6px;
}
/* Outlines */
.tx-powermail .powermail_field input:focus-visible,
.tx-powermail .powermail_field textarea:focus-visible{
outline: 2px dashed #005ba9 !important;
  outline-offset: 2px !important;
}

/* -------------------------------------------------------------Änderungen für Version ab 13.0.4 */
/* neues row-ELement wurde in Ext. eingebracht u.a. Änderungen!; bricht Layout */
.tx-powermail fieldset .row .col-md-6{
  width: 100% ;
  float: right;
  text-align: left;
}

.tx-powermail .powermail_field input,
.tx-powermail .powermail_field textarea{
display: inline ;
font-size: 1em ;
color: #333 
}
.tx-powermail .powermail_label {
	display: inline;
}

/*-------------------------- responsive */
@media (min-width: 300px and max-width: 359px){
.tx-powermail .powermail_input,
.tx-powermail .powermail_textarea,
.tx-powermail input{
width: 220px !important;
}
}

@media (min-width: 360px and max-width: 390px){
.tx-powermail .row .powermail_field .powermail_input,
.tx-powermail .row .powermail_field .powermail_textarea{
width: 260px !important;

}
}

@media (max-width: 410px){
.tx-powermail .row .powermail_field{
padding-left: 0 !important;
padding-right: 0 !important;	
}
}

@media (max-width: 841px){
.tx-powermail  .powermail_label{
width: 300px;
display: inline-block;
text-align: left !important;
}
}

@media (min-width: 842px and max-width: 990px){
.tx-powermail  .powermail_label{
width: 300px;
display: inline-block;
text-align: right;
}
}

@media (max-width: 990px){
.tx-powermail fieldset .row .col-md-6  {
  float: left;
  }
.tx-powermail  .powermail_label{
width: 200px;
display: inline-block;
text-align: right;
	}
.tx-powermail .powermail_fieldwrap_texthinweisebeachten div {
  float: left;
}
.tx-powermail .powermail_field .form-control{
	height: auto;
	}
.tx-powermail .powermail_fieldwrap_abschicken .btn-primary {
  width: 230px;
  background: #f7f7f7;
  margin-top: 10px;
  color: #005BA9;
  font-weight: bold;
}
.tx-powermail fieldset .row .powermail_fieldwrap_abschicken {
  text-align: center;
}
}
@media (min-width: 991px){
.tx-powermail fieldset .row .col-md-6  {
  float: right;
  }
.tx-powermail  .powermail_label{
width: 180px;
display: inline-block;
text-align: right;
	}
.tx-powermail  .powermail_input,
.tx-powermail  .powermail_textarea{
width: 340px;
	}
.tx-powermail .powermail_fieldwrap_texthinweisebeachten div {
  float: left;
}
.tx-powermail .powermail_field .form-control{
	height: auto;
	}
.tx-powermail .powermail_fieldwrap_abschicken .btn-primary {
  width: 230px;
  background: #f7f7f7;
  margin-top: 10px;
  color: #005BA9;
  font-weight: bold;
}
.tx-powermail fieldset .row .powermail_fieldwrap_abschicken {
  text-align: center;
}
.tx-powermail .row .powermail_field{
padding-left: 0 !important;
padding-right: 0 !important;	
}
}

@media (min-width: 1000px){
.tx-powermail .row .powermail_field .powermail_input,
.tx-powermail .row .powermail_field .powermail_textarea{
width: 350px;
	}
}

@media (min-width: 1050px){
.tx-powermail .row .powermail_field .powermail_input,
.tx-powermail .row .powermail_field .powermail_textarea{
width: 400px;
	}
}

@media (min-width: 1100px){
.tx-powermail .row .powermail_field .powermail_input,
.tx-powermail .row .powermail_field .powermail_textarea{
width: 450px;
	}
}

@media (min-width: 1200px){
.tx-powermail .row .powermail_field .powermail_input,
.tx-powermail .row .powermail_field .powermail_textarea{
width: 470px;
	}
}