/*
    Author     : Daniel Romahn
*/

html, body {
background-color: #101b40;
}

.header{
    height: 80px;
}

.inhalt {
    position: relative;
    min-height: calc((100vh - 80px) - 0px);
    margin: 0 auto;
}

/* footer */
.sticky-footer{
    position:relative;
    bottom: 0;
    height: 0px;
}

.infooter{
    margin-left: -15px;
    margin-right: -15px;
}
/* footer end */

a.disabled {
    pointer-events: none;
    color: #ccc;
    opacity: 0.5;
}

.w-150{
    width: 150% !important;
}

.d-grid{
    display: grid;
}

.box-shadowaussen{
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
}

/*.show > .dropdown-menu {
  max-height: 500px;
  visibility: visible;
}
  
.dropdown-menu .bla {
  display: block;
  max-height: 0;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
  overflow: hidden;
}*/

.input-text-height15{
    height: 15px !important;
}

.input-text-height20{
    height: 20px !important;
}

.input-text-height25{
    height: 25px !important;
}

.input-text-width15{
    min-width: 15px;
    max-width: 15px;
}

.input-text-width50{
    min-width: 50px;
    max-width: 50px;
}

.input-text-width75{
    min-width: 75px;
    max-width: 75px;
}

.input-text-width100{
    min-width: 100px;
    max-width: 100px;
}

.input-text-width150{
    min-width: 150px;
    max-width: 150px;
}

.input-text-width200{
    min-width: 200px;
    max-width: 200px;
}

.input-text-width250{
    min-width: 250px;
}

.input-text-width300{
    min-width: 300px;
}

.input-group-text-width50{
    width: 50px;
}

.input-group-text-width100{
    width: 100px;
}

.input-group-text-width150{
    width: 150px;
}

.input-group-text-width200{
    width: 200px;
}

.input-group-text-width250{
    width: 250px;
}

.input-group-text-width300{
    width: 300px;
}

 /*Bilderbegrenzungen*/ 
.gallerie--vorschau32{
    max-height: 32px;
    max-width: 32px;
}

.gallerie--vorschau100{
    max-height: 100px;
    max-width: 100px;
}

.gallerie--vorschau150{
    max-height: 150px;
    max-width: 150px;
}

.gallerie--vorschau200{
    max-height: 200px;
    max-width: 200px;
}

.gallerie--vorschau300{
    max-height: 300px;
    max-width: 300px;
}

.gallerie--vorschau400{
    max-height: 400px;
    max-width: 400px;
}

.gallerie--bild500{
    max-height: 500px;
}

.imggray {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.imggray:hover {
    -webkit-filter: grayscale(0%);  /* Safari 6.0 - 9.0 */ 
    filter: grayscale(0%);
}

.finger{
    cursor: pointer;
}

.modal-full-landscape {
    margin: 1.75rem auto;
    max-width: calc(70% - (1.75rem * 2));
    height: auto;
}
.modal-full-portrait {
    margin: 1.75rem auto;
    max-height: calc(85% - (1.75rem * 2));
    max-width: 32vw;
}

/* Cookiewarner */

#cookiedingsbums a {
    color:#000;
    text-decoration:none;
}

#cookiedingsbums a:hover {
    text-decoration:underline;
}

#cookiedingsbums div {
    padding:10px;
    padding-right:40px;
}

#cookiedingsbums {
    outline: 1px solid #7b92a9;
    text-align: center;
    border-top: 1px solid #fff;
    background: #d6e0eb;
    background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
    background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
    position:fixed;
    bottom:0px;
    z-index:10000;
    width:100%;
    font-size:12px;
    line-height:16px;
}

#cookiedingsbumsCloser {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
    cursor:pointer;
    border-top:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid #7b92a9;
    border-right:1px solid #7b92a9;
    padding:4px;
    background: #ced6df; /* Old browsers */
    background: -moz-linear-gradient(top, #ced6df0, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
    background: -webkit-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: -o-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: -ms-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: linear-gradient(to bottom, #ced6df0,#f2f6f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}

#cookiedingsbumsCloser:hover {
    border-bottom:1px solid white;
    border-right:1px solid white;
    border-top:1px solid #7b92a9;
    border-left:1px solid #7b92a9;
}

/* gallery */
.gal {
    -webkit-column-count: 8; /* Chrome, Safari, Opera */
    -moz-column-count: 8; /* Firefox */
    column-count: 8;
}
.gal .imggray{ width: 100%; padding-bottom: 15px;}
@media (max-width: 500px) {

    .gal {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

}