/*
----------------------------------------------------------------------------------
 CSS Für die Übersichtsseite Events Seite
*/
@font-face { font-family: 'ErnstAndEmily';
    src: url('/wp-content/themes/swnx2/assets/font/4a5eb334-0c4f-440b-9795-5feed90a3831.woff2')  format('woff2'),
    url('/wp-content/themes/swnx2/assets/font/76f08cfe-2c14-438a-b1b7-b9967125a68c.woff')  format('woff'); }


select:focus {
    outline: none;
}

.top_events_container .top_events_imagebox {
    text-align: right;
    margin-top: -100px;
    margin-bottom: 40px;
}

.top_events_container .top_events_imagebox img {
    width: 80px;
    transform: rotate(-20deg);

}

.top_events_container .top_events_textbox {
    position: relative;
    background: #fff;
    padding: 15px 25px;
}

.top_events_container .top_events_story {
    position: absolute;
    top: -30px;
    padding: 5px;
    background: #F06400;
    color: #fff;
    left: 20px;
    text-transform: uppercase;
    z-index: 15;
}

.top_events_container .top_events_textbox:hover .top_events_textbox-arrows {
    /*animation: elementPulseDown;*/
    /* referring directly to the animation's @keyframe declaration */
    /*animation-duration: 2.2s;*/
    /* don't forget to set a duration! */
    /*animation-iteration-count: infinite;*/
    /*animation-delay: 1s;*/

    width: 60px;
    height: auto;
    position: absolute;
    z-index: 20;
    right: 0px;
    bottom: 0;
}

.top_events_container .top_events_textbox .top_events_textbox-arrows img {
    width: 60px;
    height: auto;
    position: absolute;
    z-index: 20;
    right: 30px;
    bottom: -40px;
    transform: rotate(90deg);
        display: none; /* th3 24 */
}

.top_events_container .top_events_textbox .top_events_textbox_date,
.top_events_container .top_events_textbox .top_events_textbox_place,
.top_events_container .top_events_textbox .top_events_textbox_price,
.top_events_container .top_events_textbox .linkToSingle {
    margin-top: 15px;
}

.top_events_container .top_events_textbox .linkToSingle a {
    font-weight: 700;
}

.page-events-content {
    position: relative;
    padding-bottom: 100px;
}

.page-events-content .page-events-selectContent {
    background: #fff;
    margin-top: -80px;
    padding: 50px;
}

