@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(./roboto-v20-latin-ext_latin_cyrillic-300.woff2) format("woff2"), url(./roboto-v20-latin-ext_latin_cyrillic-300.woff) format("woff")
}

/* Just some base styles not needed for example to function */
html {
    color: #343A3F;
    font-size: 1.125rem;
    font-family: "Roboto",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background-color: #FFFFFF;
}

body, form, li, p, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

.textrot {
    color: red;
}

.body_oben, .body_mitte, .body_unten {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

img {
    border: none;
}

p {
    font-size: 14px;
    margin: 0 0 1em 0;
}

input, select, textarea, th, td {
    font-size: 14px;
}

.header {
    width:99%;
    height:20px;
}

.durchfuehrung_garantiert_icon {
    color: #318551;
    cursor: pointer;
}



/* CSS Tree menu styles */
ol.tree {
    padding: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

.tree_li {
    position: relative;
    list-style: none;
}

    li input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 16px;
    }

        li input + label + ol > li {
            display: none;
        }

        li input + label::before {
            content: "\25B7";
            color: grey;
            margin-left: -15px;
            margin-right: 15px;
        }

        li input:checked + label::before {
            content: "\25B7";
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            margin-left: -15px;
            margin-right: 15px;
            display: inline-block;
        }

        li input:checked + label + ol > li {
            display: block;
        }

            li input:checked + label + ol > li:last-child {
                margin-bottom: 15px;
            }

    li label {
        cursor: pointer;
        display: block;
    }

.img_header_logo_links {
    width: 100%;
    height: auto;
}

.img_header_logo_rechts {
    width: 100%;
    height: auto;
}

.lbl_header_text {
    font-size: 200%;
}

.img_footer_logo_links {
    width: 100%;
    height: auto;
}

.img_footer_logo_rechts {
    width: 100%;
    height: auto;
}

.lbl_footer_text {
    font-size: 50%;
}

.navigationsbutton_li {
    margin: 5px;
}

.navigationsbutton {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    border: none;
}

.navigation_rahmen {
    background-color: #004C99;
    min-height: 25px;
    width: 100%;
    margin-bottom: 20px;
}

nav.topmenu {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
}

label.menu_icon {
    display: block;
    width: 30px;
    height: 20px;
    border-radius: 4px;
}

input#menu_icon {
    display: none
}

.menu_linie {
    position: absolute;
    left: 5px;
    height: 2px;
    width: 25px;
    background: #fff;
    border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;
}

    .menu_linie:nth-child(1) {
        top: 6px;
    }

    .menu_linie:nth-child(2) {
        top: 12px;
    }

    .menu_linie:nth-child(3) {
        top: 18px;
    }

#menu_icon:checked + .menu_icon .menu_linie:nth-child(1) {
    transform: translateY(6px) rotate(-45deg);
}

#menu_icon:checked + .menu_icon .menu_linie:nth-child(2) {
    opacity: 0;
}

#menu_icon:checked + .menu_icon .menu_linie:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
}

#menu_icon:checked + .menu_icon + nav.topmenu {
    max-height: 600px;
}


.treeview_themenbereich {
    background-color: #333333;
    color: #FFFFFF;
    text-align: left;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 30px;
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCCCCC;
}

.treeview_thema {
    background-color: #F8F8F8;
    color: #333333;
    text-align: left;
    cursor: pointer;
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCCCCC;
}

.treeview_themendetails {
    padding-left: 7px;
}

.treeview_themendetails_kopfbild {
    width: 100%;
}


.treeview_themendetails_bild, .anmeldung_details_bild {
    float: right;
    margin: 10px;
}

.treeview_themendetails_beschriftung {
    font-weight: bold;
    margin-top: 10px;
    margin-left: 7px;
    margin-bottom: 10px;
}

.treeview_themendetails_wert {
    margin-left: 7px;
}

.treeview_themendetails_bedarf_melden {
    width: 100%;
    clear: both;
}

.treeview_vedetails_rahmen, .treeview_vedetails_header_rahmen {
    display: table;
}

