/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
 #survey-nav.border-bottom {
    border-bottom: 0px !important;
}
 #survey-nav{
   background:#fff!important;
 }
#main-col p{
  color:#0051A6;
}

.question-text{
    font-size:120%;
}
a {
    color: #e11912;
}
a:not(.btn) {
    border-bottom: 1px solid rgba(225, 25, 18, .3);
    display: inline-block;
    font-weight: 600;
}
.content a:not(.btn):hover {
    border-bottom-color: #e11912;
}


#leahead {
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#leahead img {
  width: 100%;
  max-height: 44rem;
  height: auto;
  display: block;
  object-fit: cover; /* Optional: Falls das Bild beschnitten werden soll, um die Höhe zu wahren */
}
/***************************************/
/****************FOOTER*****************/
/***************************************/
.global-footer {
    background-color: #0051a6;
    color: #fff;
    padding: 3.75rem 30px 0;
    position: relative;
}
.global-footer *{
    color: #fff;
}
.global-footer .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: auto;
    max-width:initial;
}

.footer-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    padding-bottom: 3.75rem;
}
@media screen and (min-width: 63.75em) {
    .footer-columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media screen and (min-width: 75.75em) {
    .footer-columns {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }
}
@media screen and (min-width: 48em) {
    .footer-columns {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }
}


.footer-columns>* {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

@media screen and (min-width: 63.75em) {
    .footer-columns>* {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}

@media screen and (min-width: 48em) {
    .footer-columns>* {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}
@media screen and (min-width: 36em) and (max-width: 63.74em) {
    .footer-columns>* {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%;
    }
}
@media screen and (min-width: 63.75em) {
    .social-menu {
        font-size: 1.375rem;
        line-height: 1.3636;
    }
}

.global-footer .social-menu {
    font-size: 1.125rem;
    line-height: 1.5556;
}
.global-footer .icon {
    fill: currentColor;
    height: 1em;
    overflow: hidden;
    vertical-align: -.15em;
    width: 1em;
}
.footer-columns .content .direct-links a ul, 
.footer-columns .content .social-menu ul, 
.footer-columns .content p a.is-image-link ul, 
.global-footer .navbar-menu .direct-links a ul, 
.global-footer .navbar-menu .social-menu ul, 
.global-footer .navbar-menu p a.is-image-link ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-top: 0;
}
.global-footer .content .h2:not(:first-child), .content h2:not(:first-child) {
    margin-top: 1.1428em;
}
.global-footer .content ul {
    list-style: disc outside;
    margin-left: 2em;
    margin-top: 1em;
}
.global-footer .content .cards-heading, 
.global-footer .content .h4, 
.global-footer .content h4 {
    margin-bottom: .8em;
}
.global-footer .content .cards-heading, 
.global-footer .content h1, 
.global-footer .content h2, 
.global-footer .content h3, 
.global-footer .content h4, 
.global-footer .content h5, 
.global-footer .content h6 {
    line-height: 1.3;
}
.global-footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-columns .content .direct-links a ul li, .footer-columns .content .social-menu ul li, .footer-columns .content p a.is-image-link ul li, .navbar-menu .direct-links a ul li, .navbar-menu .social-menu ul li, .navbar-menu p a.is-image-link ul li {
    list-style: none;
    margin-top: .25em !important;
}
.footer-columns .content .direct-links a a, .footer-columns .content .social-menu a, .footer-columns .content p a.is-image-link a, .navbar-menu .direct-links a a, .navbar-menu .social-menu a, .navbar-menu p a.is-image-link a {
    border-bottom: 0;
    margin-right: 1rem !important;
}

.footer-columns .content a, .meta-menu a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    display: inline-block;
    font-weight: 600;
}
.global-footer a:not(.btn) {
    color: hsla(0, 0%, 100%, .7);
}

.global-footer .brand {
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    vertical-align: top;
    width: 4rem;
}
@media screen and (min-width: 75.75em) {
    .global-footer .brand {
        width: 8.625rem;
    }
}

@media screen and (min-width: 63.75em) {
    .global-footer .brand {
        width: 7rem;
    }
}
.footer-columns .is-image-link {
    border-bottom: 0;
    display: block !important;
}
.global-footer .brand-hessisches-ministerium {
    width: 14.5rem;
}
.footer-columns a {
    border-bottom: 0 !important;
}

.global-footer .footer {
    background-color: #163971;
    font-size: .875rem;
    line-height: 1.5;
    margin-left: -30px;
    margin-right: -30px;
    max-width: none;
    padding: 30px;
}
@media screen and (min-width: 63.75em) {
    .global-footer .footer {
        font-size: 1rem;
        line-height: 1.5;
    }
}
.global-footer .meta-menu {
    max-width: 100%;
}
.global-footer .meta-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.global-footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 75.75em) {
    .global-footer .meta-menu li:not(:last-child) {
        margin-right: 2rem;
    }
}
.global-footer .meta-menu li:not(:last-child) {
    margin-right: 1rem;
}
.global-footer .meta-menu li {
    display: inline-block;
}
.global-footer a:not(.btn) {
    color: hsla(0, 0%, 100%, .7);
}
.global-footer .meta-menu a {
    display: inline-block;
}
.footer-columns .content a, .meta-menu a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    display: inline-block;
    font-weight: 600;
}
.global-footer .jumper {
    bottom: 1.35rem;
}
.global-footer .jumper {
    bottom: 1.5rem;
    position: absolute;
    right: 3rem;
}
.global-footer .btn.is-jumper {
    background-color: #0051a6;
   color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s;
    height:40px;
    width:40px;
    padding-top:15px;
}
.global-footer .icon-angle-up {
display: block;
  width: 20px;
  height: 20px;
  border-top: 4px solid currentColor;
  border-right: 4px solid currentColor;
  transform: rotate(-45deg);
    
}
.global-footer .content h2, .global-footer .content h3, .global-footer .content h4, .global-footer .content h5, .global-footer .content h6 {
    line-height: 1.3;
}
.global-footer .brand-hessisches-ministerium-umwelt {
    width: 20rem;
}
.global-footer img, 
.global-footer object, 
.global-footer video {
    max-width: 100%;
    border-style: none;
    vertical-align: middle;
}