@charset "utf-8";


/* CSS Document @import url("styles-modal.css");*/






* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Montserrat', sans-serif;
  color: #1B1B1B;
  
}



.box {
  background-image: url("../images/icon_kreis_active.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: left 15%;
  border: 2px solid black;
  padding: 5px 5px 5px 25px;
  margin-bottom: 10px;
  min-height: 60px;
  user-select: none;
  cursor: pointer;
  transition: 0.5s;
	z-index: 10;
}
.box.dropped {
  background-image: url("../images/icon_kreis.svg");
  cursor: default;
}
.box span {
  pointer-events: none;
}
/* Drag and Drop Related Styling */
.drag-start {
  opacity: 0.4;
}
.drag-enter {
  border-style: dashed;
  background: green;
}
.box:nth-child(odd).drag-enter {
  transform: rotate(10deg);
}
.box:nth-child(even).drag-enter {
  transform: rotate(-10deg);
}
.box:nth-child(odd).drag-start {
  transform: rotate(10deg) scale(0.75);
}
.box:nth-child(even).drag-start {
  transform: rotate(-10deg) scale(0.75);
}
.checked {
  color: red;
}
.alert {
  color: red;
  font-weight: bold;
  width: 100%;
  text-align: center;
  passing: 5px;
  margin-top: 5px;
}

.btn-primary a {
  color: #ffffff;
}
.btn-primary a:hover {
  text-decoration: none;
}

#PaarTxt {transition: 0.5s; background-color: rgba(255,255,255,0.66); padding: 10px; width: auto; width: 500px; margin-right: auto; margin-left: auto;}
#PaarTxt h3 { width: auto;}

#menu {display: block;}
#view {z-index: 1;}

#FullscreenButton { width: 32px; height: 32px; position: absolute; right: 0; }

#FullscreenButton button {border: 1px sold white; width: 32px; height: 32px; background-image: url("../images/fullscreen.svg");}