.treeview_vedetails_rahmen {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: auto;
    width: 98%;
}

.treeview_vedetails_header_rahmen {
    border: 1px solid #CCCCCC;
    width: 98%;
    float: left;
    clear: both;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    background-color: #EFEFEF;
    height: 30px;
    margin-top: 20px;
}

.treeview_vedetails_header_spalte {
    float: left;
    width: 120px;
    margin: 7px;
    font-weight: bold;
}

.treeview_vedetails_header_letzte_spalte {
    clear: right;
}

.treeview_vedetails {
    float: left;
    width: 120px;
    margin: 7px;
}

.treeview_vedetails_erste_spalte {
    clear: left;
}

.treeview_vedetails_letzte_spalte {
    clear: right;
}

.treeview_vedetails_ve_ampel_spalte {
    width: 50px;
}

.treeview_vedetails_ve_details_link_spalte {
    width: 80px;
}

.treeview_vedetails_ve_anmelden_link_spalte {
    width: 100px;
}

.treeview_vedetails_ve_details_link_spalte, .treeview_vedetails_ve_anmelden_link_spalte {
    padding-top: 8px;
    padding-bottom: 8px;
}

.treeview_vedetails_ve_details_link_header_spalte, .treeview_vedetails_ve_anmelden_link_header_spalte,
.treeview_vedetails_ve_ampel_header_spalte {
    display: none;
}

.wert_eingabe {
    border:0px;
    background-color: #EDF0F3;
    font-size: 14px;
    width: 240px;
    font-weight: bold;
    color: #B0BDC9;
    margin: 0px 0px 3px 0px;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 6px;
}

.wert_eingabe_checkbox {
    margin: 12px 12px 12px 12px;
}

textarea {
    height: 200px;
    width: 400px;
}


.ve_ampel_rot {
    border: none;
    border-radius: 20px;
    background-color: #ff0000;
    width: 20px;
    height: 20px;
}

.ve_ampel_gelb {
    border: none;
    border-radius: 20px;
    background-color: #ffd800;
    width: 20px;
    height: 20px;
}

.ve_ampel_gruen {
    border: none;
    border-radius: 20px;
    background-color: green;
    width: 20px;
    height: 20px;
}

.details_link, .anmelden_link, .button {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background-color: #004C99;
    color: #FFFFFF;
    padding: 8px 14px 8px 14px;
    border: none;
    border-radius: 3px; /* CSS3 */
}

    .details_link:hover, .anmelden_link:hover, .button:hover {
        text-decoration: none;
        background-color: #3370AD;
        color: #FFFFFF;
    }

.eingabe_element_rahmen, .system_buttonrahmen, .anmeldung_details_oben, .anmeldung_details_unten,
.anmeldung_mitte, .ve_details_rahmen, .details_buttons, .rasterzeile {
    clear: both;
}

.anmeldung_details_mitte {
    padding-left: 15px;
    padding-right: 15px;
}

.eingabe_element_zusatz_rahmen {
    width: 100%;
    display: table;
    padding-top: 15px;
    padding-bottom: 15px;
}

.eez_chk_rahmen {
    width: 50px;
    display: table-cell;
}

.eez_chk_text_rahmen {
    display: table-cell;
}

.details_buttons {
    padding-top: 20px;
    margin-left: 15px;
}

.beschriftung_rahmen {
    float: left;
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 140px;
    display: inline-block;
}

.filter_beschriftung_rahmen, .suche_beschriftung_rahmen {
    font-weight: bold;
    float: left;
    clear: both;
    width: 120px;
    padding-top: 8px;
    margin-left: 30px;
}

.suche_beschriftung_rahmen, .suche_eingabe_rahmen {
    margin-top: 15px;
    padding-top: 0px;
}

.filter_eingabe_rahmen, .suche_eingabe_rahmen {
    padding-left: 15px;
}

.eingabe_rahmen {
    float: left;
    margin-bottom: 5px;
    display: inline-block;
}

.chk_beschriftung_rahmen {
    clear: both;
    margin-bottom: 5px;
    width: 50px;
    display: table-cell;
}

