/*
    Individuelles Theme für SDI - Schule für Deutsch und Integration
    Created on : 10.09.2019, 09:22:05
    Author     : ma-kom agentur
*/

body{
    min-width:400px;
    background-color:#f7f9eb;
    background-image: url("../img/BG_Design.jpg");
    background-repeat:no-repeat;
    background-position: top left;
}

.site{
    max-width:1400px;
    margin:auto;
}

a {
    color:#406786;
}

a:hover{
    color:#548f43;
}

hr{
    border-top:2px solid rgba(0,0,0,.3);
}

header .navbar .navbar-nav{
    font-size:1.3em;
}

header .navbar .navbar-brand{
    margin-left:-20px;
}

header .navbar .navbar-brand img{
    max-width:120px;
}

header .navbar .navbar-brand-name{
    font-size:1.5em;
    color:#406786;
    position:absolute;
    top:18px;
    left:140px;
    line-height:1.3em;
}
header .navbar .navbar-brand-name .sub{
    color:#548f43;
    font-size:0.8em;
    line-height:0.8em;
}

header .navbar #navbarSupportedContent{
    margin-top:65px;
}

header .navbar .navbar-toggler{
    position:absolute;
    margin:0;
    top:15px;
    right:0;
}


ul.altnav, 
ul.socialmedianav{
    font-size:0.9em;
    padding:0;
    margin:0;
}

ul.socialmedianav{
    margin-top:30px;
}

ul.altnav li, 
ul.socialmedianav li{
    list-style-type: none;
    margin-left:0;
    padding-left:0;
}

ul.altnav li a, 
ul.socialmedianav li a{
    display:block;
    padding-top:4px;
    padding-bottom:4px;
}

.content h1{
    font-size:1.7em;
    margin-bottom:25px;
}

.content h2{
    font-size:1.5em;
}

.content h3{
    font-size:1.3em;
}

.content h4{
    font-size:1.1em;
}

.content table.showTable{
    padding:0;
}

.content table.showTable td{
    padding:.15rem;
}

.content table.showTable td.block{
    text-align:center;
    border:2px solid #FFF;
    background-color:#D1E2F2;
}

.content table.showTable td.between{
    text-align: center;
    color:#548f43;
}

footer{
    margin-top:20px;
    margin-bottom:50px;
}

.footerrow{
    margin-bottom:30px;
}

.infoBlock{
    padding:15px;
    color:#0056b3;
    font-size:0.9em;
    /*
    background-color:#C1DC94;
    margin-bottom:25px;
    */
}

.infoBlock table{
    font-size:1.0em;
}

/*
    BIG DESKTOP ONlY:
*/
@media (min-width: 1200px) {
    .content h1{
	max-width:75%;
    }
}

/*
    DESKTOP:
*/
@media (max-width: 1200px) {
 
    header .navbar .navbar-brand-name{
	font-size:1.4em;
    }
}

/*
    TABLET
*/
@media (max-width: 991px) {

    header .navbar .navbar-brand-name{
	font-size:1.2em;
    }
    
}

/*
    Toggle
*/
@media (max-width: 783px) {

    header .navbar .navbar-brand-name{
	font-size:1.1em;
	max-width:280px;
    }
    
}

/*
	SMARTPHONE
*/
@media only screen and (max-width: 479px) {
 
    
    header .navbar .navbar-brand-name{
	font-size:1.0em;
	max-width:125px;
    }
    
}