/* Individuelle Anpassungen und Ergänzungen bitte nur hier einfügen! */

body {/*background:#000;*/}

h1, h2, h3, h4, h5, h6 {/*font-weight:bold;*/}

a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input {}
.btn.eventbtn {}

a.btn.active { background-color:#0057A3; color:#fff; }


table {background-color:transparent;}
table tr {/*border-bottom:none;*/}
table th {background-color:#0057A3;border-bottom:none; border-right:1px solid #fff; color:#fff;}

::-webkit-input-placeholder {color:#000;opacity:1;}
::-moz-placeholder {color:#000;opacity:1;}
:-ms-input-placeholder {color:#000;opacity:1;}
:-moz-placeholder {color:#000;opacity:1;}

.einleitung {/*display:block !important;font-style:italic;margin-bottom:20px;*/}

.pagenav a {/*text-decoration:none;*/}

/* Datepicker */
.ui-datepicker {/*background-color:#fff;*/}
.ui-datepicker .ui-datepicker-header {/*background-color:#000;*/}
.ui-datepicker th {/*background-color:#000;border-top:1px solid #fff;*/}
.ui-datepicker-calendar td:hover a {/*background-color:#000;*/}
.ui-datepicker-calendar a.ui-state-active {/*color:#000;*/}

/* Volltextsuche */
.vt_anchor {/*text-decoration:none;color:#000;*/}

/* CS 05.03.2020 */
/* VOLLTEXTSUCHE - AUTOCOMPLETE */
.ui-helper-hidden-accessible {
    display: none;
}
.ui-widget {
    font-family: 'Open Sans', sans-serif; !important; /* FONTS INDIVIDUELL ANPASSEN */
    font-weight: 300;
    z-index: 1000;
}
.ui-widget.ui-widget-content.ui-autocomplete {
    width: 100% !important;
    max-width: 465px;
    overflow: auto;
    border: none !important;
    color: #080808 !important;
    background-color: #fff !important;
    padding: 15px 0;
    margin: 10px 0 0 0;
    /*-webkit-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);
    box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);*/
    filter: none;
}
/*.ui-menu .ui-menu-item {
    border-bottom: 1px solid #e5e5e5;
}*/
.ui-menu .ui-menu-item:hover {
    color: #fff;
    background: #0057A3 !important; /* FARBE INDIVIDUELL ANPASSEN */
    border: none !important;
    /*border-bottom: 1px solid #f0f0f0 !important;*/
}
.ui-menu .ui-menu-item-wrapper {
    padding: 5px 15px;
}
.ui-menu .ui-menu-item-wrapper:hover {
    color: #fff;
    background: #0057A3 !important; /* FARBE INDIVIDUELL ANPASSEN */
    border: none !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    color: #fff;
    background: #0057A3 !important; /* FARBE INDIVIDUELL ANPASSEN */
    font-weight: 400 !important;
}
ul.ui-autocomplete {
    list-style: none !important
}
.ui-datepicker-calendar a.ui-state-active {
    color: #fff;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-header a, .ui-datepicker-calendar a {
    text-decoration: none !important;
}


/* SOLR gruppiertes Suchergebnis mit Tabs */
.solr-moduletabs ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.solr-moduletabs li {
    display : inline;
}

.solr-search{
    margin-bottom: 30px;
}
.solr-search .toggler-link{
    padding: 19px 10px 19px 45px;
}
.solr-search .toggler-link:after{
    left: 15px !important;
    bottom: 15px !important;
    right: auto  !important;
    display: inline-block;
}
.solr-search label{
    color: #000;
    font-weight: 700;
}
.solr-search .toggler-container{
    background-color: #f4f4f4;
    padding: 15px;
    margin: 15px 0 0 0;
}
.solr-search #vt_suchform{
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.25);
}
.solr-count{
    background-color: #f1f6fa;
    padding: 20px;
    margin-bottom: 30px;
}
.solr-term{
    font-style: italic;
}
.solr-results .nav-tabs{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    float: left;
    list-style: none;
}
.solr-results .nav-tabs .ui-tabs-tab{
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;
    transition: color .2s, background-color .2s;
    border-bottom: none !important;
    background: none !important;
}
.solr-results .nav-tabs .ui-tabs-tab:last-child{
    box-shadow: none;
}
.solr-results .nav-tabs .ui-tabs-tab a{
    padding: 15px 10px;
    color: #474849;
    background-color: #e6e6e6;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    margin: 0 5px 5px 0;
    line-height: 1;
}
.solr-results .nav-tabs .ui-tabs-tab a small{
    font-weight: 300;
}
.solr-results .nav-tabs .ui-tabs-tab:hover a{
    background-color: rgba(0,0,0,.09) !important;
}
.solr-results .nav-tabs .ui-tabs-tab.ui-tabs-active a{
    color: #fff !important;
    background-color: #175592 !important;
    border-bottom: none;
}
.solr-results .row{
    padding: 0;
    margin: 0;
    display: inline-block;
    padding: 25px 0;
    border-bottom: 1px solid rgba(0,0,0,.25);
    width: 100%;
}
.solr-results .row:last-child{
    border-bottom: 2px solid #004C96;
}
.solr-results .information-list{
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.solr-results .liste-titel{
    margin: 0;
}
.solr-results .liste-titel .title{
    color: #474849;
    font-size: 1.125em;
    font-weight: 400;
}
.solr-results .solr_link{
    font-size: 0.875em;
}
.solr-results .solr_link a {
    display: inline-block;
    color: #336699;
}
.solr-results .bar{
    padding: 30px 0 15px 0;
}
.solr-results .bar .show-more{
    float: right;
    background-color: #336699;
    color: #fff;
    padding: 10px;
    font-size: 0.8em;
    line-height: 1;
    margin-top: -10px;
}

.top-news {
    background-color:#f3f3f3;
    margin-top:70px;
    padding-bottom:90px;
}
.top-news .slides {
    padding:10px 0; 
    margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.top-news .slides .top-slider-inner{
    background-color:#fff;
    box-shadow:0 0px 8px rgba(0,0,0,.25);
    height:100%;
}
.top-news .slides .caption {
    padding:35px;
    color:#1a1a1a;
}
.top-news .image .bg-img {
    padding-top:110%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.top-news .slides li {
    padding:0 10px;
}
.top-news .flex-viewport {
    width:100%;
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
}
.top-news .title {
    font-size:1.875em;
    color:#004493;
}
.top-news .teaser-text {
    margin:0;
}
/* Themenboxen */
.flex-col-2x3, .flex-col-4x5 {
	padding: 0;
	margin: 0 15px 30px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.flex-col-2x3 {
	-ms-flex-preferred-size: calc(66.666% - 30px); /* IE 10 */
	flex-basis: calc(66.666% - 30px);
	width: calc(66.666% - 30px);
}
.flex-col-4x5 {
	-ms-flex-preferred-size: calc(80% - 30px); /* IE 10 */
	flex-basis: calc(80% - 30px);
	width: calc(80% - 30px);
}
_:-ms-lang(x), _:-webkit-full-screen, .flex-col-4x5 {flex-basis:calc(79.999% - 6px);width:calc(79.999% - 6px);} /* Edge */

.flex-row.dist-sm {
	margin: 0 -3px;
}
.dist-sm .flex-col-1, .dist-sm .flex-col-2, .dist-sm .flex-col-2x3, .dist-sm .flex-col-3, .dist-sm .flex-col-4, .dist-sm .flex-col-4x5, .dist-sm .flex-col-5, .dist-sm .flex-col-6 {
	margin: 0 3px 6px;
}
.dist-sm .flex-col-2 {
	-ms-flex-preferred-size: calc(50% - 6px); /* IE 10 */
	flex-basis: calc(50% - 6px);
	width: calc(50% - 6px);
}
_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-2 {flex-basis:calc(49.999% - 6px);width:calc(49.999% - 6px);} /* Edge */
.dist-sm .flex-col-2x3 {
	-ms-flex-preferred-size: calc(66.666% - 6px); /* IE 10 */
	flex-basis: calc(66.666% - 6px);
	width: calc(66.666% - 6px);
}
.dist-sm .flex-col-3 {
	-ms-flex-preferred-size: calc(33.333% - 6px); /* IE 10 */
	flex-basis: calc(33.333% - 6px);
	width: calc(33.333% - 6px);
}
.dist-sm .flex-col-4 {
	-ms-flex-preferred-size: calc(25% - 6px); /* IE 10 */
	flex-basis: calc(25% - 6px);
	width: calc(25% - 6px);
}
_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-4 {flex-basis:calc(24.999% - 6px);width:calc(24.999% - 6px);} /* Edge */
.dist-sm .flex-col-4x5 {
	-ms-flex-preferred-size: calc(80% - 6px); /* IE 10 */
	flex-basis: calc(80% - 6px);
	width: calc(80% - 6px);
}
_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-4x5 {flex-basis:calc(79.999% - 6px);width:calc(79.999% - 6px);} /* Edge */
.dist-sm .flex-col-5 {
	-ms-flex-preferred-size: calc(20% - 6px); /* IE 10 */
	flex-basis: calc(20% - 6px);
	width: calc(20% - 6px);
}
_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-5 {flex-basis:calc(19.999% - 6px);width:calc(19.999% - 6px);} /* Edge */
.dist-sm .flex-col-6 {
	-ms-flex-preferred-size: calc(16.666% - 6px); /* IE 10 */
	flex-basis: calc(16.666% - 6px);
	width: calc(16.666% - 6px);
}
@media only screen and (max-width: 960px) {
	.dist-sm .flex-col-4 {
		-ms-flex-preferred-size: calc(50% - 6px); /* IE 10 */
		flex-basis: calc(50% - 6px);
		width: calc(50% - 6px);
	}
	_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-4 {flex-basis:calc(49.999% - 6px);width:calc(49.999% - 6px);} /* Edge */
	.dist-sm .flex-col-6 {
		-ms-flex-preferred-size: calc(33.333% - 6px); /* IE 10 */
		flex-basis: calc(33.333% - 6px);
		width: calc(33.333% - 6px);
	}
	.dist-sm .flex-col-md-3{
		-ms-flex-preferred-size: calc(33.333% - 6px); /* IE 10 */
		flex-basis: calc(33.333% - 6px);
		width: calc(33.333% - 6px);
	}	
	.dist-sm .flex-col-md-2{
		-ms-flex-preferred-size: calc(50% - 6px); /* IE 10 */
		flex-basis: calc(50% - 6px);
		width: calc(50% - 6px);
	}
	_:-ms-lang(x), _:-webkit-full-screen, .dist-sm .flex-col-md-2 {flex-basis:calc(49.999% - 6px);width:calc(49.999% - 6px);} /* Edge */
}
@media only screen and (max-width: 680px) {
	.flex-col-2x3,
	.flex-col-4x5,
	.dist-sm .flex-col-1,
	.dist-sm .flex-col-2,
	.dist-sm .flex-col-2x3,
	.dist-sm .flex-col-3,
	.dist-sm .flex-col-4,
	.dist-sm .flex-col-4x5,
	.dist-sm .flex-col-5,
	.dist-sm .flex-col-6 {
		-ms-flex-preferred-size: 100%; /* IE 10 */
		flex-basis: 100%;
		width: 100%;
	}
}

/* CS 16.07.2020 */
/* Zusatzmodul: Veranstaltungs- und Terminbuchung */
.booking-vacant,
.booking-short,
.booking-reserved,
.booking-expired {
    display: inline-block;
    padding: 5px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.booking-vacant, .booking-vacant a {
    background-color: #23aa23;
    color: #fff;
}
.booking-short, .booking-short a {
    background-color: #c88700;
    color: #fff;
}
.booking-reserved {
    background-color: #c20000;
    color: #fff;
}
.booking-expired {
    background-color: #bbb;
    color: #fff;
}
.flex-row.booking-list {
    margin-bottom: 0.25em;
}
.booking-list .flex-col-4 {
    margin-bottom: 0.5em;
}
.booking-list .list-title {
    margin: 0 0 0.25em;
}
.booking-list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.booking-list li {
    margin-bottom: 0;
}
.booking-list a {
    margin: 5px 0 5px;
    width: 100%;
}
.booking-form table {
    border-collapse: collapse;
    width: 100%;
}
.booking-form tr:nth-child(even) {
    background-color: #eee;
}
.booking-form th, .booking-form td {
    padding: 5px 15px;
}
.booking-form th {
    vertical-align: bottom;
    font-weight: bold;
    text-align: left;
}
.booking-form td {
    vertical-align: middle;
}
.booking-form table input, .booking-form table select {
    margin-bottom: 0;
}
.booking-form .ikiss-mailform-req-marker {
    color: #b00000;
    cursor: help;
    padding: 0 3px;
    position: absolute;
}
.booking-form input[type="checkbox"] + label {
    display: inline;
}
@media screen and (max-width: 680px) {
    .booking-form th, .booking-form td {
        padding: 5px 5px;
        font-size: 0.875em;
    }
    .booking-form .booking-vacant,
    .booking-form .booking-short,
    .booking-form .booking-reserved {
        padding: 5px 7.5px;
    }
}

/* CS 16.07.2020 - Mitglieder-Startseite Veranstaltungen */
.flex-col-2.flex-col-md-1.member_start a {
    color: #404040;
}
.flex-col-2.flex-col-md-1.member_start, .rundschreiben.flex-col-1, .rundschreiben.flex-col-2 {
    color: #404040;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,.25);
    margin-bottom: 15px;
}

/* CS 16.07.2020 - gelesen / ungelesen */
.ungelesen {
    background-color: red;
    color: #fff;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
}

/* CS 17.07.2020 - Mitglieder-Startseite Rundschreiben */
.kat_rundschreiben {
    background-color: #0057A3;
    color: #fff;
    padding: 2px 5px;
    font-size: 0.9em;
    font-weight: bold;
}
.rundschreiben.flex-col-1 a, .rundschreiben.flex-col-2 a {
    color: #404040;
    text-decoration: none;
}

/* CS 20.07.2020 */
/* Organigramm */

/* RESET */.org-chart p {margin: 0;padding: 0;}/* RESET */

.org-chart {
    font-size: 1rem;
    padding: 15px;
    overflow-wrap: break-word; /* Chrome */
    word-wrap: break-word; /* Chrome */
}
.org-chart__box {
    text-align: center;
    /*background-color: #fff;*/
    color: white;
    border-radius: 0.5rem;
    transition: transform .2s;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.org-chart__box a {
    padding: 0.5rem;
    text-decoration: none !important;
}
.org-chart__box:hover {
    -webkit-box-shadow: 0 5px 15px #000;
    -moz-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
@media screen and (min-width: 681px){
    .org-chart > .row + .row {
        margin-top: 1rem;
    }
    .org-chart [class^=column]:not(:last-of-type) {
        padding-right: 1rem;
    }
    .org-chart__box + .org-chart__box {
        margin-top: 0.5rem;
    }
}
@media screen and (max-width: 681px){
    .org-chart__box {
        margin-bottom: 0.5rem;
    }
    .org-chart__level-1 {
        display: flex;
        flex-direction: column;
    }
    .org-chart__level-1 div:nth-child(1) {
        order: 1;
    }
    .org-chart__level-1 div:nth-child(2) {
        order: 0;
    }
    .org-chart__level-1 div:nth-child(3) {
        order: 2;
    }
}
.org-chart__box--level-1-primary, .org-chart__box--level-2-primary, .org-chart__box--level-4-primary {
    color: blue;
    border: 2px solid currentColor;
}
.org-chart__box--level-1-secondary, .org-chart__box--level-2-secondar, .org-chart__box--level-4-secondary {
    color: green;
    border: 2px solid currentColor;
}

/* CS 21.07.2020 - persönliche Austaschplattform */
li.austauschptf {
    font-weight: 700;
}
.austauschptf a {
    color: #404040;
}
.link-list .austauschptf a::before {
    content: none;
}
.austauschptf .accordion-title {
    font-size: 0.95em;
}

/* CS 21.07.2020 Legende Profil ND Benutzertregistrierung */
.modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 200;
}
.modal-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    display: none;
}
.modal-inner {
    z-index: 200;
    background-color: #fff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    width: 70%;
    margin-top: 250px;
}
.modal-container.show {
    display: block;
}
.modal-inner .close {
    float: right;
    font-size: 1.25em;
    cursor: pointer;
    color: #0057A3;
}
.show-button {
    display: none;
}

/* CS 27.07.2020 - Alle Termine exportieren */
.veranstaltungen .result-list > li > a {
    display: inline;
}

/* CS 29.07.2020 - Karte */
a.leaflet-control-zoom-in, a.leaflet-control-zoom-out {
    text-decoration: none !important;
}

/* Passwort anzeigen */
.password-container {
	position: relative;
}
.password-icon {
	position: absolute;
	right: 11px;
	top: 8px;
	cursor: pointer;
}
.password-icon i {
	vertical-align: middle!important;
	margin-right: 0!important;
	color: currentColor;
}

/* CS 03.12.2020 - Profilbild */
.user_pic {
    width:25%;
}


@media screen and (min-width: 961px){
 
    
    
}

@media screen and (min-width: 681px){
 
    
    
}

@media screen and (max-width: 960px){
 
    
    
}

@media screen and (max-width: 680px){
 
    
    
}