/*
    Author     : Daniel Romahn
*/

input[required]:valid, select[required]:valid{
    border: 1px solid green !important;
}

input[required]:invalid, select[required]:invalid {
    border: 1px solid red !important;
}

html, body {
    /*background-color: #bbdcff;*/
}

.body1{
    background-color: #ffffff;
}

.body2{
    background-color: #1b3975;
}

.header{
    height: 57px;
}

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

.sidelayermenu{
    height: calc((100vh - 57px) - 0px) !important;
}

.contentdiv{
    overflow-y: scroll;
    height: 93vh !important;
}

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

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


.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-width15{
    min-width: 15px;
    max-width: 15px;
}

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

.input-text-width60{
    min-width: 60px;
    max-width: 60px;
}

.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: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
}

/*.gal .imggray{ width: 100%; padding-bottom: 15px;}*/
.gal .imgstyle{ 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;
    }

}

/*Seitenmenü*/

.sidepanel  {
    width: 0;
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1058a4;
    overflow-x: hidden;
    transition: 0.5s;
    margin-top: 60px;
}

.sidepanel .closebtn {
    position: relative;
    font-size: 20px;
    height: calc((100vh - 57px) - 0px);
    color: white;
    text-decoration: none;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #0a3563;
    color: white;
    padding-left: 10px;
    border: none;
    height: calc((100vh - 57px) - 0px);
}

.openbtn:hover {
    background-color:#293133;
}

.closebtn:hover{
    background-color:#293133;
}

.menu{
    width: 35px;
    height: calc((100vh - 57px) - 0px);
}

/*  */

.collapse-custom{
    z-index: 100;
    position: absolute;
    width: 40vw;
}

/* rating */

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
  follow these rules. Every browser that supports :checked also supports :not(), so
  it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    /* padding:0 .1em; */
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:170%;
    /* line-height:1.2; */
    color:#ddd;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: gold;

}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;

}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: gold;

}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

/* wysiwyg editor */

/*.btn-toolbar-cust{
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

div[data-role="editor-toolbar"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editor{
    max-height: 200px;
    height: 200px;
    background-color: #eee;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: scroll;
    outline: none;
}

.selcls {
    padding: 8px;
    border: solid 2px #a8d14f;
    background-color: #f7f7f7;
    color: #3e5090 !important;

}*/

/* CLEditor */
.cleditorMain iframe{
    width: 100% !important;
}

.cleditorMain textarea{
    width: 100% !important;
}