.chk_eingabe_rahmen {
    margin-bottom: 5px;
    display: table-cell;
}

.beschriftung_ausgabe {
    font-weight: bold;
    color: #3c5b7b;
}

.rasterzelle {
    float: left;
}

.rasterzelle0 {
    margin-bottom: 20px;
}

.rasterzelle1, .rasterzelle3, .rasterzelle5, .rasterzelle7 {
    margin-right: 20px;
}

.ueberschrift_rasterzelle1_rahmen, .ueberschrift_rasterzelle2_rahmen, .ueberschrift_rasterzelle3_rahmen,
.ueberschrift_rasterzelle5_rahmen, .ueberschrift_rasterzelle6_rahmen {
    padding-bottom: 10px;
}

.ueberschrift_rasterzelle1, .ueberschrift_rasterzelle2, .ueberschrift_rasterzelle5, .ueberschrift_rasterzelle6 {
    font-weight: bold;
}

.anmeldung_oben, .login_oben {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.anmeldung_mitte, .anmeldung_buttons, .anmeldung_error, .anmeldung_erfolg, .login_mitte, .login_header {
    margin-left: 15px;
    margin-right: 15px;
}

.anmeldung_unten, .login_unten {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.anmeldung_error {
    padding-bottom: 20px;
}

.anmeldung_erfolg {
    padding-bottom: 20px;
}

.lbl_anmeldung_error {
    color: red;
}

.lbl_anmeldung_erfolg {
    color: green;
}

.level1 {
    font-size: 14px;
    background-color: #333333;
    color: #FFFFFF;
    padding: 8px 14px 8px 14px;
    margin-left: 14px;
    margin-right: 14px;
    border: none;
    border-radius: 3px;
}

    .level1:hover, .selected {
        color: #CCCCCC;
    }

.verwaltung_reiter_rahmen {
    display: table;
    padding: 15px;
}

.verwaltung_reiter_menu {
    display: table-cell;
    vertical-align: top;
    width: 800px;
}

-verwaltung_reiter_vorschau {
    display: table-cell;
    width: 800px;
}

.cph_verwaltung_reiter_vorschau {
    display: table-cell;
    padding-top: 20px;
    width: 800px !important;
}

.lst_felderpool {
    width: auto;
    height: 200px;
    margin: 15px;
}

.anmeldung_vorschau_buttonrahmen {
    clear: both;
    width: 100%;
    text-align: center;
}

.beschriftung_rahmen_verwaltung {
    width: 250px;
}

.chrono_ansicht_rahmen {
    margin-top: 10px;
    padding: 0px;
    width: 99%;
}

.chrono_ansicht_header_zeile {
    border-radius: 5px;
    width: 100%;
    float: left;
    clear: both;
    color: #3c5b7b;
    text-align:left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #EDF0F3;
    height: 40px;
}

.chrono_ansicht_zeile {
    border-radius: 5px;
    width: 100%;
    float: left;
    clear: both;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.chrono_ansicht_zeile_ueberschrift {
    margin: 5px;
}

.chrono_ansicht_spalte {
    float: left;
    width: 150px;
    margin: 5px;
    vertical-align: top;
}

.chrono_ansicht_header_spalte {
    float: left;
    width: 150px;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
}

.chrono_ansicht_zeile_alternierend {
    background-color: #ECEFF2;
}

.chrono_ansicht_monatsueberschrift {
    font-size: 24px;
    color: #333333;
    padding-top: 45px;
}

.chrono_ansicht_ve_details_link_spalte, .chrono_ansicht_ve_anmelden_link_spalte {
}

.chrono_ansicht_Ve_ersterTermin_header_spalte, .chrono_ansicht_Ve_ersterTermin_spalte {
}

.chrono_ansicht_Ve_Bezeichnung_header_spalte, .chrono_ansicht_Ve_Bezeichnung_spalte {
    width:500px;
}

.chrono_ansicht_ve_ampel_spalte, .chrono_ansicht_ve_ampel_header_spalte {
    width: 50px;
}

.chrono_ansicht_Ve_Teilnahmegebuehr_header_spalte, .chrono_ansicht_Ve_Teilnahmegebuehr_spalte {
    width:180px;
}

.chrono_ansicht_ve_details_link_spalte {
    width: 80px;
}

.chrono_ansicht_ve_anmelden_link_spalte {
    width: 100px;
}

.chrono_ansicht_ve_details_link_header_spalte, .chrono_ansicht_ve_anmelden_link_header_spalte {
    display: none;
}

.kartenansicht_kopf_ueberschrift {
    font-size: 32px;
    color: #333333;
    text-align: center;
}

.kartenansicht_kopf_freitext {
    text-align: center;
}

.kartenansicht_inhalt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.kartenansicht_inhalt_uberschrift {
    padding-top: 75px;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 24px;
    clear: both;
}

.kartenansicht_karte { /*float:left;*/
    width: 300px;
    height: 300px;
    margin: 20px;
}

.kartenansicht_karte_img {
    width: 100%;
    float: left;
    clear: both;
}

.kartenansicht_karte_url {
    border: none;
}

.kartenansicht_karte_titel {
    font-size: 20px;
    color: #636A6F;
    width: 288px;
    padding: 5px;
    padding-top: 10px;
    float: left;
    clear: both;
    text-align: center;
    min-height: 70px;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.kartenansicht_themendetails_rahmen {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #CCCCCC;
    max-width: 1200px;
}

.kartenansicht_themendetails_inhalt {
    margin: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.kartenansicht_themendetails_titel {
    color: #333333;
    font-size: 24px;
    margin-bottom: 20px;
}

.kartenansicht_themendetails_untertitel {
    color: #333333;
}

.kartenansicht_themendetails_feldbeschriftung {
    font-weight: bold;
    margin-top: 5px;
}

.kartenansicht_themendetails_feldinhalt {
    margin-bottom: 15px;
}


.kartenansicht_vedetails_rahmen {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.kartenansicht_vedetails_termine {
    margin-top: 10px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.kartenansicht_vedetails_zeile {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    float: left;
    clear: both;
    height: auto;
}

.kartenansicht_vedetails_header_zeile {
    border: 1px solid #CCCCCC;
    width: 100%;
    float: left;
    clear: both;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    background-color: #EFEFEF;
    height: 30px;
}

.kartenansicht_vedetails_spalte {
    float: left;
    width: 150px;
    margin: 5px;
    vertical-align: top;
}

.kartenansicht_vedetails_header_spalte {
    float: left;
    width: 150px;
    margin: 5px;
    vertical-align: top;
}

.kartenansicht_ve_details_link_spalte, .kartenansicht_ve_anmelden_link_spalte {
    padding-top: 8px;
    padding-bottom: 8px;
}

.kartenansicht_ve_ampel_spalte, .kartenansicht_ve_ampel_header_spalte {
    width: 50px;
}

.kartenansicht_ve_details_link_spalte {
    width: 80px;
}

.kartenansicht_ve_anmelden_link_spalte {
    width: 100px;
}

.kartenansicht_ve_details_link_header_spalte, kartenansicht_ve_anmelden_link_header_spalte {
    display: none;
}

.kartenansicht_kopf_bild {
    width: 100%;
}

#cph_body_mitte_lbl_beschriftung_Ve_Bezeichnung, #cph_body_oben_lbl_beschriftung_Ve_Bezeichnung {
    display: none;
}

#cph_body_mitte_lbl_ausgabe_Ve_Bezeichnung, #cph_body_oben_lbl_ausgabe_Ve_Bezeichnung, #cph_body_oben_lbl_login_ueberschrift,
#cph_body_oben_lbl_passwort_aendern_ueberschrift, #cph_body_oben_lbl_passwort_vergessen_ueberschrift {
    font-family: "Univia","Univia Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: bold;
    font-size: 150%;
    color: #3c5b7b;
}

#cph_body_mitte_lblanmeldung_text_oben {
    font-weight: bold;
    color: #3c5b7b;
}

.ueberschrift_rasterzelle1, .ueberschrift_rasterzelle2,
.ueberschrift_rasterzelle3, .ueberschrift_rasterzelle4 {
    font-weight: bold;
    color: #3c5b7b;
}

.ueberschrift_rasterzelle1_rahmen, .ueberschrift_rasterzelle2_rahmen, 
.ueberschrift_rasterzelle3_rahmen, .ueberschrift_rasterzelle4_rahmen {
    padding-bottom: 10px;
}

.ve_details_mitte {
    padding-left: 15px;
}

.zv_ueberschrift {
    font-size: 36px;
}

.zv_meldung {
}

.button_collapse_uncollapse {
    border: 1px solid #E1E1E1;
    background-color: white;
    color: grey;
    font-size: 150%;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    border-radius: 5px;
}

.bh_filter_allgemein_rahmen {
    display: inline-block;
    padding-left: 10px;
}

.bildungshistorie_pefi_details_rahmen {
    padding-left: 10px;
}

.bildungshistorie_rahmen {
    max-width: 1000px;
    padding: 10px;
    background-color: #F7F7F7;
    margin-bottom: 20px;
}

.bildungsbedarf_rahmen {
    max-width: 1000px;
    padding: 10px;
    background-color: #F7F7F7;
    margin-bottom: 20px;
}

.bildungshistorie_sortierung_rahmen, .bildungsbedarf_sortierung_rahmen {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 1000px;
    display: table;
    text-align: right;
}

.bh_filter_zelle1, .bh_filter_zelle2 {
    display: table-cell;
    text-align: left;
}

.bh_filter_zelle3 {
    display: table-cell;
    text-align: right;
}

.bildungshistorie_sortierung_zelle1, .bildungsbedarf_sortierung_zelle1 {
    display: table-cell;
    text-align: left;
}

.bildungshistorie_sortierung_zelle2, .bildungsbedarf_sortierung_zelle2 {
    display: table-cell;
    text-align: right;
}

#cph_body_mitte_lbl_bildungshistorie_sortierung, #cph_body_mitte_lbl_bildungsbedarf_sortierung,
#cph_body_mitte_lbl_bh_filter_personen, #cph_body_mitte_lbl_bh_filter_themenbereich, #cph_body_mitte_lbl_bh_filter_thema {
    padding-right: 15px;
}

#cph_body_mitte_lbl_bh_filter_themenbereich {
    padding-left: 10px;
}

.gvBildungshistorie_tabelle {
    min-width: 1000px;
}

.gvBildungshistorie_zeile_alternierend, .gvBildungsbedarf_zeile_alternierend {
    background-color: #E5E5E5;
}

#cph_body_mitte_gvBildungshistorie th, #cph_body_mitte_gvBildungsbedarf th {
    padding: 5px;
    background-color: #333333;
    color: #FFFFFF;
    text-align: left;
}


#cph_body_mitte_gvBildungshistorie td, #cph_body_mitte_gvBildungsbedarf td {
    padding: 5px;
}

