.bayern-logo{
    margin-top: 3.5em;
}

.bayern-logo img{
    width: 28em;
}

.open-data-sub{
    margin-top: 6.5em;
    z-index: 0;
    color: #2c5a93;
}


.open-data__iframe{
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
}

.gdo-navbar-top{
    top: 0em
}

.header-staatswappen_logo{
    margin-top: 3em;
    margin-bottom: 1em
}

.header-staatswappen_text{
    top: -1em;
    position: relative;
}

.opendata__abgabearte{
    color: #2c5a93;

}

.icon-big{
    font-size: 3rem;
}

.icon-small{
    font-size: 2.5rem;
    color: black;
    position: absolute;
    left: 0em;
    margin-left: .2em;

}

.open-data-icons{
    position: absolute;
    display:flex;
    top: 0;
    right: 0;
    background: rgba(255,255,255,.8);
}

.mainContentBox{
    margin-top: 2em;
}

h3{
    margin: 1.5em 0 0 0
}

h2{
    margin-top: 0em !important;
}

.button-copy,
.button-download
{
    display: block;
    border-radius: 0 2em 2em 0 !important;
    min-width: 9.5em;
    text-align: left;
    min-width: 11.8em;
    align-items: center;
    display: flex;
}

.button-metalink{
    display: block;
    border-radius: 0 2em 2em 0 !important;
}

.button-zum-bayernatlas{
    margin: 1em 0;
}

.select-type-button{
    border: 0;
    background: transparent;
    transition: all var(--animation-duration-small-open) var(--animation-easing-close);
    border-right:1px dotted rgba(0, 0, 0, 0.5);
    padding: 1em 0;
}

.select-type-button:last-child{
    border-right:0;
}


.select-type-button:hover{
    background:var(--bs-gray-200);

}

.select-type-button.active{
    border: 0;
    background: rgba(238, 243, 251, .7);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
}
.select-type-button .material-icons{
    color:#0f7abf;
}

.produkt-list{
    margin: .5em 0 .8em 0;
}

.produkt-list-item{
    display: flex;
    padding: 0;
}
.produkt-list-item .open-data-icons{
    background: transparent;
}

.produkt-list-item h4{
    margin: auto .8em;
}

.produkt-list-item .material-icons {
    font-size: 2rem;
    margin: .3em .2em;
    color: #000;
}

.list-img{
    max-width: 6em;
    margin-right: .5em;
}

.hide{
    opacity: 0;
    order: 2;

}

.accordion{
    margin: 1em 0 2em;
}

 .service-icon,  .download-icon,  .massendownload-icon{
    color :#000;
}

.service-active .service-icon, .download-active .download-icon, .massendownload-active .massendownload-icon{
    color :#0f7abf;
}

.accordion-button{
    text-transform: uppercase;
    color: #2c5a93;
    border-bottom: 1px solid var(--bs-gray-300);
    padding-bottom: .5em;
    margin: 1em 0 0 0;
    font-size: 2rem;
    font-weight: 300;
}

.accordion-button:not(.collapsed) {
    background: transparent;
}
.accordion-button .material-icons{
    color: #0f7abf;
}
.accordion-body{
    padding: 0;
}
.accordion-flush .accordion-item .accordion-button{
    padding-left: 2em;

}

.accordion-item{
    border-bottom: 0;
}

.accordion-button{
    margin-top: 0;
}


.btn-secondary{
    border-radius: 2em;
    padding: .5em 0.9em;
    font-weight: 600;
    color: #fff;
}

.btn-secondary:hover, .btn-secondary:focus{
    color: #fff !important;

}

.card-title{
    font-weight: 300;
    font-size: 1.4rem;
}

.gdo-produkte .card:hover .card-body .card-title, .gdo-produkte .card:focus-within .card-body .card-title {
    margin-left: .5em;
}

.nav-item{
    display: flex;
}

.nav-item i{
    display: block;
    margin: 0 .5em;
    color: var(--bs-primary);
    position: relative;
    top: .3em;

}

code{
    display: block;
    word-break: break-all;
    border-radius: 2em 0 0 2em !important;
    border: 1px solid #dee2e6;
    flex-grow: 1;
    width: min-content;
}

.filter-button{
    background: transparent;
    border: transparent;
    display: flex;
    padding: .5em 1em 1em;
}
.filter-button i{
    width: 1em;
    margin-right: .5em;
}

.filter .filter-button:first-child{
    border-right: 1px dotted var(--bs-gray-500);
}

.footer-sitemap ul{
    border-left: 0;
}


.produkt-list{
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}


.download-active .massendownload, .download-active .service{
    display: none;

}

.massendownload-active .download, .massendownload-active .service{
    display: none;

}

.service-active .download, .service-active .massendownload{
    display: none;

}
.service-active .service{
    display: block;
}
.download-active .download{
    display: block;
}
.massendownload-active .massendownload{
    display: block;
}
.service-active .produkt-list  .service{
    display: flex;
}
.download-active .produkt-list  .download{
    display: flex;
}
.massendownload-active .produkt-list .massendownload{
    display: flex;

}


.produkt-list .download-icon{
    position: absolute;
    left: -4.8em;
}

.produkt-list .massendownload-icon{
    position: absolute;
    left: -3.2em;
}

.produkt-list .service-icon{
    position: absolute;
    left: -1.7em;
}

.scroll-top-button{
    transition: all var(--animation-duration-small-open) var(--animation-easing-close);
}

.scroll-top-button:hover{
    opacity:.8;
}

.fw-bold {
    font-weight: 600 !important;
}

.divider{
    border-bottom: 1px dotted var(--bs-gray-500);
}

