@media  screen {
/* formulare.less */
/* Login Formular */
#tl_login,
#tl_lost_password
 {
  line-height:1;
  background-color: var(--pb-component-active-bg);
  background-color: var(--pb-container-bg);
  /*box-shadow: 4px 2px 6px rgba(68,68,68,1); */
  padding: 18px 18px 18px 18px;
  width:95%;
  margin: 0 0 2em 0;

  /* Beschriftung (label) */
  label {
  display:block;
  cursor:pointer;
  padding-right: 10px;
  margin-right: 10px;
  margin-top:10px;
  float:left;
  width:150px;
  font-weight: unset;
  }
}
  /* Kontakt Email gestalten */

/* formularelement Kontakt*/

.kontaktformular {
  background-color: var(--pb-container-bg);
  margin: 0 0 2em 0; 
  .widget {
    padding-bottom: 15px;
  }
  .widget-radio input {
    display: inline;
  }

/* Beschriftung (label) */
  label {
    display:block;
    cursor:pointer;
    float:left;
    width:100px;
    font-weight: unset;
    clear:left;
  }

  .styled_select {
    width: 50px;
  }

  input[type="text"]{
    width:250px;
  }
  
  input[type="text"],
  textarea {
    padding: 3px;
    width: 250px;
  }
    input[type="radio"] {
    	display: none;
    }
    label {
      position: relative;
      padding-left: 30px; /* Platz für das benutzerdefinierte Rechteck */
      cursor: pointer;
      margin-right: 30px;
    }
    input[type="radio"] + label {
    	margin-left: 2.5em;
    	position: relative;
    	cursor: pointer;
    }

    input[type="radio"] + label:after {
    content: ''; /* Wichtig für die Darstellung */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Breite des Rechtecks */
    height: 20px; /* Höhe des Rechtecks */
    background-color: var(--pb-container-bg); /* Farbe des Rechtecks */
    border: 2px solid var(--pb-text-color);
    border-radius: 10px;
    color:var(--pb-text-color);
    display: block;
    }
    input[type="radio"]:checked + label:after {
      background-color:green;
      content: ''; /* Leeres Content, da wir den Haken mit Border erstellen */
      position: absolute;
      left: 0px; /* Zentriert den Haken im Quadrat */
      top: 50%;
      transform: translateY(-50%) rotate(45deg); /* Drehung für den Haken */
      height: 20px; /* Höhe des Hakens */
      width: 14px; /* Breite des Hakens */
      border-bottom: 6px solid green; /* Untere Linie des Hakens */
      border-top: 0px; /* Untere Linie des Hakens */
      border-right: 6px solid green; /* Rechte Linie des Hakens */
      border-left: 0px; 
      background-color: transparent; /* Entfernt den blauen Hintergrund */
      border-radius: 0px;
      border-width: 5px;
    }

  /* eingabefelder "polstern" ändern Hinterfundfarbe wenn cursor drin ist */
  input:focus,
  textarea:focus {
    background-color: var(--pb-container-bg);
    color: var(--pb-text-color);
  }
  .captcha--inp .text {
    margin-left: 130px;   /* wg. tabellenlosem Layout des Formulars = label width    */
    margin-top: 5px;
    width:155px;          /* bildbreite */
  }
 
 /* Fehlermeldungen gestalten */
 
  p.error {
   background: #ffC0C8;   /* pink */
   color:#000;
   max-width: 400px;
   padding: 3px;
   border: 1px solid #f00;  /* rot */
   margin-bottom: 3px; 
  }
  
}


/* artikelliste  */
#artikelliste {
  /*padding: 18px 18px 18px 0px; */
  width:95%;
  margin: 0 0 2em 0;
  .label {
    display:inline-block; 
    cursor:pointer;
    /*margin: 18px 0 3px 0;*/
    
    color: var(--pb-text-color);
    text-align: left;
    font-size: 100%;

  }  
  .search_field label,
  .list_perPage label {
    width:170px;
  }
  .checkbox_container label {
    display: inline;
    position:relative;
    bottom:2px;
  }
  p.error {
    background: #ffC0C8;   /* pink */
    color:#000;
    max-width: 400px;
    padding: 3px;
    border: 1px solid #f00;  /* rot */
    margin-bottom: 3px; 
  }
  /* eingabefelder "polstern" ändern Hinterfundfarbe wenn cursor drin ist */
  input,
  textarea {
    padding: 3px;
  }
  input:focus,
  textarea:focus {
    background-color: var(--pb-container-bg);
    color: #000;
  }
  .all_records
  {
    width: 100%;
  }

  .head,
  .body
  {
    /*height:35px; */
    vertical-align:middle;
    word-break: break-all;
    /*padding-left:3px; */
  }

  .col_last
  {
    width:20px
  }

  .even {
    background-color:lightgray;
    background-color:var(--pb-table-bg-accent);
  }

  .styled_select,
  .select {
    width:170px;
  }
  .pagination {
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    li {
      float: left;
    }
    li a, li span {
      display: block;
      text-align: center;
      padding: 8px;
      text-decoration: none;
    }  
  }
  .body {
    vertical-align: top;
  }  
  /* spaltenkonfiguration */
  .artikel{
    width:150px;
  }
  .preiseinzel, .preisdoppel, .stückpreis, .paarpreis, .col_1 {
    width: 100px;
   }            
  .kategorie {
    width: 100px;
  }            
  .subkategorie {
    width: 100px;
  }
}