.gvBildungsbedarf_tabelle {
    margin-top: 15px;
    min-width: 1000px;
}

/*Dashboard*/
.dashboard_ueberschrift_rahmen {
    padding-bottom: 20px;
}

.dashboard_ueberschrift, .dashboard_ve_details_ueberschrift {
    font-size: 24px;
    color: #333333;
}

.dashboard_ve_details_rahmen {
}

.dashboard_ve_details_header_zeile {
    border: 1px solid #CCCCCC;
    width: 100%;
    float: left;
    clear: both;
    color: #333333;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: bold;
    background-color: #EFEFEF;
    height: 30px;
}

.dashboard_ve_details_zeile {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    float: left;
    clear: both;
    height: auto;
}

.dashboard_ve_details_spalte {
    float: left;
    width: 150px;
    margin: 5px;
    vertical-align: top;
}

.dashboard_ve_details_header_spalte {
    float: left;
    width: 150px;
    margin: 5px;
    vertical-align: top;
}

.dashboard_ve_details_zeile_alternierend {
    background-color: #EFEFEF;
}

.dashboard_downloads_rahmen {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dashboard_downloads_ueberschrift {
    font-weight: bold;
    font-size: 125%;
}

.button_small {
    padding: 2px;
    cursor: pointer;
}

@media screen and (max-width:1330px) {
    .kartenansicht_themendetails_rahmen, .kartenansicht_vedetails_rahmen {
        width: 99%;
    }
}

@media screen and (max-width:950px) {
    .kartenansicht_ve_ampel_spalte, .treeview_vedetails_ve_ampel_spalte {
        clear: left;
    }

    .kartenansicht_Ve_Teilnahmegebuehr_spalte, .treeview_vedetails_Ve_Teilnahmegebuehr_spalte {
        clear: right;
    }
}


@media screen and (max-width:1230px) {
    .chrono_ansicht_Ve_Bezeichnung_spalte, .chrono_ansicht_Ve_Bezeichnung_header_spalte {
        width: 400px;
    }
}

@media screen and (max-width:1130px) {
    .chrono_ansicht_Ve_Bezeichnung_spalte, .chrono_ansicht_Ve_Bezeichnung_header_spalte {
        width: 300px;
    }
}

@media screen and (max-width:1020px) {
    .chrono_ansicht_ve_anmelden_link_spalte{
	float:right;
        width: 120px;
    }
    .chrono_ansicht_Ve_Teilnahmegebuehr_spalte {
        clear: right;
    }
}


@media screen and (min-width:690px) {
    label.menu_icon {
        display: none;
    }

    nav.topmenu {
        max-height: 600px;
    }

    .navigationsbutton_li {
        display: inline;
    }
}

@media screen and (max-width:710px) {
    .kartenansicht_vedetails_header_spalte, .chrono_ansicht_header_spalte,
    .treeview_vedetails_header_spalte {
        display: none;
    }

    .kartenansicht_vedetails_zeile {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
    }

    .chrono_ansicht_rahmen {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .kartenansicht_Ve_ve_datum_von_bis_spalte, .kartenansicht_ve_leiter_spalte,
    .kartenansicht_Ve_OrtOrt_spalte, .kartenansicht_Ve_Teilnahmegebuehr_spalte,
    .kartenansicht_ve_ampel_spalte, .kartenansicht_ve_details_link_spalte,
    .kartenansicht_ve_anmelden_link_spalte, .kartenansicht_Ve_ve_datum_von_bis_header_spalte,
    .chrono_ansicht_ve_leiter_spalte, .chrono_ansicht_Ve_Bezeichnung_spalte,
    .chrono_ansicht_Ve_OrtOrt_spalte, .chrono_ansicht_Ve_Teilnahmegebuehr_spalte,
    .chrono_ansicht_ve_ampel_spalte, .chrono_ansicht_ve_details_link_spalte,
    .chrono_ansicht_ve_anmelden_link_spalte, .chrono_ansicht_Ve_ve_datum_von_bis_header_spalte,
    .chrono_ansicht_zeile_ueberschrift, .chrono_ansicht_Ve_ersterTermin_spalte,
    .treeview_vedetails_Ve_ve_datum_von_bis_spalte, .treeview_vedetails_ve_leiter_spalte,
    .treeview_vedetails_Ve_OrtOrt_spalte, .treeview_vedetails_Ve_Teilnahmegebuehr_spalte,
    .treeview_vedetails_ve_ampel_spalte, .treeview_vedetails_ve_details_link_spalte,
    .treeview_vedetails_ve_anmelden_link_spalte, .treeview_vedetails_Ve_ve_datum_von_bis_header_spalte,
    .treeview_vedetails_zeile_ueberschrift {
        display: block;
        clear: both;
        width: 100%;
        text-align: center;
    }
	.chrono_ansicht_ve_anmelden_link_spalte{
		padding-bottom:15px;
	}
    .ve_ampel_gruen, .ve_ampel_gelb, .ve_ampel_rot {
        margin-left: auto;
        margin-right: auto;
    }
	
    .beschriftung_rahmen {
        width: 100%;
    }
}