/* Allgemein */
html { font: normal 14px/1.5 "Roboto", "Arial", sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-y: scroll; color: #000; }
html,body { height: 100%; min-height: 100%; margin:0; padding:0; }
#main { max-width:800px; margin-right:auto; margin-left:auto; padding-bottom:20px; padding:0 15px; }
h1 { font-size:36px; font-weight:300;}
h2 { font-size:26px; font-weight:300;}
h3 { font-size:16px; font-weight:300;}
p { color:#666; line-height:1.75; font-size:16px;}
img { max-width:100%; max-height:100%; margin:0; padding:0; border:0;}
/*.img-container { max-width:450px; max-height:450px;}*/
.img-container { max-width:450px;}
.mt-20 { margin-top:20px;}

#header { background-color:#007f00; color:#fff; font-size:15px; font-weight:300; padding:15px;}

div.clear {clear:both;}

/* Formular / Buttons */
input, select { font: normal 14px/1.5 "Roboto", "Arial", sans-serif;}
.button { color:#fff; background-color:#007f00; border:0; border-radius:18px; display: inline-block; line-height:1.5; text-align: center; padding: 6px 24px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: button; cursor:pointer; margin-right:5px; margin-bottom:10px;}
.button:hover, input.button:focus { color:#fff; background-color:#009900; }
a.button { text-decoration:none;}
select { padding:4px; margin: 0 0 25px 0; font-size:16px;}

.alert { margin-bottom:10px;}
.alert-danger { color:#dc3545!important;} 

/* Bilder-UPLOAD */
#ddArea {
        height: 200px;
        border: 2px dashed #ccc;
        line-height: 200px;
        text-align: center;
        font-size: 20px;
        background: #f9f9f9;
        margin-bottom: 10px;
		font-weight:300;
      }

      .drag_over {
        color: #000;
        border-color: #000;
      }

      .thumbnail {
        width: auto;
        height: 50px;
        padding: 2px;
        margin: 2px;
        border: 1px solid lightgray;
        border-radius: 0px;
        display: inline-block;
      }

      .d-none {
        display: none;
      }

      .d-block {
        display: block;
      }

      /* Absolute Center Spinner */
      .loading {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: visible;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }

      /* Transparent Overlay */
      .loading:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
      }


/* FONTS */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-light-webfont.eot');
  src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#montserrat-light') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-regular-webfont.eot');
  src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-bold-webfont.eot');
  src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
}