/** übergreifend nutzbare Styledefinitionen */

h2 {margin: 1em 0;}
h3 {margin: 1em 0 0.5em 0;}

/* Floating */
.fl {float: left;}
.fr {float: right !important;}
.clear {clear: both;}

/* Alignment */
.center {text-align: center;}
.textRight {text-align: right;}
.textLeft {text-align: left;}

/* Texterscheinung */
.bold {font-weight: bold;}
.textColorValue {color: #004E8C;}

/* Messages */
.errorClass {color: red;}
.warningClass {color: yellow;}
.infoClass {color: blue;}

/* Buttons */
.btn {
    color: #FFF !important;
    text-shadow: -1px 0px #000;
    border-top: 1px solid #3486D5;
    border-right: none;
    border-bottom: 1px solid #1F5A9D;
    border-left: none;
    border-radius: 5px;
    box-shadow: 0px 1px 0px #3486D5, 0px -1px 0px #1F5A9D;
    cursor: pointer;
    width: 100%;
    background-color: #004E8C;
    height: 25px;
}
.btn:hover {
    background-color: #002142;
    border-color: #002142;
    box-shadow: 0px 1px 0px #002142, 0px -1px 0px #002142;
}
.btn:focus {
    background-color: #002142;
    border-color: #002142;
    box-shadow: 0px 1px 0px #002142, 0px -1px 0px #002142;
}
.btnArrowLeft {
    padding: 3px 8px 3px 22px;
    background: url("/BiPo/SchuleSuchen/jakarta.faces.resource/arrow_left.png.xhtml?ln=img") no-repeat scroll left center #004E8C;
}
.btnArrowRight {
    padding: 3px 22px 3px 8px;
    background: url("/BiPo/SchuleSuchen/jakarta.faces.resource/arrow_right.png.xhtml?ln=img") no-repeat scroll right center #004E8C;
}
.btnMenu {
    margin: 5px 0px;
    font-size: 0.9rem;
    height: 30px;
}

/* Hintergrundwechsel */
.column_odd {background-color: #DFE7F1;}
.column_even {background-color: white;}

.marginAuto {margin: 0 auto;}
.marginContainer {margin: 10px 0;}
.einrueck, .einrueck td {padding-left: 10px;}
.einrueck2, .einrueck2 td {padding-left: 17px;}

.shadow {box-shadow: 2px 2px 10px #717070;}

.padding5px{
    padding: 5px;
}

.margenTop5px{
    margin-top: 5px;
}

.margenTop10px{
    margin-top: 10px;
}

.margenTop20px{
    margin-top: 20px;
}

.margenTop30px{
     margin-top: 30px;
 }

.margenTop40px{
    margin-top: 40px;
}

.zweispaltige-liste ul {
    column-count: 2;         /* Anzahl der Spalten */
    column-gap: 2rem;        /* Abstand zwischen Spalten */
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.zweispaltige-liste li {
    break-inside: avoid;     /* verhindert, dass ein <li> gesplittet wird */
    padding: 0.3em 0;
}

@media (max-width: 600px) {
    .zweispaltige-liste ul {
        column-count: 1;
    }
}