/* ÜBERGREIFEND */

* { font-family: "Roboto"; }
body { background-image: url(/src/img/bg.png); }
a { color: #333; }
a:hover { 
  text-decoration: none;
  color: #333;
}
input { outline: none; }
h1 {
  text-shadow: 5px -4px 7px #666;
  font-size: 60px;
  margin-top: 60px;
  text-align: center;
}
h2 { margin-top: 0; }

#header { 
  border-bottom: 1px solid #666; 
  margin-bottom: 45px;
  background-color: #fff;
}
#logo { max-height: 200px; }

#content {
  background-color: rgba(255,255,255,0.75);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 45px;
}

a.btn:not(.btn-primary):not(:hover) { background-color: #ddd; }
.btn:focus,
.btn:focus:active,
.btn:active:focus { outline: none; }
.btn-primary {
  background-color: #666;
  border-color: #000;
}   
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
  background-color: #000;
  border-color: #666;
}
.btn-secondary:hover { background-color: #bbb; }


/* STARTSEITE */

.home .menu-buttons .btn {
  width: 100%;
  font-size: 28px;
}
.home .menu-buttons .btn .menu-icon {
  font-size: 56px;
  filter: grayscale(1) brightness(2);
}


/* PLATZHALTER */

.markers .markername { 
  text-transform: uppercase; 
  width: 300px;
}
.markers .markername:not(.added) { border: none; }
.markers .markerdescription {
  width: 500px;
}
.markers #save { float: right; }


/* PLATZHALTERWERTE */

.markervalues label { font-weight: 400; }
.markervalues #copyTo { float: left; }
.markervalues #copy { margin-left: 15px; }
.markervalues #save { 
  float: right;
  margin-top: 15px; 
}


/* TEXTBAUSTEINE */

.blocks .content_row { margin-bottom: 30px; }
.blocks #save { float: right; }
.blocks .content_row .tox-tinymce { display: none; }
.blocks .content_row.open .tox-tinymce { display: flex; }
.blocks .content_row.open .edit { background-color: #bbb; }
.blocks .content_row input[name*="block_title"] { width: 80%; }


/* RECHTSTEXTE */

.legaltexts h2 { margin-bottom: 0; }
.legaltexts .dropzone {
  border: 1px dashed #777; 
  height: 48px;
}
.legaltexts .dropzone.draghover {
  border: 4px dashed #777;
}
.legaltexts .block {
  border: 1px solid #000; 
  cursor: move; 
  height: 48px; 
  overflow-y: scroll; 
  font-size: 12px;
  background-color: white;
}
.legaltexts .blocktitle { font-size: 24px; }

.legaltexts #archive td {
  padding: 5px;
  border: 1px solid #ddd;
}
.legaltexts #archive th { padding-bottom: 5px; }

.legaltexts #available {
  height: calc(100vh - 420px);
  overflow-y: scroll;
}
.legaltexts #inuse {
  height: calc(100vh - 454px);
  overflow-y: scroll;
}



/* VORSCHAU & VERÖFFENTLICHUNG */

.preview #comment {
  width: 100%; 
  height: 100px; 
}
.preview #publish { float: right; }


/* SWEETALERT & TINYMCE */

.tox-button:not(.tox-button--icon),
.swal-button { 
  box-shadow: none!important; 
  font-weight: 400!important;
  border: 1px solid transparent!important;
  padding: 6px 12px!important;
  border-radius: 4px!important;
}
.tox-button:not(.tox-button--icon),
.swal-button--confirm {
  background-color: #666!important;
  border-color: #000!important;
}
.tox-button:not(.tox-button--icon):hover,
.swal-button--confirm:hover {
  background-color: #000!important;
  border-color: #666!important;
}
.tox-button--secondary:not(.tox-button--icon),
.swal-button--cancel { background-color: #ddd!important; }
.tox-button--secondary:hover:not(.tox-button--icon),
.swal-button--cancel:hover { background-color: #bbb!important; }

#tinymce_loading {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(102, 102, 102, 0.75);
  z-index: 9000;
}
#tinymce_loading:after {
  content: "";
  position: fixed;
  top: calc(50% - 8px);
  left: calc(50% - 107px);
  height: 16px;
  width: 214px;
  background-image: url(/src/img/loader.gif);
  z-index: 9000;
}