/* ---------------------------------- device Slider "Willkommen"*/
@media (orientation: landscape) and (max-width: 900px), (orientation: portrait) and (max-width: 700px) {
    div#n2-ss-1 .n2-font-0288ae91c3d02f4829068fc61eb0cc0b-paragraph {
        font-size: 50px !important;
    }
}
/* ---------------------------------- Nur für Beitrag mit ID 3 "Vorstand" */
.article-id-3 main {
    margin: 0;
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
  
}
.article-id-3 figure {
    border-radius: 1em;
    box-shadow: 6px 6px 10px 0px;
    align-content: center;
    image-orientation: initial;
    border: 0.1em solid #e7e7e7;
    background-color: #0000000d;
    padding: 0.75em;
    margin: revert;
}
/* ---------------------------------- Nur für Beitrag mit ID 18 "Sprechstunde" */
.article-id-18 main {
    margin: 0;
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}
.article-id-18 figure {
    border-radius: 1em;
    align-content: center;
    image-orientation: initial;
    padding: 0.75em;
}

/* ---------------------------------- General Settings */
body {
    background-color: #eaedf0;
}

element.style {
    background-color: #0000ff;
    box-shadow: 0 2px 0 #0000ff;
    color: #f0e114;
}
.com-dpcalendar-timeline {
    position: relative;
    margin: 0rem !important;
    padding: 5px !important;
    background-color: aliceblue !important;
    border-radius: 0.5em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    padding-bottom: 0.1em !important;
}
.com-users-login.login {
  background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}
.main-top.card {
    box-shadow: none;
  background-color: white;
  border: none;
  margin: 0;
}
.main-top .card-body {
    padding: 0;
}
.card-body .n2-section-smartslider {
    outline-style: inset;
    outline-width: 2px;
    outline-color: grey;
}
/* ---------------------------------- Header */

header .grid-child img {
    margin-left: 1em;
    margin-top: 1em;
    height: min-content;
}
.brand-logo span {
    white-space: normal;
}
.container-header {
    /**background-color: #0000FF;**/
    background-image: linear-gradient(135deg, #0000FF 0%, #000000 100%);
    border-radius: 0 0 1em 1em;
    box-shadow: 6px 6px 10px 0px
}
.container-header .navbar-brand {
    padding-left: 0.5em;
}
.container-header .navbar-brand a{
    color: #f0e114;
    margin-inline-end: auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 2rem;
    display: inline-block;
    position: relative;  
}
.container-header .site-description {color: #f0e114;white-space: normal;font-size: 1rem;} 

/* ---------------------------------- Main */
.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    flex: 1;
    margin: 1em 0 0 0 ;
}
.container-component, .container-sidebar-left, .container-sidebar-right {
    padding: 1rem;
    background-color: #FFFFFF;
    border-radius: 1em;
    box-shadow: 6px 6px 10px 0px;
    margin-top: 1rem;
}
.container-component>*+* {
    margin-top: 0;
}
.form-search {
    padding: .5em 1em;
}
/* ---------------------------------- Back to top **/
.back-to-top-link {
    color: #0000ff;
    background-color: aliceblue;
    border: 1px solid #0000ff;
}
.back-to-top-link:active {
    color: #0000ff;
    background-color: #fffff;
    border: 1px solid #0000ff;
}
.back-to-top-link:hover, .back-to-top-link:focus{
    color: #fffffff;
    background-color: #0000ff;
    border-color: #ffffff;
}
/* ---------------------------------- Link */
a {
    color: #30638d;
    text-decoration: auto;
}
a:hover, a:focus {
    color: #0000ff;
    /**border-radius: 0.7em;
    background-color: aliceblue;
    box-shadow: 1px 1px 1px 1px #ced4da;
    padding: 0.3em;**/
}
a:active {
    color: #0000ff;
    /**text-decoration: underline;
    color: #ffffff;
    border-radius: 0.7em;
    background-color: #ccd6df;
    box-shadow: inset 1px 1px 1px 1px #000;
    padding: 0.3em;**/

}
a:after {
    color: #8c8cb3;
  
}
a:not([class]) {
    text-decoration: auto;
}
.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e7;
    --card-border-radius: 1em;
    --card-box-shadow: ;
    --card-inner-border-radius: .5em;
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: #0000FF;
/**    --card-cap-bg-img: #0000FF;**/
    --card-cap-color: #f0e114;
    --card-height: ;
    --card-color: ;
    --card-bg: #FFFFFF;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: 1em;
    box-shadow: 6px 6px 10px 0px;
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative;
}

.metismenu.mod-menu .metismenu-item>ul {
    box-shadow: 4px 4px 10px 0px #000000;
    border-radius: 1em;
}

