#footer {
        clear:left;
        position:relative;
        margin:15px 0 5px 0;
        height:70px;
        background-color:#A8AFF2;
        width: 100%;
        text-align:center;
        vertical-align:middle;
        line-height:35px;
        font-weight:bolder;
}

#footer a {
        text-decoration: none;
        color:#0002b1;
}

#footer a:hover {
        color:red;
}

#privacy-footer {
        font-size: 80%;
        color: #000000 !important;
}

#privacy-footer:hover {
        text-decoration: underline !important;
}


body {
        background-color: #eef0f3;
}


.hover-zoom {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}

.hover-zoom:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}


/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
            margin: 15px 15px;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

/*PIC*/
.pic {
  height: 220px;
  width: 220px;
  overflow: hidden;
  margin: 20px;
  border: 10px solid white;
  -webkit-box-shadow: 5px 5px 5px #111;
  box-shadow: 5px 5px 5px #111;
  display:inline-block;

}

.pic:hover {
  cursor: pointer;
}

.huelle {
        min-width: 240px;
        max-width: 1060px;
        margin: 0 auto;
}

.input-box{
        max-width: 350px;
}

.alert{
        max-width: 400px;
        margin: auto;
}

#disclaimer{
        font-size: 80%;
        color: blue;
}

.cookie-message{
        display:block;
        width: 100%;
        background-color: #000000;
        color: #cccccc;
        z-index:990;
        text-align:center;
        top:0;
        left:0;
        font-size: 14px;
        display:none;
}

.cookie-message a:link, #cookie-message a:visited {
}

.cookie-message a:hover {
}

.fa-times-circle-o {
        vertical-align:  !important;
}

.cookie-close {
        display: inline-block;
        margin: 0 18px;
        cursor: pointer;
        font-size: 300%;
        min-width: 50px;
}

.cookie-close:hover {
        color: #999999;
}

#message-fixed{
        position: fixed;
}

#privacy-modal{
        z-index: 999;
}

.modal-dialog {
        height: 80vh;
        width: 80vw;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
}

.modal-body {
        height: 75vh;
        -webkit-overflow-scrolling:touch;
        overflow:auto;
        width: 100%;
}

#iframe {
        width:100%;
        height:100%;
}

@media (max-width: 511px) {
        .modal-dialog {
                width: 95vw;
        }
}