@layer  gdo{
    :root {
        --animation-duration-large-open: 300ms;
        --animation-duration-large-close: 250ms;
        --animation-duration-medium-open: 250ms;
        --animation-duration-medium-close: 200ms;
        --animation-duration-small-open: 100ms;
        --animation-duration-small-close: 75ms;
        --animation-easing-open: cubic-bezier(0.0, 0.0, 0.2, 1);
        --animation-easing-close: cubic-bezier(0.4, 0.0, 1, 1);
        --animation-easing-linea: cubic-bezier(0.4, 0.0, 0.2, 1);
        --bs-secondary:#087DAF;
        /*--gdo-old-blue:#099dda;*/
        --gdo-old-blue:var(--bs-secondary);
        --gdo-old-blue-light:rgb(235, 245, 250);

        --gdo-green: #50af31;
        --bs-success-rgb: var( --gdo-green);
        --gdo-red: hsla(341, 60%, 52%, 1);
        --bs-danger-rgb: var( --gdo-red);
        --bs-warning: #DB8E00;
        --bs-secondary-light: #e3eef4;
        --text-danger: #c41114;
        --bs-pagination-active-bg: --bs-secondary;
        --bs-pagination-active-border-color: --bs-secondary;

    }
    .gdo-navbar{
        display: flex;
    }
    .gdo-navbar .nav-link{
        font-size: 1.1rem;
        color: #fff !important;
    }
    .gdo-navbar .active  .nav-link{
        font-weight: bold;
    }
    .gdo-navbar-top {
        position: absolute;
        top: -2em;
    }
    .gdo-navbar-top ul {
        list-style: none;
        padding-left:0;
    }
    .gdo-navbar-top .nav-item:nth-child(2) a{
        padding-left: 0;
    }
    .gdo-navbar-top a:hover , .gdo-navbar-top a:focus{
        color: var(--bs-gray-900);
    }
    .gdo-navbar-top li a {
        text-decoration: none;
        border-right: 1px dotted var(--bs-gray-500);
        color: var(--bs-gray-700);
        padding: .5em 1em;
        display: block;
    }
    .gdo-navbar-top li:last-child a{
        border-right: 0;
    }
    .gdo-navbar-top li:first-child{
        padding-left: 0;
    }
    .gdo-dbm-bg{
        width: 100%;
        height: 100%;
        background-color: #f8f9fa !important;
        background-image:  url('img/dgm.svg');
    }
    /*wizard*/
    .wicket42-wizard .wizard-label {
        color: varr(--bs-primary);
    }
    .wicket42-wizard li {
        float: left;
    }
    .wicket42-wizard li .wizard-link {
        position: relative;
        padding: 8px;
        float: left;
        background-color: #eeeeee;
    }
    .wicket42-wizard li .wizard-link .badge {
        margin-left: 3px;
        color: #eeeeee;
        background-color: var(--bs-primary);
    }
    .wicket42-wizard li:not(:first-child) .wizard-link {
        padding-left: 34px;
    }
    .wicket42-wizard li:not(:first-child) .wizard-link:before {
        width: 0px;
        height: 0px;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        border-left: 20px solid #ffffff;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
    }
    .wicket42-wizard li:not(:last-child) .wizard-link {
        margin-right: 6px;
    }
    .wicket42-wizard li:not(:last-child) .wizard-link:after {
        width: 0px;
        height: 0px;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        border-left: 20px solid #eeeeee;
        position: absolute;
        content: "";
        top: 0;
        right: -20px !important;
        z-index: 2;
    }
    .wicket42-wizard li:first-child .wizard-link {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .wicket42-wizard li:last-child .wizard-link {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-right: 5px;
    }
    .wicket42-wizard li.done:hover .wizard-link:before,
        .wicket42-wizard li:hover .wizard-link:before {
        /*border-right-color: $bayern-blue-a;*/
    }
    .wicket42-wizard li.done:hover .wizard-link:after,
        .wicket42-wizard li:hover .wizard-link:after {
        /*border-left-color: $bayern-blue-a;*/
    }
    .wicket42-wizard li.done .wizard-link {
        background-color: var(--bs-primary);
    }
    .wicket42-wizard li.done .wizard-link:before {
        border-right-color: var(--bs-primary);
    }
    .wicket42-wizard li.done .wizard-link:after {
        border-left-color: var(--bs-primary);
    }
    .wicket42-wizard li.active .wizard-link,
    .wicket42-wizard li.active .wizard-link:hover,
        .wicket42-wizard li.active .wizard-link:focus {
        color: #ffffff;
        background-color: var(--gdo-old-blue);
    }
    .wicket42-wizard li.active .wizard-link:after {
        border-left-color: var(--gdo-old-blue);
    }
    .wicket42-wizard li.active .wizard-link .badge {
        color:var(--gdo-old-blue);
        background-color: #ffffff;
    }
    .wicket42-wizard li.done .wizard-link,
    .wicket42-wizard li.done .wizard-link:hover,
        .wicket42-wizard li.done .wizard-link:focus {
        color: #ffffff;
    }
    .wicket42-wizard li.disabled .wizard-link {
        color: #777777;
    }
    .wicket42-wizard li.disabled .wizard-link:hover,
        .wicket42-wizard li.disabled .wizard-link:focus {
        color: #777777;
        text-decoration: none;
        background-color: #eeeeee;
        cursor: default;
    }
    .wicket42-wizard li.disabled .wizard-link:before {
        border-right-color: #eeeeee;
    }
    .wicket42-wizard li.disabled .wizard-link:after {
        border-left-color: #eeeeee;
    }
    .wicket42-wizard .nav-justified li {
        float: none;
    }
    .wicket42-wizard .nav-justified li .wizard-link {
        padding: 10px 15px;
    }
    .wicket42-wizard li.done .wizard-link {
        background-color:var(--bs-secondary-light);
        color: var(--bs-primary) !important;
    }
    .wicket42-wizard li.done .wizard-link::after {
        border-left-color: var(--bs-secondary-light);
    }
    .wicket42-wizard a.wizard-link:hover {
        color: #fff;
        text-decoration: none !important;
        background-color: var(--bs-secondary) !important;
        border-color: #077aa9 !important;
        border-left-color: #077aa9 !important;
    }
    .wicket42-wizard a.wizard-link:hover:after {
        border-left-color: var(--bs-secondary) !important;
    }
    .wicket42-wizard .wizard-link span{
        font-weight: bold;
        color:#2c5a93;
        margin-right: .3em;
    }
    .gdo-progress {
        position: relative;
        height: 4px;
        display: block;
        width: 100%;
        background-color: #cdebf7;
        border-radius: 2px;
        background-clip: padding-box;
        margin: 0.5rem 0 1rem 0;
        overflow: hidden;
    }
    .gdo-progress .determinate {
        position: absolute;
        background-color: inherit;
        top: 0;
        bottom: 0;
        background-color: var(--gdo-old-blue);
        transition: width 0.3s linear;
    }
    .gdo-progress .indeterminate {
        background-color: var(--gdo-old-blue);
    }
    .gdo-progress .indeterminate:before {
        content: "";
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left, right;
        -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }
    .gdo-progress .indeterminate:after {
        content: "";
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left, right;
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s;
    }
    @-webkit-keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }
        60% {
            left: 100%;
            right: -90%;
        }
        100% {
            left: 100%;
            right: -90%;
        }
    }
    @keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }
        60% {
            left: 100%;
            right: -90%;
        }
        100% {
            left: 100%;
            right: -90%;
        }
    }
    @-webkit-keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }
        60% {
            left: 107%;
            right: -8%;
        }
        100% {
            left: 107%;
            right: -8%;
        }
    }
    @keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }
        60% {
            left: 107%;
            right: -8%;
        }
        100% {
            left: 107%;
            right: -8%;
        }
    }
    .icon-gdo{
        height: 10em;
        width: 10em;
        mask: url('img/gdo_wk.svg');
        -webkit-mask-image: url('img/gdo_wk.svg');
        mask-size: cover;
        -webkit-mask-size: cover;
        -webkit-mask-size: cover;
        background: var(--bs-secondary);
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .icon-gdo:hover{
        transform: scale(1.1);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    }
    .icon-open-data{
        height: 10em;
        width: 10em;
        mask: url('img/logo_OD.svg');
        -webkit-mask-image: url('img/logo_OD.svg');
        mask-size: cover;
        -webkit-mask-size: cover;
        -webkit-mask-size: cover;
        background: var(--bs-secondary);
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .icon-open-data:hover{
        transform: scale(1.1);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    }
    .breadcrumb-item.active {
        color: #616970;
    }
    .gdo-main-menu-button{
        background: var(--bs-secondary);
        color: var(--bs-white);
        min-width: 15em;
        border: none;
        font-weight: bold;
    }
    .gdo-main-menu-button i{
        position: relative;
        top: .15em;
        left: -.5em;
    }
    .gdo-main-menu-button span{
        position: relative;
        top: -3px;
    }
    .bayern-logo{
        display: flex;
        position: absolute;
        margin-top: 2.5em;
    }
    .header-staatswappen_logo{
        display: flex;
    }
    #pageHeader{
        margin: 30px 0;
    }
    .nav-item {
        height: auto;
    }
    .nav-item.active{
        color:red !important;
    }
    .nav-item.active a{
        font-weight: bold;
    }
    .material-icons{
        display: inline-block;
    }
    .icon-effect-card {
        display: inline-block;
    }
    .footer-sitemap{
        background: var(--bs-gray-100);
        padding: 2em 1em;
    }
    .footer-sitemap ul{
        list-style: none;
        padding-left:0;
        border-left: 1px dotted var(--bs-gray-500);
        height: 90%;
    }
    .footer-sitemap .footer-sitemap-links:first-child ul{
        border-left: none;
    }
    .footer-sitemap-links > a{
        color: var(--bs-primary);
        font-weight: bold;
        text-decoration: none;
        margin-left: 1em;
    }
    .bayern-footer{
        margin-top: 1em;
    }
    .bayern-footer-end{
        margin-top: 1em;
    }
    .bayern-footer-end .footer-bottom-link:hover a , .bayern-footer-end .footer-bottom-link:focus a{
        color: var(--bs-gray-900);
    }
    .bayern-footer-end .footer-bottom-link a{
        text-decoration: none;
        border-right: 1px dotted var(--bs-gray-500);
        color: var(--bs-gray-700);
        display: block;
        padding: .5em 1em 1em;
    }
    .bayern-footer-end .footer-bottom-link:last-child a{
        border-right: 0;
        padding-right: 0;
    }
    .gdo-card .card-body, .gdo-produkt-card .card-body, .gdo-wms-card .card-body{
        padding-left: 0;
    }
    a{
        text-decoration: none;
    }
    .text-danger{
        color: var(--text-danger);
    }
    .scroll-top-button{
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: #1a1a1a;
        color: #fff;
        cursor: pointer;
        padding: 0;
        opacity: .5;
        border-radius: 2em;
    }
    .scroll-top-button i {
        position: relative;
        top: 0px;
        font-size: 2.5em;
        margin: 7px;
    }
    h1{
        font-weight: 300;
        color: var(--bs-gray-700);
    }
    h2{
        font-weight: 300;
    }
    h3{
        font-weight: 300;
        margin: 1em 0;
        color: var(--bs-primary);
    }
    h4{
        font-weight: 300 ;
        font-size: 1.4rem;
        color: var(--bs-primary);
    }
    h5{
        font-weight: 300 ;
        margin: 1em 0;
        color: var(--bs-gray-800);
    }
    h1 .text-small{
        font-size: 1.4rem;
    }
    .gdo-main-jumbotron{
        padding:  1em 2em 3em;
    }
    .gdo-main-jumbotron h1{
        margin-bottom: .5em;
    }
    .jumbotron{
        padding:  1em 2em 3em;
    }
    .jumbotron h1{
        margin-bottom: .5em;
    }
    .portal-breadcrumb{
        margin: 0;
        padding: 1em 0;
        background: var(--bs-gray-100);
        border-bottom: none !important;
    }
    .portal-breadcrumb i {
        position: relative;
        top:0em;
    }
    .subheader{
        margin: 1.5em 0;
    }
    .gdo-bestellen-menu {
        padding: 0;
        background: var(--bs-secondary);
        position: absolute;
        z-index: 99;
        width: auto;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
        top:50px;
    }
    .gdo-nav-application .list-group-item {
        background: transparent;
        padding: .1em .3em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125)
    }
    .gdo-nav-application .list-group-item:hover {
        background: #088cc3;
    }
    .gdo-nav-application .list-group-item a{
        color: #fff;
    }
    .gdo-nav-application .list-group-item i{
        position: relative;
        top: .2em;
        margin-right: 1em;
    }
    .carousel-item{
        padding: 0;
    }
    .text-uppercase{
        font-weight: 500;
        font-style: normal;
        display: flex;
        text-transform: none !important;
    }
    .sr-only{
        display: none;
    }
    .bayern-blue-c{
        background: var(--bs-primary);
    }
    .portal-side-links{
        display: flex;
    }
    .portal-side-links div > a{
        border-radius: 2em;
        display: flex;
        overflow: hidden;
    }
    .portal-side-links a i{
        margin-right: 1em;
    }
    .widget-menue-button{
        position: fixed;
        top: 25%;
        right: 0px;
        z-index: 9999;
        border: none;
        outline: none;
        background-color:var(--bs-primary);
        color: #fff;
        cursor: pointer;
        padding: 0;
        width: 58px;
        overflow: hidden !important;
        border-radius: 3px;
        position: fixed;
    }
    .widget-menue-button i{
        font-size: 30px;
    }
    .widget-menue-button a {
        font-size: 18px;
        background-color: var(--bs-primary);
        ;
        color: #fff;
        cursor: pointer;
        height: 54px;
        padding: 12px;
    }
    .widget-menue-button .widget-menue-text {
        display: none;
    }
    .card .icon-effect-card{
        width: 0;
        overflow: hidden;
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
        position: relative
    }
    .card:hover .icon-effect-card,  .card:focus-within .icon-effect-card{
        width: 1.8em;
        overflow: hidden;
    }
    .card img{
        display: flex;
    }
    .display-4{
        margin: .5em 0;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        content: var(--bs-breadcrumb-divider, "|");
        position: relative;
        top: -.1em;
    }
    ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mainContentBox li{
        display: flex;
        margin: .5em;
    }
    .mainContentBox li::before {
        content: "-";
        color: var(--bs-secondary);
        color: var(--gdo-green);
        width: 1em;
    }
    .mainContentBox a i{
        float: left;
        margin-right: .3em;
    }
    .mainContentBox a:hover{
        text-decoration: underline;
    }
    .btn-primary{
        --bs-btn-bg: var(--bs-primary);
        border-radius: 2em;
        padding: .5em 0.9em;
        font-weight: 600;
    }
    .btn-primary i{
        float: left;
        margin-right: .3em;
    }
    .btn-secondary {
        color: var(--bs-gray-800);
        background-color: var(--bs-gray-400);
        border-color: var(--bs-gray-400);
        border-radius: 2em;
        padding: .5em 0.9em;
        font-weight: 600;
    }
    .btn-secondary:hover , .btn-secondary:focus{
        background-color: var(--bs-gray-500);
        border-color: var(--bs-gray-500);
    }
    a.btn:hover{
        text-decoration: none;
    }
    .bayern-gray a{
        display: inline-block;
        margin: .5em 0;
    }
    .bayern-gray p a{
        margin: 0;
    }
    .bayern-gray a i{
        color: var(--bs-secondary);
        float: left;
        margin-right: .3em;
    }
    .gdo-produkte .card-body ul{
        display: none;
        position: absolute;
        box-shadow: 4px 15px 15px rgba(0, 0, 0, 0.2);
        z-index: 0
    }
    .gdo-produkte .card:hover , .gdo-produkte .card:focus-within {
        box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
        z-index: 100;
        height: auto;
        transform: scale(1.05);
        border-radius: 0em;
    }
    .gdo-produkte .card:hover .card-body ul,  .gdo-produkte .card:focus-within .card-body ul     {
        display: block;
        width: 100%;
        padding: 1em;
        background: #fff;
        border-radius: 0em;
    }
    .gdo-produkte .card:hover .card-body li, .gdo-produkte .card:focus-within .card-body li{
        background: var(--bs-secondary);
        color: #fff;
        display: flex;
    }
    .gdo-produkte .card:hover .card-body li a,  .gdo-produkte .card:focus-within .card-body li a{
        color: #fff;
        display: inline-block;
        width: 100%
    }
    .gdo-produkte .card .card-body li:hover, .gdo-produkte .card .card-body li:focus-within{
        background:  #088cc3;
    }
    .gdo-produkte .card .card-body li a i{
        color: #fff;
        float: left;
        margin-right: .3em;
    }
    .gdo-produkte .card .card-body li a .text-muted{
        color: #fff !important;
        opacity: 1 !important;
        position: absolute;
        right: .5em;
    }
    .gdo-produkte .card{
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    }
    .gdo-produkte .card-title{
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .gdo-produkte .card:hover .card-body .card-title,  .gdo-produkte .card:focus-within .card-body .card-title{
        margin-left: .5em;
    }
    .gdo-produkte .card-text{
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .gdo-produkte .card:hover .card-body .card-text,   .gdo-produkte .card:focus-within .card-body .card-text{
        margin-left: .5em;
    }
    .gdo-produkte .icon-effect-card{
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .gdo-produkte .card:hover .card-body .icon-effect-card,  .gdo-produkte .card:focus-within .card-body .icon-effect-card{
        margin-left: .5em;
    }
    .gdo-shop-button{
        background: var(--bs-secondary);
        color: var(--bs-white);
        border: none;
        border-radius: 2em;
        padding: .5em 0.9em !important;
        font-weight: 600;
        min-width: 9em;
    }
    .gdo-shop-button:hover{
        color:#fff;
    }
    .gdo-shop-button i{
        width: 1.5em;
        display: inline-block;
    }
    thead th{
        color: var(--bs-gray-700);
    }
    th{
        padding: .5em;
    }
    tbody{
        border: 0 !important;
    }
    tfoot{
        border-top: .1em solid var(--bs-gray-300)  !important;
    }
    .blockquote-footer {
        margin: 0;
        padding: 0;
        font-size: 0.8rem;
        color: var(--bs-gray-600);
        font-weight: normal;
    }
    code{
        color: var(--bs-gray-900);
        background:  var(--bs-gray-100);
        padding:.8em 1em;
        border-radius: 2em;
    }
    .table{
        border: 1px solid var(--bs-gray-200);
        background: #fcfcfc;
    }
    .table th{
        min-width: 50% !important;
        color: var(--bs-gray-600)  !important;
    }
    .table th, .table td{
        border: none !important;
        padding: .8em 1em;
    }
    .table > tbody > tr:nth-of-type(2n+1) {
        /*background: var(--gdo-old-blue-light);*/
    }
    .table > tbody > tr:nth-of-type(n+2) {
        border-top: 1px solid var(--bs-gray-200);
    }

    .infoBox{
        background:  var(--gdo-old-blue-light);
        padding: 1em;
        margin-bottom: 2em;
    }
    .infoBox h3{
        margin: 0;
    }
    .text-muted{
        color: var(--bs-gray-600)  !important;
    }
    .gdo-application-fullscreen .navbar{
        margin: 0;
        max-width: none;
    }
    .gdo-card-link{
        border: 0;
        margin: .5em;
        border: 1px solid var(--bs-gray-200) !important;
        transition: all var(--animation-duration-medium-open) var(--animation-easing-linea);
    }
    .gdo-card-link:hover, .gdo-card-link:focus{
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
        transform: scale(1.01);
    }
    .gdo-card-link i{
        border: 0;
        color:var(--gdo-old-blue);
        font-size: 4rem;
        margin: auto;
    }
    .gdo-card-link .col-md-3, .gdo-card-link .col-md-2{
        display: flex;
    }
    .gdo-konto .container{
        padding: 0
    }
    .gdo-wms-card .badge {
        position: absolute;
        right: 0px;
        padding: 6px;
        font-size: 14px;
        border-radius: 0 0 0 0;
        font-weight: 600;
        background: var(--bs-secondary) !important;
    }
    .badge-bayern-blue-c {
        color: #fff;
        background-color:var(--gdo-old-blue);
    }
    .gdo-info{
        padding: 1em 0em;
    }
    .gdo-info h2, .gdo-info h3{
        margin: .2em 0 .5em;
    }
    .list-group-flush > .list-group-item {
        border-style: dotted;
    }
    .gdo-user-dropdown{
        background: #fff;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    }
    .gdo-user-dropdown-button{
        position: absolute;
        top: .1em;
        right: 0;
        margin-top: .3em;
    }
    .gdo-user-dropdown-button button{
        background: transparent;
        border: none;
    }
    .dropdown-menu {
        background-color: #fff;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    }
    .dropdown-menu button{
        background: var(--bs-primary);
        margin-top: 1em;
    }
    .carousel-caption{
        position: absolute;
        left: 0;
        bottom: auto;
        top: 0;
        width: auto;
        background: var(--gdo-green);
        right: 0;
        color: #fff;
        width: auto;
        padding: 0;
        right: unset;
        border-radius: 0  0 25em 0;
    }
    .carousel-caption h1{
        color: #fff;
        width: auto;
        font-size: 1.7rem;
        padding: .5em 1.2em .5em 1em;
        margin: 0;
        font-weight: 600;
    }
    .bayern-gray-grad{
        background: var(--bs-gray-100);
    }
    .card a {
        display: flex;
    }
    .gdo-shop-button{
        display: flex;
    }
    .img-polaroid{
        margin: 0 1em 1em 0;
    }
    .float-left{
        float: left;
    }
    b, strong {
        font-weight: 600;
    }
    li > a {
        display: flex;
    }
    li > a > i{
        margin-right: .3em;
    }
    .navbar-light{
        background: var(--bs-gray-100);
    }
    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }
    .alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: .25rem;
        scroll-margin: 55px;
    }
    .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
        background: transparent;
        border: none;
        font-size: 1.2rem;
    }
    .btn-close{
        float: right;
    }
    .gdo-button-download:hover {
        background:  #690;
    }
    .gdo-button-delete:hover {
        background:#B40404;
    }
    .gdo-button-download {
        font-size: 2.5em;
        color: #fff;
        background: linear-gradient(to right, #690, #66C700);
        border-radius: 50%;
        padding: 10px;
    }
    .gdo-button-delete {
        font-size: 2.5em;
        color: #fff;
        background: linear-gradient(to right, #B40404, #DF0101);
        border-radius: 50%;
        padding: 10px;
    }

    .gdo-button-download-done {
        font-size: 2.5em;
        color: #fff;
        background: linear-gradient(to right, #A4A4A4, #BDBDBD);
        border-radius: 50%;
        padding: 10px;
    }

    .gdo-sub-nav{
        display: inline-block;
        margin-top:.5em;
    }
    .open-data{
        background: #2c8393 !important;
        background: var(--bs-secondary) !important;
        padding: .7em 1em .5em 1.5em;
        min-width: 13em;
        border-left: 2px dotted #fff;
    }
    .open-data:hover{
        color: #fff;
    }
    .header-staatswappen_text span{
        color: var(--bs-primary);
    }
    .skip-to-content-link {
        background: var(--bs-secondary);
        color: #fff;
        left: 1em;
        padding: .8em 1.2em;
        position: absolute;
        transform: translateY( -200%);
        transition: transform 0.3s;
        z-index: 100;
        font-size:1rem;
        text-decoration: none;
        margin:.8em 1em;
        font-weight: bold;
    }
    .skip-to-content-link:focus {
        transform: translateY(-100%);
    }
    .lead.text-muted{
        clear: left;
        margin-top: 4em;
    }
    iframe{
        height: 100%;
    }
    .card{
        border-radius: 0;
    }
    .gdo-shadow{
        padding: 1em;
        box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
    }
    .gdo-main-list ul li a{
        margin: .3em;
    }
    .gdo-open-data-icon{
        color: #fff;
        font-size: 1.5em;
        margin-top: .4em;
    }
    .gdo-main-list a{
        margin:.2em 0;
    }
    .gdo-main-list{
        width: 100%;
    }
    .custom-tooltip {
        font-size: 1.1em;
    }
    .warenkorb a {
        display: flex;
    }
    .warenkorb a i{
        margin-right: .5em;
    }
    .gdo-wms-card img{
        max-height: 14em;
        height: 14em;
        background: var(--bs-gray-400);
    }
    .gdo-card .card-img-top{
        max-height: 14em;
        height: 14em;
        background: var(--bs-gray-400);
    }
    .gdo-open-data-search-container{
        padding: 0 5em;
        display: flex;
    }
    .gdo-open-data-img{
        min-height: 14em;
        background: var(--bs-gray-100);
    }
    .gdo-open-data-search-clear{
        right: 0;
        border: 1px solid #ced4da;
        min-width: 2em;
    }
    .gdo-menu-widget-button:hover{
        color: #fff;
    }
    .tooltip-inner{
        max-width: 250px;
    }
    .card-title{
        border-bottom: 0;
        padding-bottom: 0;
    }
    section{
        margin-bottom: 1em;
    }
    .main-navbar-list i{
        display: none;
    }
    @media (max-width: 1200px){
        .gdo-navbar{
            flex-direction: column;
        }
        .gdo-main-menu-button{
            display: none;
        }
        .gdo-navbar-top{
            display: none;
        }
        .dropdown-menu{
            background: #fff !important;
        }
        .gdo-bestellen-mobile-menu {
            padding-left: 0;
            width: 100% !important;
            position: relative !important;
            top: 0;
        }
        .gdo-navbar {
            flex-direction: column-reverse;
        }
        .widget-menue-button{
            display: none;
        }
        .navbar-toggler{
            padding: 0;
            height: 2.5em;
            width: 3em;
            border-radius: 3em;
        }
        .main-navbar-list i{
            width: 2.5em;
            color: #fff;
            font-weight: bold;
            display: inline-block;
        }
        .bayern-logo{
            display: flex;
            position: absolute;
            margin-top: 0;
            transform: scale(.8);
            left: -1.5em;
            top: -0.5em;

        }
        .header-staatswappen_text{
            display: none;
        }
        .nav-wizard.nav-justified li .wizard-link {
            border-radius: 4px;
            margin-right: 0;
        }
        .nav-wizard.nav-justified li .wizard-link:before,
            .nav-wizard.nav-justified li .wizard-link:after {
            border: none !important;
        }
        .nav-item:before{
            content: '>';
            color: #fff;
            font-weight: bold;
            font-size: 1.7em;
            position: absolute;
            left: 1em;
            transform: scale(0.5,1);
        }
        .nav-item{
            margin-left: 4em;
            display: inline-block;
        }
        .header-staatswappen_logo{
            display: flex;
            transform: scale(.5);
            position: absolute;
            top: -1.8em;
            right: -1em;
        }
    }
    @media (max-width: 1200px){
        .gdo-main-menu-button{
            min-width: 4em;
        }
        .gdo-main-menu-button i{
            left: auto;
        }
        .header-staatswappen_text{
            display: none;
        }
    }


    .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
    }

    .alert-heading {
        color: inherit;
    }

    .alert-link {
        font-weight: 700;
    }

    .alert-dismissible {
        padding-right: 4rem;
    }

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

    .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
    }

    .alert-primary hr {
        border-top-color: #9fcdff;
    }

    .alert-primary .alert-link {
        color: #002752;
    }

    .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
    }

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }

    .alert-success {
        color: #155724;
        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

    .alert-info {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

    .alert-warning {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

    .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe;
    }

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

    .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
    }

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }
    .contrast-button, .fontsize-button{
        border: 0;
        background:var(--bs-gray-100);
        padding: 0 !important;
    }
    .contrast-button{
        border-right: 1px dotted var(--bs-gray-500);
    }
    .contrast-button:hover, .fontsize-button:hover{

        background:var(--bs-gray-200);
    }
    .contrast-button span , .fontsize-button span{
        display: inline-block;
        margin: .6em 1em;
        font-size: 1.1rem;
        color:var(--bs-gray-800);
    }
    .scale-font-size .fontsize-button span{
        color:#fff;
    }
    .highcontrast-theme .contrast-button span{
        color:#fff;
    }
    .highcontrast-theme{
        --bs-primary: rgb(0,0,0) !important;
        --bs-secondary: rgb(60,60,60) !important;
        --bs-primary-rgb: 0, 0, 0 !important;
        --bs-secondary-rgb: 60, 60, 60 !important;
        --bs-link-color: rgb(0, 0, 0) !important;
        --bs-btn-color: #fff;
        --bs-btn-bg: rgb(0,0,0) !important;
        --bs-btn-border-color:rgb(0,0,0) !important;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #254d7d;
        --bs-btn-hover-border-color: #234876;
        --bs-btn-focus-shadow-rgb: 76, 115, 163;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #234876;
        --bs-btn-active-border-color: #21446e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #2c5a93;
        --bs-btn-disabled-border-color: #2c5a93;

        --gdo-old-blue:var(--bs-secondary);
        --bs-link-hover-color:#000;
        --gdo-old-blue-light:#fff;
        --bs-warning:#black;
        --bs-secondary-light: #ebebeb;
        --text-danger: rgb(0,0,0);
        --bs-green:rgb(0,0,0);
    }

    .highcontrast-theme select option {
        background-color: #fff;
        color: black;
    }
    .highcontrast-theme input  {
        accent-color: rgb(0,0,0);
        appearance: auto;
    }
    .highcontrast-theme a{
        text-decoration: underline dotted !important;
        text-underline-offset: 4px;
    }
    .highcontrast-theme i{
        text-decoration: none !important;
        overflow: hidden;
    }
    
    .highcontrast-theme a:hover{
        text-decoration: underline !important;
    }
    
    .highcontrast-theme  option:checked,
    .highcontrast-theme  option:hover {
        background-color:  black;
        color: #fff;
    }
    
    
    .highcontrast-theme .accordion{
        --bs-accordion-active-color:rgb(0,0,0);
        --bs-accordion-active-bg: #ebebeb;
    }
    .pagination{
        --bs-pagination-active-bg: var(--bs-secondary);
        --bs-pagination-active-border-color: var(--bs-secondary);
    }

    .highcontrast-theme .infoBox{
        border: 1px solid var(--bs-gray-300);
    }
    .highcontrast-theme table{
        border: 1px solid var(--bs-gray-300);
    }
    .scale-font-size{
        font-size: 1.1rem;
    }
    .scale-font-size button.accordion-button{
        font-size: 1.1rem;
    }
    .icon-open-data{
        background: var(--bs-secondary);
    }
    .size-button {
        width:  2.55em;
        height: 2.55em;
        border: 0;
        background:var(--bs-gray-200);

    }
    .icon-scale-2 span{
        transform: scale(1.4);
    }
    .icon-scale-3 span{
        transform: scale(1.8);
    }
    .scale-2{
        zoom: 1.2;

        transform: scale(1.2);
        transform-origin: center top;

    }
    .container-fluid{
        transition:all .15s ease-in-out;
    }
    .nav-link {
        display: block;
        padding: 0.5rem 1rem;
        color: var(--bs-primary);
        text-decoration: none;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }
    .card-title{
        color: var(--bs-primary);
    }
    .highcontrast-theme .contrast-button{
        background: black;
    }
    .highcontrast-theme.font-size .fontsize-button{
        background: black;
    }
    .scale-font-size .fontsize-button{
        background: var(--bs-primary);
    }

    .gdo-wizzard-step {
        margin: 65px 0 0 0;
        padding: 0 15px 15px 15px;
        min-height: 400px;
    }
    .gdo-wizzard-step tfoot {
        border-top: .1em solid var(--bs-gray-200) !important;
    }

    .gdo-wizzard-card-label {
        position: relative;
        margin-left: 97px;
        display: block;
    }
    .gdo-wizzard-step li{
        display: flex;
        margin: .5em;
    }
    .gdo-wizzard-step li::before {
        content: "-";
        color: var(--gdo-green);
        width: 1em;
    }
    .gdo-wizzard-step .alert-danger li::before {
        content: "-";
        color: #721c24;
        width: 1em;
    }

    .gdo-wizzard-step h2{
        margin: 1em 0 .5em;
    }

    .gdo-wizzard-step .form-control{
        margin:0 0 1em 0;
    }

    .wicket42-wizard .done .wizard-link:hover span{
        color:#fff;
    }
    .wicket42-wizard .done .wizard-link span{
        color:var(--bs-primary);
    }
    .wicket42-wizard .active .wizard-link span{
        color:#fff;
    }
    .wicket42-wizard  .wizard-link span{
        color:var(--bs-gray-600);
    }

    .nav.wicket42-wizard li:first-child{
        margin-left:.5em;
    }
    .accordion-item h3 {
        font-size: 1.5em;
        margin: 1.5em 0 1em;
    }
    .accordion-item h4 {
        font-size: 1.2em;
        margin: 1.5em 0 1em;
    }
    .mainContentBox{
        min-height:13em;
    }
    .mainContentBox  {
        list-style: none;
        padding-left: 0;
    }
    .mainContentBox  li {
        padding-left: 1.5em;
        margin-bottom: 0.5em;
        position: relative;
    }
    .mainContentBox  li a{
        margin: 0 .3em 0;
    }

    .mainContentBox li::before {
        content: '';
        position: absolute;
        left: 0;
        top: .25em;
        width: 1em;
        height: 1em;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(102, 153, 0)' d='m 255.46619,9.245551 c 136.967,0 248,111.032999 248,247.999999 0,136.967 -111.033,248 -248,248 -136.967,0 -247.999998,-111.033 -247.999998,-248 0,-136.967 111.032998,-247.999999 247.999998,-247.999999 z m 85.314,236.685999 -102,-102 c -6.248,-6.248 -16.379,-6.248 -22.627,0 l -22.627,22.627 c -6.249,6.248 -6.249,16.379 0,22.628 l 68.058,68.059 -70.059,70.059 c -6.248,6.248 -6.248,16.379 0,22.628 l 22.627,22.627 c 6.248,6.248 16.379,6.248 22.627,0 l 104,-104 c 6.249,-6.249 6.249,-16.379 10e-4,-22.628 z' /></svg>");
    }
    .highcontrast-theme .mainContentBox li::before {
        background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(0, 0, 0)' d='m 255.46619,9.245551 c 136.967,0 248,111.032999 248,247.999999 0,136.967 -111.033,248 -248,248 -136.967,0 -247.999998,-111.033 -247.999998,-248 0,-136.967 111.032998,-247.999999 247.999998,-247.999999 z m 85.314,236.685999 -102,-102 c -6.248,-6.248 -16.379,-6.248 -22.627,0 l -22.627,22.627 c -6.249,6.248 -6.249,16.379 0,22.628 l 68.058,68.059 -70.059,70.059 c -6.248,6.248 -6.248,16.379 0,22.628 l 22.627,22.627 c 6.248,6.248 16.379,6.248 22.627,0 l 104,-104 c 6.249,-6.249 6.249,-16.379 10e-4,-22.628 z' /></svg>");
    }
    .mainContentBox table li::before {
        content: '';
        position: absolute;
        width: 0em;
        height: 0em;
        background-repeat: no-repeat;
        background-image: none;
    }
    .mainContentBox  table  li {
        padding-left: 0;
        margin-bottom: 0;
    }
    sup {
        top: .2em;
        margin-right: .3em;
    }

    .gdo-list li{
        padding-left: 1.5em;
        margin-bottom: 0.5em;
        position: relative;
    }
    .gdo-list li::before {
        content: '';
        position: absolute;
        left: 0;
        top: .25em;
        width: 1em;
        height: 1em;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(102, 153, 0)' d='m 255.46619,9.245551 c 136.967,0 248,111.032999 248,247.999999 0,136.967 -111.033,248 -248,248 -136.967,0 -247.999998,-111.033 -247.999998,-248 0,-136.967 111.032998,-247.999999 247.999998,-247.999999 z m 85.314,236.685999 -102,-102 c -6.248,-6.248 -16.379,-6.248 -22.627,0 l -22.627,22.627 c -6.249,6.248 -6.249,16.379 0,22.628 l 68.058,68.059 -70.059,70.059 c -6.248,6.248 -6.248,16.379 0,22.628 l 22.627,22.627 c 6.248,6.248 16.379,6.248 22.627,0 l 104,-104 c 6.249,-6.249 6.249,-16.379 10e-4,-22.628 z' /></svg>");
    }
    .highcontrast-theme .gdo-list li::before {
        background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(0, 0, 0)' d='m 255.46619,9.245551 c 136.967,0 248,111.032999 248,247.999999 0,136.967 -111.033,248 -248,248 -136.967,0 -247.999998,-111.033 -247.999998,-248 0,-136.967 111.032998,-247.999999 247.999998,-247.999999 z m 85.314,236.685999 -102,-102 c -6.248,-6.248 -16.379,-6.248 -22.627,0 l -22.627,22.627 c -6.249,6.248 -6.249,16.379 0,22.628 l 68.058,68.059 -70.059,70.059 c -6.248,6.248 -6.248,16.379 0,22.628 l 22.627,22.627 c 6.248,6.248 16.379,6.248 22.627,0 l 104,-104 c 6.249,-6.249 6.249,-16.379 10e-4,-22.628 z' /></svg>");
    }


    /*modul*/
    .toast-warning .btn-close{
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    }
    .toast-body{
        background: #fff;
    }
    .feedbackPanel li {
        margin-left:0;
        padding-left:0;
    }
    .feedbackPanel li::before {
        content: none;
        width: auto;
    }
    .gdo-modul-container-map select{
        border-radius: 0 !important;
        padding: .5em .8em !important;
        min-width: 13em;
        text-align: left;
        padding: .4em .8em !important;
    }
    .gdo-modul-map-step #projection{
        font-size: .8rem;
        border: 0;
    }
    .gdo-modul-container-map .card-header h4{
        font-size: 1.1rem;
        cursor: pointer !important;
        margin: .2em 0;
    }

    .gdo-modul-container-map .right-sidebar-panel .card-header h4 i{
        margin-right: .5em !important;
        top: -.3em;
        position: relative;
    }
    .toggle-map-menu-button{
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding: .5em 2em;
    }
    .gdo-modul-container-map .card{
        border: 0;
    }
    .gdo-modul-map-step .right-sidebar-panel, .gdo-modul-map-step .sidebar-left, .gdo-modul-map-step .navbar, .gdo-modul-map-step .alert, .gdo-modul-map-step .map-button button {
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
        box-shadow: 0px 3px 5px rgba(0,0,0,.2);
    }
    .gdo-modul-map-step .sidebar {
        z-index: 1032 !important;
    }

    .portal-loading-hint{
        margin-top:8em
    }
    .portal-loading-hint h4{
        margin: 1em;
    }

    .list-group-item.active, .list-group-item.active:hover {
        background-color: var(--bs-secondary) !important;
        border-color: var(--bs-secondary) !important;
        pointer-events: none !important;
        color: #fff !important;
    }

    .modal-header h5{
        margin:0;
    }


    .gdo-is-signed-in .gdo-signed-in-hide{
        display:none;
    }


    .gdo-modul-upload-help-button{
        background: var(--bs-secondary);
        width: 50px;
        height: 50px;
        border-radius: 42px;
        margin: 0;
    }
    .gdo-modul-upload-help-button span{
        color:#fff;
        font-size: 2.1em;
        position: relative;
        top: -8px;
        font-weight: bold;
    }
    .gdo-color-secondary{
        background: var(--bs-secondary);
    }

    .right-sidebar-panel{
        max-height: calc(100vh - 10em);
        overflow: auto;
    }
    .carousel {
        max-height: 325px;
        overflow: hidden;
    }
}