@charset "utf-8";
/*
sand:   rgb(190,148,25)
        #BE9419
grün:   rgb(17,115,58)
        #11733A
*/
*{
    font-family:Verdana;
    box-sizing:border-box;
    font-size:14px;
    margin:0;
    padding:0;
    text-decoration:none !important;
}

html,body{
    min-height:100vH;
    width:100vW;
    background-color: #C0C0C0;
    overflow-x:hidden;
}
section{
    min-height:100vH;
    width:98vW;
    margin:auto;
    padding:140px 0px 50px 0px;
}
a{
    cursor:pointer;
}
ul li{
    margin-left:40px;
}

footer{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100vW;
    line-height:40px;
    border-top:1px solid #808080;
    background-color:#fff;
    padding:0px 25px;
}

footer a{
    font-size:0.85em;
    color:#000;
}

/* ------------------------------------------ [+] IDs ---------------------------------------------- */
#logo{
    width:250px;
    height:76px;
}
#instlogo{
    min-height:76px;
    min-width:76px;
    max-width:250px;
    max-height:100px;
}

#alpha{
    margin-top:-100vH;
    width:100vW;
    height:100vH;
    transition:all 0.4s;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.02) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.02) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.02) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#05000000',GradientType=0 );

}
#alpha.aktiv{
    margin-top:0;
}

#verleih .col-sm{
    text-align:center;

}
#verleih figure{
    display:inline-block;
    border:1px solid #808080;
    border-radius:8px;
    margin:15px;
    padding:20px;
    opacity:0.8;
    transition:opacity 0.7s;
    box-shadow: 4px 4px 8px #333333;
    width:90%;
    background: rgb(181,189,200);
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
}
#verleih .col-sm figure:hover{
    opacity:1;
}
#verleih .col-sm figure a:before{
    font-size:180px;
}
#verleih .col-sm figure a{
    color:#fff;
    display:block;
    line-height: 1.1;
}
#verleih .col-sm figure a span{
    font-size:2rem;
    color:#fff;
    display:block;
}
#kontaktform input[name=mail]{
    display:none;
}
/* ------------------------------------------ [-] IDs ---------------------------------------------- */


/* ------------------------------------------ [+] Klassen ------------------------------------------ */
.navbar-light{
    border-bottom:1px solid #004000;
}

[class^="icon-"] span, [class*=" icon-"] span{
    display:none;
}

.container{
    background-color:#fff;
    border-radius: 7px;
    padding:0px;
    padding-bottom:7px;
    margin-bottom:15px;
    box-shadow:4px 4px 7px #000;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}
.container > h3{
    background-color:#11733A;
    padding:5px 10px;
    color:#fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.container .row{
    margin:0px 10px;
}

.container#login{
    margin-top:-100vH;
    transition: all 1s;
}

.container.aktiv#login{
    margin-top:0;
    z-index:1001;
    position:relative;
}
.navbar-toggler{
    position:fixed;
    top:30px;
    right:20px;
    font-size:2.8em;
}
.navbar-toggler-icon{
    background-size:cover;
    width:30px;
    height:30px;
}
.aktiv-item *{
    color:#BE9419 !important;
}
.modal-content{
    border:0;
}
.modal-header{
    background-color: #BE9419;
    color:#fff;
}
.btn-primary {
    color: #fff;
    background-color: #11733A;
    border-color: #11733A;
}
.btn-primary:hover {
    background-color: #0F6131;
    border-color: #0F6131;
}
.blink {
  animation: blinker 2s linear infinite;
}
.blinkfast {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#seitennavi{
    float:right;
}

.bg-grey{
    background-color: #FBFAFA;
}
.hover:hover{
    background-color: #C0C0C0;
}
.smallicon{
    font-size:1.1em;
}
.middleicon{
    font-size:1.4em;
}
.vmiddle *{
    vertical-align:middle;
}
.access{
    font-weight:bold;
    vertical-align:middle;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px;
    }
}

/* ------------------------------------------ [-] Klassen ------------------------------------------ */

/* ------------------------------------------ [+] Cookiebanner ------------------------------------- */
#cookie_banner {
	background: rgba(0,0,0,0.8);
	position:fixed;
	bottom:0px;
    height:15vH;
	z-index:10000;
	width:100%;
    line-height: 2rem;
	opacity: 0.8;
    color:#fff;
    padding-top:20px;
    border-top:3px solid #BE9419;
    font-size:1.2rem;
}
#cookie_banner *{
    font-size:inherit;
}
/* ------------------------------------------ [-] Cookiebanner ------------------------------------- */