.page-events-content .page-events-selectContent select {
    width: 100%;
    padding: 14px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page-events-content .page-events-selectContent .selectWrapper {
    vertical-align: top;
    margin-right: -5px;
    position: relative;
    overflow: hidden;
    position: relative;
}

.page-events-content .page-events-selectContent .selectWrapper:after {
    background-image: url(./chevron-down-orange.svg);
    background-size: 22px 20px;
    display: inline-block;
    width: 22px;
    height: 22px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 20px;
    pointer-events: none;
}

.page-events-content .page-events-selectContent .page-events-select {
    height: 100%;
    padding-top: 15px;
    text-align: center;
}

.page-events-content .page-event-list-wrapper {
    padding: 100px 0px;
}

.page-events-content .page-event-list-wrapper .event-list-month {
    margin-bottom: 15px;
}

.page-events-content .page-event-list-wrapper .list-month-pos-large1 {
    margin-left: 0px;
}

.page-events-content .page-event-list-wrapper .list-month-pos-large2 {
    margin-left: 420px;
}

.page-events-content .page-event-list-wrapper .list-month-pos-small1 {
    margin-left: 0px;
}

.page-events-content .page-event-list-wrapper .list-month-pos-small2 {
    margin-left: 290px;
}

.page-events-content .page-event-list-wrapper .list-month-pos-small3 {
    margin-left: 580px;
}

.page-events-content .page-event-list-wrapper .page-event-list .singleEvent.col-md-6 {
    padding: 0px 15px;
}

.event-empty-month-cell{
    visibility: hidden;
}

.share-the-story img{
    margin-top: 15px;
    margin-left: -10px;
    position: absolute;
}
.swnx_sharebuttons {
    margin-left: 45px;
    margin-top: 15px;
}
.page-event-list-wrapper  .singleEvent .image .tag{
    padding-left: 8px;
}

.share-the-story{
    font-family: 'ErnstAndEmily', sans-serif;
    font-size: 22px;
    display: inline-block;
    transform: rotate(-5deg);
}
.page-event-list-wrapper  .singleEvent .image .tag img{
    height: 20px;
    width: 24px;
    padding-right: 8px;
}
.header-EventInfo {
    font-size: 14px;
}

.header-EventInfo .price-info{
    padding-left: 1.5em;
    text-indent:-1.5em;
}

.page-events-content .page-event-list-wrapper .page-event-list .singleEvent.col-md-6 .singleEvent-Inner {
    margin: 0px;
}

.sparda_event_all_link {
    text-align: right;
    clear: both;
}

.page-events-content .page-event-list-wrapper .sparda_event_all_link {
    text-align: center;
    padding-top: 30px;
}

.page-events-content .page-event-list-wrapper .event-list-month {
    height: 70px;
    background: transparent url('../../assets/img/brush_stroke_short.png') 0% 100% no-repeat padding-box;
    background-size: 244px 60px;
    padding: 30px 50px;
}

.page-events-content .page-event-list-wrapper .event-list-month p {
    font: normal normal normal 36px/28px ErnstAndEmily;
    font-family: 'ErnstAndEmily', sans-serif;
    /*font-size: 0;*/
    color: #FFF;
    transform: rotate(-5deg);
    margin-top: -1px;
    display: inline-block;

}


.icon_left {
    margin-right: 10px;
    width: 15px;
    max-height: 15px;
}

.icon_left_price {
    width: 25px;
    margin-right: 5px;
}

.gewinnspiel_header,
.story_header{
    height: 120px;

    background: transparent url('../../assets/img/brush_stroke_long.png') 0% 100% no-repeat padding-box;
    background-size: 700px 130px;
}

.story_header h1{
    margin-top: 20px;
    margin-left: 40px;
    font-family: 'ErnstAndEmily', sans-serif;
    font-weight: 400;
    transform: rotate(-5deg);
    font-size: 50px;
}

.gewinnspiel_header h1{
    margin-top: 30px;
    margin-left: 2px;
    font-family: 'ErnstAndEmily', sans-serif;
    font-weight: 400;
    transform: rotate(-5deg);
    font-size: 50px;
}

.story_stencil img{
    height: 100px;
    margin-left: -100px;
}

.gewinnspiel_crown img{
    height: 140px;
    margin-left: -150px;
}


.story-category-arrow img{
    height: 110px;
    margin-top: -40px;
}

.swnx-front-page-middle-widget .teaser_headline h3{
    font-size: 35px;
    line-height: 45px;
    /*margin-top: 35px;*/
}

.swnx-front-page-middle-widget .teaser_icon img{
    width: 65%;
    margin-left: 35px;
}

.teaser-kundenmagazin-headline{
    background-image: url(/wp-content/themes/swnx2/assets/img/gewinnspiel/orange-km.svg);
    background-size: 375px;
    background-repeat: no-repeat;

    font-family: 'ErnstAndEmily', sans-serif;
}

.sparda_teaser_wrapper.sparda_vorteil_teaser_wrapper.skretchBorder {
    margin-top: 50px;
    margin-bottom: 50px;
}

.post-type-event .singlePost-Nav{
    margin-top: 0;
    padding-top: 0;
}
.teaser-kundenmagazin-headline h3{
    transform: rotate(-5deg);
    font-size: 60px;
    line-height: 75px;
    margin-top: -20px;
    margin-left: 60px;
    font-weight: 400;
}
.einladung_extended_fields{
    margin-left: 100px;
}

.quicklinks-spacer{
    margin-top: 20px;
}

ul li.swnx-most-popular-video iframe{
    margin: 0;
}

ul li.swnx-most-popular-video a{
    padding-top: 10px;
}

.page-veranstaltungen .search-bar {
    padding-top: 80px;
}
.page-veranstaltungen .search-fields{
    background-color: #fff;
    padding: 46px 55px;
}

.scrolled{
    display: block;
}

.btn-newsletter-kundenmagazin{
    padding: 20px;
}

.sparda_sidebar img{
    width: 300px;
}

.sparda_sidebar h4 {
    font-size: 16px;
    font-weight: 900;

}
.sparda_sidebar h4 {
    margin-bottom: 1.5rem;
}

ul.swnx-most-popular > li:nth-child(1){
    padding-top: 0;
}

.sparda_sidebar .textwidget {
    margin-bottom: 24px;
    border-bottom: 3px solid #FFF;
}

h4.image_teaser_title + a img{
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 3px solid #FFF;
}

.page-single-header {
    color: #fff;
    font-size: 18px;

}

/******************** magazin unten *****************/
.magazin-text-content-footer{
    padding-top: 132px;
    background-color: #F4F4F4;
}


/******************** accordion *****************/
/*var(--sw-orange);*/

.wp-block-pb-accordion-item h4{
    margin-bottom: 0;
}

.spardawelt-accordion  .c-accordion__title{
    margin: 0px;
    background: #fff;
    color: #000;
    font-weight: 900;
    font-size: 16px;
    line-height: 32px;
    padding: 10px 25px 10px 50px;
    border-bottom: 5px solid #F4F4F4;
}

.spardawelt-accordion .is-open .c-accordion__title{
    background-color: var(--sw-orange);
    color: #fff;
    border-bottom: 5px solid var(--sw-orange);
}

.spardawelt-accordion  .c-accordion__title--button {
    display: inline-block;
    color: inherit;
    background-color: transparent;
    text-align: left;
    vertical-align: middle;
    font: inherit;
    text-decoration: none;
    direction: ltr;
    border: none;
    border-radius: 0;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    transition: 0;
    box-shadow: none;
    overflow: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.spardawelt-accordion  .c-accordion__title:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 20px;
    left: 15px;
    top: 15px;
    background-image: url('/wp-content/themes/swnx2/assets/img/icons/akkordeon-pfeil-schwarz.svg');
    transform: none;
}

.c-accordion__title:after {
    content: "";
}
.c-accordion__title:active{
    border: none;
}
.c-accordion__title:focus{
    outline-color: var(--sw-orange);;
    outline-width: 0;
}

.c-accordion__content{
    background-color: #fff;
    color: #000;
    padding-bottom: 20px;
}

.spardawelt-accordion .c-accordion__content{
    background-color: var(--sw-orange);
    background-image: url(/wp-content/themes/swnx2/assets/img/icons/method-draw-image.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    border-bottom: 5px solid #F4F4F4;

}
.spardawelt-accordion .c-accordion__content p{
    margin-bottom: 0;
    padding-top: 4px;
    margin-left: 80px;
    color: #fff;


}

.spardawelt-accordion .c-accordion__content p a{
    color: #fff;

}
.spardawelt-accordion .c-accordion__content li{
    color: #000;
}

.c-accordion__content a{
    color: #000;
}
.c-accordion__content a:hover{
    text-decoration: underline;
}

.c-accordion__item.no-js .c-accordion__title:after {
    display: none
}

.is-open .c-accordion__title:before {
    background-image: url('/wp-content/themes/swnx2/assets/img/icons/akkordeon-pfeil-weiss.svg');
}
.is-open .c-accordion__title:after {
    content: ""
}
.magazin-text-content-footer ul{
    list-style: none;
}

.magazin-text-content-footer  li:before {
    content: "\00BB"; /* FontAwesome Unicode */
    /*font-family: FontAwesome;*/
    font-size: 28px;
    color: var(--sw-orange);
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

.magazin-text-content-footer  li{
    padding-top: -5px;
}

/*Cover image bottom */

.abo-kundenmagazin-text p{
    color: #fff;
    padding-bottom: 30px;
}

.abo-kundenmagazin-text p.bridge{
    font-family: 'ErnstAndEmily', sans-serif;
    font-weight: 400;
    font-size: 50px;
}

.abo-kundenmagazin-text p a{
    font-weight: 700;;
}
.abo-kundenmagazin-text p a:hover{
    text-decoration: underline;
    color: var(--sw-orange);
}



.newsletter .kundenmagazin_arrow{
    margin-top: 110px;
}


.events-search-bar select{
    width: 300px;
    padding: 10px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;

}
.form-row{
}
/*To remove button from IE11, thank you Matt */
.form-row select::-ms-expand {
    display: none;
}
.form-row .col-select:after {
    content: '>';
    font: 900 25px "Consolas", monospace;
    color: var(--sw-orange);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 30px;
    /*Adjust for position however you want*/

    top: 18px;
    padding: 0 0 2px;
    /*border-bottom: 1px solid #999;*/
    /*left line */

    position: absolute;
    pointer-events: none;
}


.form-row .col-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */

    display: block;
    width: 500px;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}
.events-search-bar .search-submit{
    color: #fff;
    background-color: var(--sw-orange);
    width: 60%;
    font-size: 16px;
    font-weight: 900;

    border: none;
    padding: 16px 22px;
    margin: 5px 0 0 0;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;

}

.events-search-bar .reset-event-search{
    color: var(--sw-orange);
    background-color: #fff;
    padding: 10px 22px 10px 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
}

.no-event-search-results{
    margin-bottom: 40px;
}
.no-event-search-results p{
    color: var(--sw-orange);
    font-size: 22px;
    font-weight: 900;
}

.no-event-search-results + hr{
    background-image: linear-gradient(to right, #000 10%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 20px 3px;
    background-repeat: repeat-x;
    height: 3px;
    border: 0;
    margin: 50px 0px;
    max-width: 71%;
}

.footer_social h4.newsletter a{
    color: var(--sw-orange);
}

.orange-letters a{
    color: var(--sw-orange);
}

@media only screen and (max-width:576px) {
    .container iframe{
        margin-left: 0;
        margin-right: 0;
        /*width: calc(80% - 40px);*/
        width: 100%;
    }

}