/* === Formatierung Reservierungsformular === */
/* === ANZEIGEBEREICH  ======================================================================================================== */
    /* Formular --- Eingegebene Daten anzeigen */
    .ausg_daten_span { width: 60px ; display: inline-block; }
    .ausg_daten {
      width: 275px; min-height: 100px; padding: 5px; 
      color: #ffffff;  text-shadow: 2px 1px #008000;
      border: 1px solid #ffffff;
      background-image: url(reservierung_hg1.png); background-repeat: no-repeat;  background-size: 100% auto;
    }
    /* === Formular --- ELEMENTE ============================================================================================== */
    /* *** Label ************************************************************************************************************** */
    label { 
      width: 280px; margin: 10px 0 10px 0;      
      display: block; 
    }
    /* *** Input ************************************************************************************************************** */
    input { width: 275px; padding: 0 0 0 10px;
      line-height: 25px;
      border: 1px solid #C0C0C0;
      background-color: #C0C0C0;
    }
    input:active,
    input:focus,
    input:hover
      { background-color: #C0C0C0;}
    /* *** Textfeld *********************************************************************************************************** */
    .textfeld { width: 290px; min-height: 250px; background-color: #C0C0C0;}
    /* *** Button ************************************************************************************************************* */
    div.button_a { 
      margin: 10px 0 3px 0;
    }
    input.button_a { 
      width: 280px; height: 30px; margin: 5px 0 5px 0;
      color: #ffffff; line-height: 25px;
      display: block;
      border: 1px outset #ffffff;
      background-color: #628889;
    }
    input.button_a:hover { 
      border: 1px inset #ffffff;
      background-color: #808080;
    }
    /* *** Fehleranzeige ****************************************************************************************************** */
    .fehler { width: 270px;  height: 40px;  margin-top: 5px; padding: 5px;
      color: #800000; font-size: 13px;
      text-align: center;
      border: 1px solid #800000;
      background-color: #C0C0C0;
    }

/* ============================================================================================================================ */
/* ===  DESKTOP ( Anzeige CENTER 1900px ) ========== */
@media only screen and (min-width: 1801px){
}
/* ===  Laptop 1 ( Anzeige CENTER 1700px ) ========= */
@media only screen and (max-width: 1800px){
}
/* ===  LAPTOP 2 ( Anzeige CENTER 1200px ) ========= */
@media only screen and (max-width: 1300px){
}
/* === TABLET  ( Anzeige CENTER 700px ) ============ */
@media only screen and (max-width: 800px){
}
/* === PHONE ( Anzeige CENTER 360px ) ============== */
@media only screen and (max-width: 380px){
}