/*wenn vorhanden - custom fonts integrieren*/
@import url(../../client/source/resource/customfonts/anmeldung_customfonts.css);
body {
    color:#004231;
    font-family: 'mvg-atkinsonhyperlegiblenext-regular-webfont';
}
div.header {
    color:#fff;
    margin: 0 -20px 0 -20px;
    padding:0;
    background-color: #004231;
}
.container {
    padding-top:30px;
}
h1 {
    margin:20px 0 0 0;
    font-family: 'mvg-atkinsonhyperlegiblenext-bold-webfont';
}
h2 {
    padding-bottom:20px;
    margin:0 20px 30px 20px;
    border-bottom:1px solid #DDB17C;
    font-family: 'mvg-atkinsonhyperlegiblenext-bold-webfont';
}
ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
li {
    margin-bottom: 10px;
}
table {
    width:100%;
}
td {
    text-align: center;
    padding:0 10px 0 0;
}
td.rechts {
    border-left:1px solid #DDB17C!important;
    padding-left:10px;
}
/*Kacheln*/
.kacheln {
    margin-bottom:20px;
}
.nlink {
    border: 1px solid #fff;
    background-color: #316B63;
    color:#DDB17C;
    height: 360px; /*33vh;*/
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding:25px;
}
.nlink a {
   text-decoration:none;
    color:#DDB17C;
}
.nlink a:hover {
    text-decoration:none;
    color:#DAD6CE;
}
.nlink:hover{
    background-color: #004231;
    color:#DAD6CE;
}
.abgelaufen, .abgelaufen:hover {
    background-color: #A9C5CE;
    color:#DAD6CE;
}
.abgelaufen h2 {
    border-bottom:1px solid #DAD6CE;
}
a.ausverkauft{
    cursor: not-allowed;
    color:#dc3545!important;
}
a.vergangen, a.nichtBuchbar{
    cursor: not-allowed;
}

a.ausverkauft:hover {
    color:#dc3545!important;
    cursor: not-allowed;
}
.abgelaufen td.rechts {
    border-left:1px solid #DAD6CE!important;
}
p.buchbarAb {
    color:#dc3545!important;
    font-weight:bold;
    margin-top:-10px!important;
}
/*Footer*/
div.footer {
    margin: 0 -20px 0 -20px;
    padding:0;
    font-size:0.8em;
    background-color: #004231;
}
div.footer p {
    margin-bottom:0;
    text-align: center!important;
    background-color: #fff;
}
.footer p a {
    text-decoration: none;
    color:#004231;
    font-size: 1.1em;
    margin:10px;
}

/*Modals*/

/*Mediaquerys */
/* Smartphone Portrait */
@media (max-width: 480px) and (orientation: portrait) {
    .nlink {
        height: 490px; /*55vh;*/
        padding:10px;
        padding-top:25px;
        margin-bottom:10px;
    }
}

/* Smartphone Landscape */
@media (max-width: 900px) and (orientation: landscape) {
    .nlink {
        height: 490px; /*80vh;*/
        padding:10px;
        padding-top:25px;
        margin-bottom:10px;
    }
}

/* Tablet Portrait */
@media (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
    .nlink {
        height: 490px; /*55vh;*/
        padding:10px;
        padding-top:25px;
        margin-bottom:10px;
    }
}

/* Tablet Landscape */
@media (min-width: 900px) and (max-width: 1500px) and (orientation: landscape) {
    .nlink {
        height: 490px;
        padding:10px;
        padding-top:25px;
    }
}
/*kleine Montore */
@media (min-width: 900px) and (max-width: 1500px) and (orientation: portrait) {
    .nlink {
        height: 490px;
        padding:10px;
        padding-top:25px;
    }
}