@import url('national.css');

:root {
    --akr-text-color: rgb(56, 56, 56);

    --akr-footer-text-color: rgb(256, 256, 256);
    --akr-footer-background: #4394D1;
    --akr-footer-linkcolor: rgb(256, 256, 256);
    --akr-footer-hoverlinkcolor: #e6eef3;

    --akr-hoverlinkcolor: #4394D1;
    --akr-button-background: rgb(28, 28, 28);
}

body {
    font-family: National-Regular, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
    font-size: 22px;
    color: var(--akr-text-color);
}

div.pretty-buttons {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.convertforms.cf-success .cf-response {
    background-color: var(--akr-footer-background);
    display: block;
}

.fancybox__container {
  z-index: 11000 !important;
}

#sp-header {
    box-shadow: none;
}

.article-list .article {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    /*font-size: 1em;*/
}

a {
    color: var(--akr-text-color);
}

a:hover, a:focus, a:active {
    color: var(--akr-footer-background);
}

li.sp-menu-item.sp-has-child  {
  height: 100px; 
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 1.2rem;
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
   margin-top: 3px;
}


.content-row.first {
    padding-top: 10px;
}

.content-row {
    padding: 80px 0;
    border-bottom: 1px dotted var(--akr-text-color);
    display: flex;
    align-items: center;
}


.event_shortinfo .event_time, .event_shortinfo .event_location {
    /*font-size: 1.2rem;*/
}

.eventdetail_info .col a img{
    margin-top:7px;
}

ul.pricing, div.booking {
    padding-top: 30px;
}

.ev_navigation {
    display: none;
}


.address {
    padding-top: 8px;
}


.jevbootstrap img {
    max-width: 400px;
    object-fit: cover;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

.event-detail-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
}


.event-detail-grid-child {
    padding: 10px 10px 0 0;
}

.fab, .icon-joomla {
 /*   font-family: Font Awesome\ 5 Brands; */
    font-weight: 700;
    font-size: larger;
}

#sp-footer .convertforms {
    background: var(--akr-footer-background);
    margin-top: 14px;
}

#sp-footer, #sp-bottom {
    background: var(--akr-footer-background);
    color: var(--akr-footer-text-color);
}

#sp-footer a, #sp-bottom a {
    color: var(--akr-footer-text-color);
}

#sp-footer a:hover, #sp-bottom a:hover {
    color: var(--akr-footer-hoverlinkcolor);
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: var(--akr-hoverlinkcolor);
}



/*---------- logo ------------*/
#sp-logo.has-border {
    padding-right: 0;
}

/* -------- menu ------------*/
.sp-megamenu-parent {
    /*margin: 30px -15px 0 -15px;*/
}

.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
    font-size: 22px;
    font-family: National-Regular, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}


.sp-menuitem a:hover {
    color:  var(--akr-text-color);
}


#sp-main-body {
    padding: 20px 0
}



#sp-footer, div.acym_module_success {
    background: var(--akr-footer-background);
}

#sp-footer {
    font-size: 18px;
}

#sp-footer p {
    margin-bottom: 0.9rem;
}

div.acym_module_success {
    color:  var(--akr-text-color);
    border-top: 1px dotted  var(--akr-text-color);
    border-bottom: 1px dotted var(--akr-text-color);
    width: auto;
}

/* Startseite - Programmvorschau  */

.jevbootstrap .mod_events_latest_date {
    line-height: inherit;
    margin-top: 1px;
    vertical-align: inherit;
}

.jevbootstrap .mod_events_latest_content  {
    font-weight: bold;
    line-height: inherit;
    vertical-align: inherit;
}

.event_shortinfo > div {
    /*padding-top: 4px;*/
    /*padding-bottom: 4px;*/
}




/*.mod_events_latest {
    max-height: 350px;
    width: 250px;
    border: 2px solid black;
    margin-bottom: 10px;
}*/


/*.jevents-grid {
    display: grid;
    grid-template-columns: fit-content(250px) fit-content(250px);
    column-gap: 50px;
    row-gap: 50px;
    justify-items: center;
    justify-content: center;
}*/


div.jevents-grid a {
    color:  var(--akr-text-color);
}

.mod_events_latest_first, .mod_events_latest {
    padding: 4px 0;
    margin-bottom: 10px;
    text-align: left;
    min-width: 30%
}

.border-dotted {
    border-right: 1px dotted var(--akr-text-color);
}


/*
.jev_image1 {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px;
    max-width: 400px;
    transition: .5s ease;
    backface-visibility: hidden;
}

.jevbootstrap img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}*/

