/* 
    Created on : 27.06.2017, 11:46:32
    Author     : Peter Bieling
*/

@import url('https://fonts.googleapis.com/css?family=Gudea');


.outer-apo-container {
    font-family: 'Gudea', Arial, Helvetica, sans-serif;
    max-width: 900px;
    /* border:1px solid silver; */
    margin-top:50px;
    padding:15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.kontaktlink {
    font-weight:bold;
}


.outer-apo-container h1.apo-tabletitle {
    font-size:45px !important;
    font-weight:900 !important;
    color:rgb(39,58,106) !important; 
    background-color:white;
    padding:15px;
}

.apo-time {
    font-size:17px;
    position:relative;
    top:6px;
}

.apo-date-container {
    margin-bottom:20px;
}

.outer-apo-container .apo-headerrow {
    color:rgb(181,206,224);
    background-color: rgb(39,58,106);
    font-size:23px;
}
.apo-headerrow-date {
    padding-top:10px;
}
.outer-apo-container .apo-headerrow h2 {
    font-size:28px;
    padding-top:0px;
    margin-top:4px;
    font-weight: bold;
}


.outer-apo-container .apo-bodyrow {
    color: rgb(39,58,106); 
    background-color: rgb(181,206,224);
    font-size:16px;
    padding:15px 15px 15px 0;


}

.showmore {
    font-weight:bold;
    cursor:pointer;
    margin-left:10px;
}

.showless {
    font-weight: bold;
    cursor: pointer;
}

.anmeldetext {
    margin-top:20px;
}


@media only screen and (max-width : 768px) {

    .apoevent-div, .apo-bodyrow  {
        padding: 0 !important;
    }    

    .apoevent-div picture img {
        width:100%;
        padding-bottom:20px;
    }



    .outer-apo-container .apo-headerrow h2 {
        font-size:24px;

    }
    .apo-location {
        font-size:17px;
    }
    .outer-apo-container h1.apo-tabletitle {
        font-size:35px !important;
    }
    .outer-apo-container {
        padding:0px;
        box-shadow: none;
        margin-top:10px;
    }
    h1.mainheader {
        font-size:17px !important;
    }
    
    .apo-bodyrow {
        padding: 7px 0 5px 0 !important;
    }
}

@media only screen and (max-width : 480px) {


    .outer-apo-container .apo-headerrow h2 {
        font-size:18px;
    }
    .outer-apo-container h1.apo-tabletitle {
        font-size:24px !important;
    }
    
    .pager {
        padding-bottom:60px;
    }
    





}