/* ---------------------------------- DPCalendar */
.mod-dpcalendar-upcoming-default__event {
    background-color: aliceblue;
    border-radius: 0.5em;
}
.mod-dpcalendar-upcoming-default .dp-link {
    font-size: 2em;
}
.mod-dpcalendar-upcoming-default__date {
    margin-left: 4em;
}
.mod-dpcalendar-upcoming-default__description {
    margin-left: 4em;
}

/* ---------------------------------- Figures */
figure.left.item-image {
    margin-left: 15px;
    padding-right: 15px;
}
figure {
    margin: 0 0 0.5em;
}
figure.dp-figure {
    display: flex;
      justify-content: center;
}
figcaption {
    color: #000000;
    /* font-size: unset; */
    text-align: center;
    font-size: small;
}

/* ---------------------------------- Articles */  
.mod-articles-item-content {
    background-color: aliceblue;
    border-radius: 0.5em;
}
.mod-articles-item-content {
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}
.mod-articles-title {
    font-size: 2em;
    /**text-decoration: underline;**/
    color: #30638d;
}
.com-content-article.item-page {
    margin: 0;
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}

.com-content-category-blog__item.blog-item {
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}

main .js-finder-searchform {
    margin: 0;
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}
.result__item+.result__item {
    border-top: none;
}

/* ---------------------------------- List */
.mod-list li a {
    text-decoration: auto;
}
li.result__item {
    margin: 0;
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
}

/* ---------------------------------- Images */
div.com-content-category-blog__item.blog-item. img {
    /* float: none !important; */
/*    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    /* display: block; */
/*    margin: 0.7em auto 0.7em 0.4em;
/*    padding: 0px; */
/*    color: #30638d; */
      margin-right: auto;
/*    padding: 0px 15px 0px 0px; */
}
.abvb-bild-rechts img {
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    margin: 1em 0px 0.2em 0.5em;
    padding: 0px;
    color: #30638d;
}
.abvb-bild-links img {
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    margin: 1em 0.85em 0.2em 0px;
    padding: 0px;
    color: #30638d;
}

.abvb-bild-mitte img {
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    padding: 0px;
    color: #30638d;
}  

figure.left.item-image img {
    float: none !important;
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    display: block;
    margin: 1em 0.85em 0.85em 0px;
    padding: 0px;
    color: #30638d;
} 

/* ---------------------------------- Definition Button's */
.btn-danger, .btn-primary, .btn {
    background-color: #0000ff;
    border-color: #0000ff;
    color: #ffffff;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #5f5ff5;
    border-color: #5f5ff5;
      color: #ffffff;
}
.btn-danger:active, .btn-primary:active, .btn:active, .dp-button:active {
    background-color: #00008f !important;
    border-color: #00008f !important;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #5f5ff5;
    border-color: #5f5ff5;
    color: #ffffff;
}
.btn:hover, .btn:focus {
    background-color: #5f5ff5;
    border-color: #5f5ff5;
    color: #ffffff;
}
.dp-button {
  background-color: #0000ff !important;
    border-color: #0000ff !important;
    color: #ffffff !important;
}
.dp-button:hover, .dp-button:focus {
    background-color: #5f5ff5 !important;
    border-color: #5f5ff5 !important;
    color: #ffffff !important;
}
div#mod-custom124 {
    margin-right: 1em;
  margin-top: 1em;
}
/* ---------------------------------- Footer */
.footer {
    color: #f0e114;
/**    background-color: #0000FF; **/
    margin-top: 1em;
    background-image: linear-gradient(135deg, #0000FF 0%, #000000 100%);
    border-radius: 1em 1em 0 0 ;
    box-shadow: 6px 6px 10px 0px
}

/* ---------------------------------- Class-definition */
/* --figures */
.abvb-bild-rechts {
    margin-right: 15px;
    float: right;
    text-align: center;
}
.abvb-bild-links {
    margin-left: 15px;
    float: left;
    text-align: center;
}
.abvb-bild-mitte {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    display: table;
}

/* --table */
.tabletext {
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    display: block;
    margin: 1em 0px 0px 0px;
    padding: 10px;
    color: #30638d;
}

/* ---------------------------------- Temporär */
.float-bvb {
    float: none !important;
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    display: block;
    margin: 1em 0px 0px 0px;
    padding: 0px;
    color: #30638d;
}
.abvb-bild-umlauf {
    float: none !important;
    border-radius: 10px;
    box-shadow: 4px 4px 9px 0px;
    display: block;
    margin: 1em 0px 0.2em 0.5em;
    padding: 0px;
    color: #30638d;
}