/*.middle {
    transition: .5s ease;
    opacity: 0;
    cursor: pointer;
    width:100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    padding-top:40%;
}*/

.mod_events_latest_first:hover .jev_image1 {
    opacity: 0.7;
    background-color: rgba(204, 204, 204, 0.46);
}

.mod_events_latest:hover .jev_image1 {
    opacity: 0.7;
    background-color: rgba(204, 204, 204, 0.46);
}

.mod_events_latest_first:hover .middle {

    opacity: 1;
}

.mod_events_latest:hover .middle {
    opacity: 1;
}


.eventdetail_media {
    display: grid;
    position: relative;
}

.eventdetail_media iframe {
    padding-top: 20px;
}

.eventdetail_desc {
    padding: 20px 0;
}

/* Footer  */

#sp-footer .container-inner {
    padding: 0;
    border-top: none;
}




#sp-footer ul.menu li {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
}


#sp-footer ul.menu {
    margin-top: 20px;
}


#sp-footer1 .address-section {
    margin-top: 15px;
    font-weight: 500;
}

.form-caption h1 {
    font-weight: 700;
}

.address-title {
    font-weight: 500;
    font-size: 22px;
}

/* --------------------------  */


/* Newsletteranmeldung  */

.newletter .convertforms{
    background-color: white;
}


.article-details .form-caption h1, #cf3 .form-caption h1{
    color: var(--akr-text-color);
}

#sp-footer2 .form-caption h1{
    color: white;
}


.button, .btn-primary, .sppb-btn-primary {
    background-color: var(--akr-button-background);
    color:  var(--akr-footer-text-color);
    padding: 10px;
    border-radius: 3px;
}

.btn_booking:hover, #jevents #jevents_body a:hover,  .eventgallery-back-button:hover  {
    color: white;
    background-color: var(--akr-button-background);
    opacity: .8;
}

.newletter-label {
    margin-bottom: 18px;
}

.acysubbuttons .button {
    font-size: 0.9rem;
}



#sp-footer #sp-footer2 {
    text-align: left;
}

.acym_module_form input {
    max-width: 100%;
    height: 2rem;
}



.contact-form{
    width:400px;
}


#sp-content {
    margin-top: 20px;
}

#sp-footer1, #sp-footer2, #sp-footer3   {
    flex: 1 0 0%;
}

/*------------ Programmliste see: modules/mod_jevents_latest/tmpl/programmuebersicht/latest.php ---------------*/

.jEventsColFlex.eventlist-left {
    text-align:center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}



.jEventsColFlex.eventlist-left .jEventsCategorySlug a {
    /*color: var(--akr-text-color);*/
}


.btn-container {
    margin-bottom: 10px;
}

.jEventsColFlex .btn_booking  {
    padding: 3px 10px;
    font-size: 1.2rem;
}

.btn_booking  {
    background-color:  var(--akr-footer-background);
    color: white;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 1.2rem;
}

.btn_back, .eventgallery-back-button {
    background-color: var(--akr-footer-background);
    color: white;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 1.2rem;
}

${eventDate(%Y%m%d%H%M)}

.eventlist {
    padding: 0 10px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
    flex-wrap: nowrap;
    justify-content: space-between;
}

.event-title, .eventdetail_title {
    /*font-weight: 700;*/
}

.jEventsFilterFlex {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

/*.jev_imagethumb1 {
    width: 150px;
    height: 150px;
    object-fit: cover;
}*/



#eventSearch {
    border-top: 1px dotted var(--akr-text-color);
    border-bottom: 1px dotted var(--akr-text-color);
    padding-bottom: 20px;
}





.bannersection {
    background: var(--akr-footer-background);
}

.bannersection .container {
    background: var(--akr-footer-background);
    width: 100%;
    height: 100%;
}

.mod-banners.bannergroup
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.banneritem {
    height: 40%;
    /*width: 40%;*/
    margin-right:40px;
}


.banneritem img {
    /*padding-right: 35px;*/
    /*width: 100%;*/
    /*height: auto;*/
}


/*hr.highlight.hide {
    display: none;
}

div.event_highlight:hover  + .hide {
    display: block;
    height:10px;
    padding: 0;
    opacity: 1;
}*/

div.event_highlight {
    /*min-height: 500px;*/
}

hr.highlight {
    height:5px;
    padding: 0;
    margin: 5px 0 30px 0;
    opacity: 1;
    color: white;
}

/*-------------- Category-Buttons --------------------*/

