:root {
    --gzrot:#DD232C;
    --gzdklgrau:#4A3F3B;
    --gzgrau:#E9E5E4;
    font-family: Roboto, sans-serif;
    font-size:16px;
    color:black;
    padding:0;
    margin:0;
}

body {
    padding:0;
    margin:auto;
    background-color: #fff;
    width: 100%;
    text-align: center;
}


@font-face {
    font-family: Georgia;
    src: url(../Fonts/georgiab.ttf);
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url(../Fonts/robotoregular.ttf);
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: Robotobold;
    src: url(../Fonts/robotobold.ttf);
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: RobotoCondensedBold;
    src: url(../Fonts/robotocondensedbold.ttf);
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: Georgiaitalic;
    src: url(../Fonts/georgiai.ttf);
    font-style: normal;
    font-weight: italic;
}


.desktop {
    display:none;
}

.mobile {
    display:block;
}

.lihelp {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(50% - 1px);
    z-index:1100;
}

.lihelpli {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(40% - 1px);
    z-index:1100;
}

.lihelpre {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(60% - 1px);
    z-index:1100;
}
.lihelpli1 {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(35% - 1px);
    z-index:1100;
}

.lihelpre1 {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(65% - 1px);
    z-index:1100;
}
.lihelpli2 {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(10% - 1px);
    z-index:1100;
}

.lihelpre2 {
    width:2px;
    height:100%;
    background:blue;
    position: absolute;
    left:calc(90% - 1px);
    z-index:1100;
}

@media (min-width:1221px) {
    .mobile {
        display:none;
    }

    .desktop {
        display:block;
    }
}


.breadcrumbbottom {
    display:flex;
    justify-content:flex-end;
    list-style-type: none;
    padding: 6px 22px 0 0;
    font-size:0.75rem;
    letter-spacing: 0.12px;
    text-transform: uppercase;
}

.breadcrumbbottom li {
    margin-left:5px;
}

.breadcrumbbottom li:nth-child(2)::before {
    content: " / ";

}
.breadcrumbbottom li:nth-child(3)::before {
    content: " | ";

}

.cc-window {
    background: color-mix(in srgb, var(--gzdklgrau) 80%, transparent);
    color:white;

}

.cc-window .cc-allow-all {
    background:var(--gzrot);
}

.cc-window .powered-by {
    display:none;
    margin:auto;
}

.cc-bottom-right {
    bottom:20px !important;
    right:20px !important;
}

.mejs__overlay-button {
    border:none;
}


.a11y-me-col-video ul {
    list-style-type:none;
    text-align:left;
    padding:10px 0 0 10px;
    margin:0;
}

.a11y-me-col-video ul li {
    text-align:left;
}

 .aba-video-container {
        width: calc(100%) !important;
        height:auto;
        margin:0 !important;
        padding:0 0 1rem 0;

    }

.aba-video-container, .a11y-me-row, .a11y-me-col-lg-12 {
    padding:0 !important;
    margin:0 !important;
}


.mejs__icon-overlay-play {
    max-width:80px;
}

.mejs__icon-fullscreen, .mejs__icon-captions, .mejs__icon-mute {
    max-width:50px;
}

.dp--overlay {
    min-height:200px;
}

.db--overlay-submit {
    background-color:var(--gzrot);
}

@media (min-width:1024px) {
    .aba-video-container {
        width: calc(100%) !important;
        height:auto;
        margin:unset !important;
        padding-bottom:1rem;
    }
}


.page-33 .frame-type-menu_sitemap, .page-33 .frame-type-menu_subpages {
    text-align:left;
}

.page-33 .frame-type-menu_sitemap ul, .page-33 .frame-type-menu_subpages ul {
    padding:0;
    margin:0;
    font-weight: normal;
    letter-spacing:0.1em;
    list-style-position: inside;
}

.page-33 .frame-type-menu_subpages ul {
    padding-bottom: 30px;
}

.page-33 .frame-type-menu_sitemap ul li, .page-33 .frame-type-menu_subpages ul li {
    padding:10px;
}

.page-33 .frame-type-menu_sitemap ul li a, .page-33 .frame-type-menu_subpages ul li a {
    color:black;

}

.page-33 .frame-type-menu_sitemap ul li ul, .page-33 .frame-type-menu_subpages ul li ul {
    padding:10px 0 0 0;
    list-style-position: inside;
}

@media (max-width:1024px) {
    header h1 {
        text-align:center !important;

    }

    main .frame-type-header {
        padding-left:0px !important;
    }
}

@media (max-width:420px) {
    .breadcrumbbottom {
        font-size:0.6rem;
    }
}

@media (max-width:360px) {
    .breadcrumbbottom {
        font-size:0.5rem;
    }
}