:root {
  --firmenfarbe: #f8ecc4;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  background-color: var(--firmenfarbe);
}

nav, footer {
  width: 100%;
  min-height: 3rem;
  margin-bottom: 2rem;
  font-size: .85rem;
}

/*
 .myHeader {
    width: auto;
    height: 80rem;
    border-bottom: 2px solid red;
  }
 */
  .cck_banner{
     background-color: #ddcfa1 !important;
     font-size: 1.25rem;
     display: inline-block;
     position: sticky;
     top:0;
     z-index: 99;
 }
 
  img {
    border: 1px solid orange;
    width: 15rem;
    border-radius: 25%;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    -ms-border-radius: 25%;
    -o-border-radius: 25%;
    box-shadow: 3px 3px 1rem rgb(243, 209, 98);
  }
  
  #admin_login_id {
    display: none;
  }
  main {
    height: 75vh;
  }
  .artikeldaten {
    overflow: hidden;
  }
  .artikeldaten, .adressdaten {
    min-height: 16rem;
  }
  .mysvg {
    width: 1rem;
    height: 1rem;
  }
  .mybtn {
    width: 2.25rem;
    height: 1.75rem;
    line-height: .2rem;
    text-align: center;
  }
  #buecher {
    width: 20rem;
  }
  main form fieldset input, main form fieldset select, main form .adressdaten fieldset input, main form .adressdaten fieldset select, .mybg {
    background-color: #fdf5d8;
  }
  .mybg {
    width: 100%;
  }
  .input_bottom_line {
    width: 15rem;
    border: none;
    border-bottom: 1px solid #cfcfcf;
    font-weight: bold;
    padding-left: 1rem;
  }
  .buch-anzahl {
    width: 100px;
    height: 75px;
    padding: 5rem auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: inset 0px 2px 1rem #fefefe;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: .75rem .5rem;
  }
  .buch_anzahl_span {
    display: inline-block;
    margin-top: 2rem auto;
    text-align: center;
    font-size: .8rem;
    color: #0fddff;
  }
  
  /* Admin  */
  #navbarNavAltMarkup a {
    width: 6rem;
    height: 2rem;
    margin: 1rem .1rem .25rem 0;
    padding: 0 0 1rem 1rem;
    border: 1px solid #22ccff;
    border-top-right-radius: 2rem;
    text-decoration: none;
    color: white;
  }
  #navbarNavAltMarkup a:hover {
    cursor: pointer;
    background-color: #666;
  }
  #navbarNavAltMarkup a:active {
    cursor: pointer;
    border: 1px solid orange;
    background-color: #666;
  }
 
   
  .table {
    font-size: .75rem;
  }
  th, td {
    border: 1px solid gray;
  }
  .container_table-list {
    margin-bottom: 2rem;
  }
  .footer_admin {
    position: static;
    top: 100%;
  }
  .kunden_tbl {
    /*margin-bottom: 2rem;;*/
  }
  .txtgr {
    font-size: .8rem;
  }
  #id_laender {
    min-height: 3rem;
    padding: .5rem;
    display: flex;
    justify-content: flex-start;
  }
  #ziel-land {
    height: 2rem;
  }
  #id_label {
    margin: auto 1rem;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .red_border {
    border: 2px solid red;
  }
  #kunden_tbl {
    position: relative;
    /* max-width: 100%; */
    overflow: scroll;
    max-height: 60vh;
  }
  .tbl_scroll {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    max-height: 60vh;
  }
  .thead_fix {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .container_table-list {
    height: 2.5rem;
    margin-bottom: .5rem;
  }
  
  input[type="checkbox"] {
    display: block;
    width: 100%;
    text-align: center;
  }
  
   .layer{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    font-size: 1.5rem;
    background-color: rgba(0,0,0,0.925); /* Black w/ opacity */ 
    text-align: center;
    color: orange;
    padding-top: 15%;
    line-height: 100%;
    z-index: 9999;
  }