/*.jEventsCategoryFilterSlug.selected {
    padding: 3px 10px;
    border-radius: 20px;
    color: white;
    background-color: var(--akr-footer-background);
    cursor: pointer;
    margin: 2px;
    border: none;
}

.jEventsCategoryFilterSlug, .jEventsCategorySlug a  {
    cursor: pointer;
    margin: 4px;
    padding: 0 10px;
}*/

.jEventsCategoryFilterSlug {
    cursor: pointer;
    margin: 2px;
    border: 2px solid black;
    border-radius: 20px;
    padding: 3px 10px;
}

#jEventsCategoryFilterSlugContainer {
    display: flex;
    flex-wrap: wrap;
    color: var(--akr-text-color);
    font-size: 1.2rem;
}

/*.jEventsColFlex.eventlist {
    flex: 4;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
}*/


.jEventsGrid {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr 2fr;
    margin: 50px 0 0 0;
    /*max-height: 170px;*/
    width: auto;
}

.jEventsThumbnailContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.jEventsThumbnailContainer img {
    /*max-height: 167px;*/
    /*width: auto;*/
    float: right;
}

.btn_category {
    cursor: pointer;
    margin: 2px;
    border: 2px solid black;
    border-radius: 20px;
    color: var(--akr-text-color);
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
}

.jEventsCategorySlugContainer {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
}


.jEventsCategorySlug.btn_category{
    position: absolute;
    margin-bottom: 10px;

}

.event-class {
    opacity: 0.9;
}

.event_shortinfo .event_date, .event_shortinfo .event_location, .event_shortinfo .event_time, .event-date, .event-location {
    opacity: 0.7;
}

.event-location {
    padding-bottom: 10px;
}


.h2, h2 {
    font-size: calc(1rem + .9vw);
}


.jevents-grid {
    display: grid;
    grid-template-columns: fit-content(250px) fit-content(250px) fit-content(250px);
    column-gap: 50px;
    justify-items: center;
    justify-content: center;
}

@media only screen and (max-width: 400px) {
    body {
        font-size: 1.1rem;
    }
}


@media (min-width:1200px) {
    .jevents-grid {
        grid-template-columns: fit-content(250px) fit-content(250px) fit-content(250px) fit-content(250px);
    }
}

@media (max-width:1200px) {
    .jEventsColFlex {
        /*font-size: 16px;*/
    }

    h1 {
        /*font-size: 16px;*/
    }
    .jEventsThumbnailContainer img {
        max-height: 127px;
    }
}


@media(max-width:1000px) {
    .jEventsFilterFlex {
        display: block;
        margin: 10px 0px;
        padding: 10px 0px;
        border-bottom: 2px solid black;
    }

    .jEventsGrid {
        grid-template-columns: 1fr 6fr 2fr;
    }

    .jEventsCategorySlugContainer {
        display: none;
    }

    div.pretty-buttons {
        float: left;
        width: 100%;
    }
}

@media(max-width:700px) {
    .event-detail-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
}



@media (max-width:540px) {
    .jevents-grid {
        grid-template-columns: fit-content(250px);
    }
    .eventdetail_media {
        margin-top: 20px;
    }

    .jEventsGrid {
        grid-template-columns: 6fr 2fr;
    }
    .jEventsCategorySlugContainer, .jEventsColFlex.eventlist-left {
        display: none;
    }
    .jEventsCategorySlugContainer, .jEventsColFlex .btn_booking, .btn_booking, .btn_back, #jEventsCategoryFilterSlugContainer, .btn_category    {
        font-size: inherit;
    }
}

.jEventsCategoryFilterSlug:hover {
    /*background-color: attr(data-background)*/
}

.jEventsCategoryFilterSlug {

}

div.scrollto::before {
    display: block;
    content: " ";
    margin-top: -285px;
    height: 285px;
    visibility: hidden;
    pointer-events: none;
}

.eventdetail_media iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}


/*----- Event gallery -------*/

ul.eventgallery-categories-module  {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.eventgallery-categories-module a {
    cursor: pointer;
    margin: 2px;
    border: 2px solid black;
    border-radius: 20px;
    padding: 3px 10px;
}



.eventgallery-categories-module a::before {
    content: "#";
}

.eventlist-archiv {
   display: flex;
   align-items: center;
   margin-bottom: 1.4rem;
}

.eventlist-archiv .event-img{
   float:left; 
}

.eventlist-archiv .eventlist-date{  
   margin-right:3rem;
   margin-left:3rem;
}

.eventlist-archiv .event-title{
   
}

.article-list .article .featured-article-badge {
  display: none;
}