html,body
{
    /* font-family: 'Overlock', cursive; */
    line-height: 1.3;

}
p{
    font-size:16px;

}
h1,h2,h3,h4,h5,h6
{
    /* font-family: 'Courgette', cursive; */
    margin:10px 0;
    font-weight:700;
    color:rgb(27,54,110);
}
h1{font-size:24px}
h2{font-size:20px}
h3{font-size:18px;margin-bottom: 0px;}
h4{font-size:17px}
h5{font-size:16px}
h6{font-size:15px}

h3 + p
{
    margin-top:2px;
}


td p:only-child
{
    margin-top:0px;
    margin-bottom:0px;
}

#hauptmenu,#quicklinks,#kleinesmenu,#kopfbild
{

    /* font-family: 'Courgette', cursive; */
    font-size:16px;

}

#quicklinks
{
    margin-top:12px;
    margin-bottom:12px;
}
#quicklinks i.fa
{
    width:16px;
    color:rgb(50,0,0);
}
#inhalt
{


}
div#inhalt img
{
    max-width:100%;
    height:auto !important;
}

#fussleiste
{
    /* font-family: 'Courgette', cursive; */
    font-size:12px;
    color: #000 !important;
    background-color: #ffffff !important; /* #f6ad6e rgb(246, 173, 110) */
    margin:0px;
}

#fusstext
{
    margin:0px;
    font-size:12px;
}

div.katpunkt
{

}

div.katthumb
{
    /*
    width:60px;
    height:60px;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    position:relative;
    */
}

img.katimg
{
    width:100%;
    height:auto;
    position:absolute;
    left:50%;
    top:50px;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);

}

div.katcell
{
    /*
    height:60px;
    overflow:hidden;
    cursor:pointer;
    line-height:118%;
    */
    font-size:12px;
}

span.katcellh
{
    font-weight:bold;
    color:rgb(0,0,100);
    font-size:14px;
}

@media (min-width: 601px) {
    .m4-card {
        width: 32%
    }
}

@media (min-width: 993px) {
    .l4-card {
        width: 24%
    }
}

.w3-display-twothirds {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -66%);
    -ms-transform: translate(-50%, -66%)
}

.w3-display-threefourths {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%)
}

div.lehrer-fotospalte {
    width:150px;
    height:200px;
    overflow:hidden;
    text-align:center;
    position:relative;
    background-color: #cccccc;
}

img.lehrer-foto {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform: translate(-50%, -50%);
}


.w3-blick{
    color: #000 !important;
    background-color: #ffffff !important; /* rgb(246, 173, 110) */
}

.w3-hover-blick:hover {
    color: #000 !important;
    background-color: #ffc86e !important; /* rgb(255, 200, 110) */
}

hr {
    border:0;
    border-top:1px solid #000000;
    margin: 20px 0;
}

.w3-animate-opacity2 {
    animation: opac 1.5s
}

.w3-animate-left1 {
    position: relative;
    animation: animateleft 0.8s
}