.accordion-body .row{
    padding-bottom: 1em;
    border-bottom: 1px dotted var(--bs-gray-500);
}
.accordion-body .row:last-child{
    border-bottom: 0;
}

.bayern-logo-img{
    width: 120px;
}
.bayern-logo a{
    max-width: 17em; 
    cursor: pointer; 
    z-index: 10
}

.gdo-menu-widget-button i{
    opacity: .9;
    color: #fff !important;
}
.gdo-menu-widget-button:hover i{
    opacity: 1;
    color: #fff !important;
}

.skip-to-content-link{
    color: #fff !important;
}
.skip-to-content-link:focus {
    transform: translateY( +0%);
}

.metalink-hint{
    margin-top:1em;
    font-weight: bold;    
}


.tab-content{
    width:100%;
}



@media (max-width: 767.98px) {
    #scrollTopButton{
        display: none !important;
    }
    .header-staatswappen_logo {
        margin-top: 3.6em;

    }
    .open-data-sub{
        max-width: 25em;
    }

    .navbar{
        margin-top: 10em;
    }

    .select-type-button{
        border: none !important;
        margin-bottom: .5em;
    }

    .list-img{
        display: none;
    }

    .produkt-list-item h4 {
        margin: 0 5.5em 0 0;
        padding: 1em;
    }

    .gdo-produkte .card:hover, .gdo-produkte .card:focus-within {
        box-shadow: none;
        z-index: 100;
        height: auto;
        transform: scale(1.00);
        border-radius: 0em;
    }

    .bayern-footer-end .footer-bottom-link a{
        border-right: 0;
    }

    tr{
        display: flex;
    }

    h1{
        margin-top: 1em;
    }
}

#buttonContainer {
    display: inline-block;
  }
  
  .zipDownloadButton,
  .submit {
    min-width: 21em;
    min-width: 22em;
  }
  
  .container-dd {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    /* padding: 0 1.3em; */
  }
  
  .alert-primary {
    background: #cfe2ff;
    border: 1px solid #aaccfe;
    border-radius: 0.1em;
  }
  
  .loading {
    border: none;
    outline: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    display: inline-block;
    border-radius: 3em;
  }
  .loading::before {
    z-index:1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: repeating-linear-gradient(
      60deg,
      transparent,
      transparent 0.75rem,
      rgba(255, 255, 255, 0.15) 0.75rem,
      rgba(255, 255, 255, 0.15) 1.5rem
    );
    animation: load 0.8s infinite linear;
  }
  .isDisabled {
    pointer-events: none;
    cursor: not-allowed;
  }
  @keyframes load {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-1.75rem);
    }
  }
    
  .iframe-container {
    min-height: 600px;
    display: flex;
    flex-direction: row;
    margin:1em;
  }
  .iframe-container iframe {
    min-height: 600px;
    width: 75%;
  }
  .iframe-container .frameBorder {
    margin: 1em;
  }
  
  .iframe-container .container-dd{
      flex-direction: column;
  }
  .iframe-container .container-dd input, .iframe-container .container-dd button{
      width:100%;
      margin-top: 1em;
      font-size:1.2rem;
  }
  .iframe-container #buttonContainer{
      position: relative;
  }
  .iframe-container  .icon-small{
      position: relative;
      color:#fff;   
      float:left; 
      font-size: 1.5em;
  }
  iframe{
    height:600px;
    width:100%;
  }

.download-button-digi{
    position: relative;
}

.download-button-digi .material-icons.icon-small{
    color: #fff;
    font-size: 1.8rem;
    left: .1em;
    top: 0.2em;
}

.accordion-button:not(.collapsed){
    background: #f8f9fa;
    border: 0;
    box-shadow: none;    
}

.accordion-body header{
    margin-bottom:1em;
}

.nav-tabs{
    background: #f8f9fa;
    border-top: 0;
    border: 0;
}

.nav-tabs button{
    font-size:1.1rem;
    border-left:0;
}
    
.tab-content{
    background: #fff;
  padding-left: 1em;
}

.hide{
    display:none !important;
}

.accordion-body{
    border-left: .7em solid #f8f9fa;
}

.accordion-body > .row{
    padding-left: 1em;
}

.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
}

.iframe-container-od{
    position: relative;
}

.button-zum-bayernatlas{

    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 2em;
    margin: 0;
    font-size: .9rem;
}

.hiddenInput {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    min-height: 8em;
    background: #ebf5fa;
    border-right: 0;
    min-height:3.3em !important;
    display: block
  }

  .clearButton {
    width: 2.5em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    min-height: 3em;
    background: #ebf5fa;
    border-right: 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    color:#008fcf;
    border-radius:0;
    }
    .clearButton:hover{
      color:#2c5a93 !important;
      background:#dee2e6 !important;
  }

  .sendButton {
    border-radius: 0 1em 1em 0;
  }
  
  .shortInfoLabel {
    display: flex;
    min-height:3.5em;
    border-radius:1em;
    background: transparent;
    padding:0;
}

.shortInfoLabel.error{
    padding:1em;
    border: 1px solid darkred;
    color: darkred;
    background: #f8d7da;    
  }
.shortInfoLabel.info{
    padding:1em;
    border: 1px solid #21610B;
    color: #21610B;
    background: #F2FBEF;    
  }


  .table th, .table td {
    border: none !important;
    padding: .6em 1em;
  }

  .map-disabled{
    filter:grayscale(1);
    opacity:.5;
    pointer-events: none;
  }
  .alert:empty {
    display: none;
  }
  .opendatea__hint{
    font-weight: bold;
  }

  .open-data-info{
    padding: .8em 1em;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
    margin:1em 0 1em 0;
  }

  .no-pointer{
    pointer-events: none; 
  }

  bayern-atlas{
    overflow:hidden;
  }