body, html {
    height: 100%;
}
.text-shadow{text-shadow: 5px 5px 10px #000000;}
a, a:hover{color: #1d337d!important; text-decoration: underline;}


/*Background*/
.bg-blau{background-color: #1d337d!important;}


/*HEADER*/
.navbar{--bs-navbar-nav-link-padding-x: 0.8rem!important;}

/*Buttons*/
.login-button{background-color: #bccf21; color: #1d337d; text-transform: uppercase; border-radius: 25px; padding-left: 20px; text-decoration: none; padding-top:5px; padding-bottom: 5px; border: 0px;
    padding-right: 0px;}
.login-button-arrow{background-color: #3fa535; border-radius: 25px; padding-left: 10px; padding-right: 10px; padding-top:5px; padding-bottom: 5px; margin-left: 10px;}

/*Navigation*/
.navbar-collapse{flex-grow: 0!important;}
a.nav-link{text-transform: uppercase; color: #1d337d;}
a.nav-link.active{font-weight: bold;  color: #1d337d!important;}

.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius: 0; box-shadow: none; border: none;} 

a.dropdown-item{padding-left: 0px;}
a.dropdown-item:hover, a.dropdown-item.active{background-color: #1d337d; color: #FFFFFF!important;}

.grad1{ background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgb(255, 255, 255, 0));
    height: 100px;
    position: relative;
    bottom: 100px;}



/*Überschriften*/
.blau{color: #1d337d;}
.big-white{
    text-align: center;
    color: white;
    font-size: 2rem; font-weight: bold;
   display: block; text-transform: uppercase;}

/*Content*/
.card{border-radius: 0px!important;}
a.next, a.next:hover, a.next:active{color: #3fa535; text-decoration: none;}
.card-footer{background-color: white!important; border: none!important;}
li.list-group-item.d-flex.justify-content-between.align-items-start:hover{background-color: #f8f9fa}

.info-box{margin: 5px; padding: 10px; background-color: #f8f9fa;}

.barrierefrei{ font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;}
.leichte-sprache-icon{max-width: 100px;  display: inline-block;}
.border-blue{border: 1px solid #1d337d!important;}

.parallax {
background-image: url("media.php/542/parallax2.jpg");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; position: relative;}

.parallax_2 {
background-image: url("media.php/542/header-spatenstich-waldstetten.jpg");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; position: relative;}


/*Formular*/
input.form-control{border-radius: 0px; }
input.form-control:hover {background-color: #f7f7f7;}
input::placeholder {font-size: 12px;}
textarea{font-size: 12px; }
.weitereangaben {display: none;}


/*Footer*/
footer a, a:hover, a:active{color: #1d337d !important; text-decoration: none;}
footer a.active{font-weight: bold;}


#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 50%;
    border: none;
    color: white;
   height: 50px;
   width: 50px;
   z-index: 50;
  }
  .hero-text {display: none;}
    

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .headerimage{height: 200px;}     
    .hero-text {
        text-align: center;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 1.5rem; font-weight: bold;
       display: block;}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .headerimage{height: 300px;}
    .hero-text {
        text-align: center;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 2rem; font-weight: bold;
       display: block;}
        
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu{border-radius: 0; -webkit-box-shadow: 5px 5px 15px 5px #A3A3A3; 
        box-shadow: 5px 5px 15px 5px #A3A3A3; border: none;}
        a.dropdown-item{padding-left: 16px;}
    .headerimage{height: 500px;}
    .hero-text{font-size: 3rem;  top: 50%;}
.leichte-sprache-icon{max-width: 100px; float: right; display: inline-block;}
}

/* X-Large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) { 
    .headerimage{height: 500px;}
 }

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width: 1400px) {
    .headerimage{height: 500px;}
}