.aktionTitle {
    font-size:22px;
    color:#1d81b6;
}

.line {
    width:100%;
    border-top:1px solid #ddd;
    margin-bottom:10px;
}

#aktion {
    text-align:justify;
}


.lightgrey-bg {
    background:#F5F5F5;
}

#share a, #share a:visited, #share a:active {
    color:#fff;
}

.aktionDatum {
    font-size:20px;
}

.blue-label {
    font-weight:bold;
    color:#1d81b6;
    width:120px;
    float:left;
}

.aktion-img {
    width:100%;
}

table {
    border:0;
}

td {
    padding-right: 5px;
    vertical-align: top;
}


/* Kalender */

.blue {
    color:#1d81b6;
}

.lightblue {
    color:#49ADE2;
}


#kalender {
    width: 660px;
	margin-left:auto;
	margin-right:auto;
	font-family:arial;
	text-align:center;
    border:1px solid #1d81b6;
    margin-bottom:30px;
    -webkit-box-shadow:2px 10px 10px rgba(0,0,0,0.5);
            box-shadow:2px 10px 10px rgba(0,0,0,0.5);
    font-size:12px;
}

#kalender_kopf .cal-button {
    float:left;
    width:30px;
    cursor:pointer;
}

#kalender_kopf .cal-month {
    float:left;
    width:270px;
}

#kalender_kopf {
	font-size:30px;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	padding-left:170px;
    background:#1d81b6;
}

#kalender_kopf a {
    color:#fff;
}

#kalender_kopf a:hover {
    color:#ddd;
}

.kalender_cell {
	font-size:25px;
	float:left;
	width:89px;
	height:45px;
	text-align:right;
	padding-top:5px;
	padding-right:6px;
}

.kalender_tag, .kalender_top {
	width:40px;float:right;
	text-align:center;
}

.kalender_top {
    font-size:28px;
    font-weight:bold;
}


.kalender_marker1, .kalender_marker2, .kalender_marker3, .kalender_marker1_grey, .kalender_marker2_grey, .kalender_marker3_grey { 
    background-size:100%;
    cursor:pointer;
}

.kalender_marker1 {background:url('../kalender/img/kalender_mark1.png');}
.kalender_marker2 {background:url('../kalender/img/kalender_mark2.png');}
.kalender_marker3 {background:url('../kalender/img/kalender_mark3.png');}
.kalender_marker1_grey {background:url('../kalender/img/kalender_mark1_grey.png');}
.kalender_marker2_grey {background:url('../kalender/img/kalender_mark2_grey.png');}
.kalender_marker3_grey {background:url('../kalender/img/kalender_mark3_grey.png');}

@media only screen and (max-width: 800px) {
    #kalender {
        width:330px;
    }
    #kalender_kopf {
        font-size:15px;
        padding-left:85px;
    }
    #kalender_kopf .cal-button {
        width:15px;
    }
    #kalender_kopf .cal-month {
        width:135px;
    }
    .kalender_cell {
	font-size:12px;
	float:left;
	width:44px;
	height:22px;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
    }  
    .kalender_tag, .kalender_top {
    	width:20px;
    }
    .kalender_top {
        font-size:14px;
    }
    .kalender_marker1, .kalender_marker2, .kalender_marker3,.kalender_marker1_grey, .kalender_marker2_grey, .kalender_marker3_grey  {
        background-size:46px;
    }
}


#kalender_preview {
    display:none;
    position:fixed;
    top:10px;
    left:10px;
    z-index:99;
    width: 250px;
    background:#fff;
    border:1px solid #1d81b6;
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
            box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    padding:5px;
    font-size:12px;
    color:#000;
    text-align:left;
}

/* Aktion Galerie */
.imageGallery .preview {
    width:200px;
    height:120px;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align:center;
}

.imageGallery .preview img {
    max-width:100%;
    max-height: 100%;
}

#navbarNav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

#navbarNav .nav-link {
    text-transform: uppercase;
}


/* Header Video */
.hero-section {
    height: auto;
}

.hero-section .bgvid {
    width: 100%;
    height: auto;
}