.preisliste-messe-vk {
  width:95%;
  margin: 0 0 2em 0;
  .label {
    display:inline-block; 
    cursor:pointer;
    /*margin: 18px 0 3px 0;*/
    
    color: var(--pb-text-color);
    text-align: left;
    font-size: 100%;
  }  
  .search_field label,
  .list_perPage label {
    width:170px;
  }
  .checkbox_container label {
    display: inline;
    position:relative;
    bottom:2px;
  }
  p.error {
    background: #ffC0C8;   /* pink */
    color:#000;
    max-width: 400px;
    padding: 3px;
    border: 1px solid #f00;  /* rot */
    margin-bottom: 3px; 
  }
  /* eingabefelder "polstern" ändern Hinterfundfarbe wenn cursor drin ist */
  input,
  textarea {
    padding: 3px;
  }
  input:focus,
  textarea:focus {
    background-color: var(--pb-container-bg);
    color: #000;
  }
  .all_records
  {
    width: 100%;
    border-collapse: collapse;
  }

  .all_records, th, td {
/*    border: 1px solid black; */
    padding: 10px;
    vertical-align: top;
    .tablepreistabelle {
      border: 0px;
      th, td {
       border: 0px;
       padding: 0px;
      }
    }
   } 
  .styled_select,
  .select {
    width:170px;
  }
  .pagination {
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    li {
      float: left;
    }
    li a, li span {
      display: block;
      text-align: center;
      padding: 8px;
      text-decoration: none;
    }  
  }

  /* spaltenkonfiguration  */
  .artikel{
    width:80px; 
    margin:auto;
    img {
      width:150px;
      }
  }

  .beschreibung {
    width: 100%;
    margin:auto;
     .preistabelle, 
     .detail-linkback {
       display: none;
     }
     .col_beschreibung {
       float:left;
     }
     .col_preis {
       float:right;
       margin-right: 2rem;
     }
     p {
       margin: 0 0 0 10px;
     }
  } 

  .preis {
    width: 340px;
    margin:auto;
    .tablepreistabelle {
      width:100%;
    }
  }
}

/* formularelement galerieliste*/

.galerieliste, .ausstellungen, .presse {
  /*padding: 18px 18px 18px 0px; */
  width:100%;
  /*margin: 0 0 2em 0; */
  overflow-x:auto;
  .label {
    display:inline-block; 
    cursor:pointer;
    color: var(--pb-text-color);
    text-align: left;
    font-size: 100%;
  }  
  .search_field label,
  .list_perPage label {
    width:170px;
  }
  .checkbox_container label {
    display: inline;
    position:relative;
    bottom:2px;
  }
  p.error {
    background: #ffC0C8;   /* pink */
    color:#000;
    max-width: 400px;
    padding: 3px;
    border: 1px solid #f00;  /* rot */
    margin-bottom: 3px; 
  }
  /* eingabefelder "polstern" ändern Hinterfundfarbe wenn cursor drin ist */
  input,
  textarea {
    padding: 3px;
    width:400px;
  }
  input:focus,
  textarea:focus {
    background-color: var(--pb-container-bg);
    color: #000;
  }
  .all_records
  {
    width: 100%;
    td,th {
      padding-right: 1em;
      padding-left: 1em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      /*padding: 1em; */
      vertical-align: top;
    }
    tr {
      border: 1px solid var(--pb-text-color);
    }
  }


  .col_last
  {
    width:50px
  }
  .styled_select,
  .select {
    width:170px;
  }
  .pagination {
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    li {
      float: left;
    }
    li a, li span {
      display: block;
      text-align: center;
      padding: 8px;
      text-decoration: none;
    }  
  }
  
}
/* Edit */
.ausstellungen--detail , galerie--detail {
  .single_record {
    th, td {

      border: 1px solid var(--pb-text-color);
      text-align: left;
    }
    td {
      font-size: 100%;
      color: var(--pb-text-color); 
    }
    .label {
       display: block;
       border-radius:0;
     }

  }
}


            
}