@charset "utf-8";
/* CSS Document */
.single-event #main {
    padding-left  : 30px;
    padding-right : 30px;
    padding-top   : 85px !important;
    padding-bottom: 40px;
}

.page-template-eventarchive #main {
    padding-left  : 30px;
    padding-right : 30px;
    padding-top   : 45px !important;
    padding-bottom: 40px;
    min-height    : 600px;
}

.event h1 {
    margin     : 0;
    padding    : 0;
    font-family: "EnBWDINPro-Bold";
    font-size  : 36px;
    font-weight: 500;
    color      : #3b3b3b;
    line-height: 1.3em !important;
}

.event .eventdatum {
    width      : 100%;
    margin     : 0 auto;
    font-size  : 18px;
    font-family: "EnBWDINPro-Regular" !important;
    font-weight: 300;
}


.eventdatum i {
    margin-right: 20px;
}

.eventdatum .far,
.eventdatum .fas {
    display: inline-block;
    width  : 20px;
}

.eventdatum strong {
    display: inline-block;
    width  : 70px;
}

.event hr {
    margin-top   : 22px;
    margin-bottom: 22px;
}

.single-post-item.category-purpure {
    border-color: #b40fd0;
}



header .header-main-nav .mainmenu .category_purple.menu-item a {
    color        : #009;
    height       : 2.5em;
    line-height  : 3.0em !important;
    padding      : 3px 30px !important;
    font-size    : 16px;
    border-bottom: 6px solid transparent;
}

header .header-main-nav .mainmenu .category_purple.menu-item:hover a:before,
header .header-main-nav .mainmenu .category_purple.menu-item:hover a {
    color       : #b40fd0;
    border-color: #b40fd0 !important;
}

header .header-main-nav .mainmenu .category_purple.current-menu-ancestor a,
header .header-main-nav .mainmenu .category_purple.current-category-ancestor a,
header .header-main-nav .mainmenu .category_purple.current-menu-item a,
header .header-main-nav .mainmenu .category_purple.current-menu-parent a,
header .header-main-nav .mainmenu .category_purple.current_page_item a {
    color        : #b40fd0 !important;
    border-bottom: 6px solid #b40fd0 !important;
}

.videowrapper {
    position: relative;
    padding-bottom: 50%;
    /* 16:9 */
    padding-top: 27px;
    height: 0;
  }
  
  .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .frontlist {
     background: #fff;
     padding: 10px 25px 25px 25px;
      width: 100%;
     border-bottom: 6px  solid #ABABAB;
   }   
  


#event .post-content {
    /* max-width: 700px; */
    font-family: "EnBWDINPro-Regular";
    font-weight: 500;
    margin     : 0 auto;
    text-align : left;
    color      : #3b3b3b;
    font-size  : 16px;
    line-height: 1.5em;
}

#event .post-content table {
    box-shadow    : none;
    width         : 100%;
    text-align    : left;
    padding       : 10px !important;
    border-spacing: 0 !important;
}

.single-event svg {
    display: block;
    height : 26px;
}

.socials>a {
    display: inline-block;
}

a.icon-twitter {
    fill: #55acee;
}

a.fb {
    fill: #3a5795;
}

a.linkedin {
    fill: #3a5795;
}

/* Buttons */

a.tp-button {
    background    : none;
    font-family   : inherit !important;
    height        : auto !important;
    line-height   : inherit !important;
    border-radius : 0;
    letter-spacing: 0 !important;
    text-shadow   : 0 0 0 !important;
    box-shadow    : 0 0 0 !important;
    font-weight   : 400 !important;
    border-width  : 1px !important
}

/*
a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display      : inline-block;
    padding      : 11px 20px;
    margin-bottom: 15px;
    cursor       : pointer;
    margin-right : 7px;
    border       : 0;
    border-radius: 5px;
    position     : relative;
    overflow     : hidden;
    box-shadow   : inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0px 4px 3px -2px rgba(0, 0, 0, .07)
}
*/

a.button_js {
    padding: 0
}

a.button.button_large,
a.tp-button.button_large,
button.button_large,
input[type="submit"].button_large,
input[type="reset"].button_large,
input[type="button"].button_large {
    font-size  : 110%;
    line-height: 110%
}

a.button .button_label {
    display : block;
    float   : left;
    position: relative;
    z-index : 2
}

a.button .button_icon {
    display         : block;
    float           : left;
    background-color: rgba(0, 0, 0, .05)
}

a.button .button_icon i {
    color: rgba(0, 0, 0, .5)
}

a.button.button_dark .button_icon {
    background-color: rgba(255, 255, 255, .1)
}

a.button.button_dark .button_icon i {
    color: rgba(255, 255, 255, .5)
}

a.button.button_left .button_icon,
a.tp-button.button_left .button_icon {
    float: left
}

a.button.button_right .button_icon,
a.tp-button.button_right .button_icon {
    float: right
}

a.button .button_label {
    padding: 11px 20px
}

a.button .button_icon {
    padding: 11px 12px
}

a.button_large .button_label {
    padding: 15px 30px
}

a.button_large .button_icon {
    padding: 15px 13px
}

a.action_button {
    display      : block;
    padding      : 11px 20px;
    line-height  : 21px;
    float        : left;
    position     : relative;
    box-sizing   : border-box;
    border-radius: 5px;
    overflow     : hidden
}

a.action_button:hover {
    text-decoration: none
}


section#event {
    top          : -5px;
    border       : 0px;
    padding      : 60px 45px;
    margin-bottom: 60px;
}
.futureevent {
    display           : block;
    /* height         : 120px; 
    border-bottom     : 1px solid #ccc; */
    -webkit-box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
    box-shadow        : 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
    border-radius     : 3px;
    padding           : 20px 10px 20px 10px;
    text-align        : left;
    margin            : 0;
    margin-bottom     : 34px;
    background        : #fff;
}

.pastevent {
    display      : block;
    /* height    : 120px; 
    border-bottom: 1px solid #ccc; */
    border-radius: 3px;
    padding      : 20px 10px 20px 10px;
    text-align   : center;
    margin       : 0;
    margin-bottom: 34px;
    background   : #f2f1f1;
}

.event .list-separator-month h2 {
    margin-bottom: 34px !important;
}

.futureevent .list-separator-month {
    margin-bottom: 34px;
}

.futureevent a.button .button_label {
    padding: 8px 20px;
}

.recent-month {
    font-size  : 20px;
    font-weight: 300;
}

li.futureevent:hover {
    background-color: #f3f3f3;
}

.futureevent>.footer {
    border-top-width: 2px;
    border-style    : solid;
    text-align      : center;
    padding-top     : 10px;
    border-color    : rgba(0, 0, 0, .12);
}

.futureevent li {
    display      : inline-block;
    height       : auto;
    border-top   : 1px solid #008dbb;
    margin-bottom: 10px;
    width        : 100%;
    padding-top  : 10px;
}

a.titel {
    color      : #008dbb;
    line-height: 1.1em;
    margin-top : -36px;
    /*font-size: 1.6em;*/
    font-weight: 300;
    display    : block;
}

.futureevent .eventdescription {
    float : left;
    margin: 0;
}

.futureevent .eventbild {
    float       : none;
    margin-right: 10px;
    /*t         : 0 auto;*/
    text-align  : center;
    height      : 175px;
    width       : 240px;
    margin      : 0 auto;
}

.futureevent .photo_wrapper {
    height                 : 175px !important;
    top                    : 0;
    overflow               : hidden;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    -webkit-background-size: cover;
    background-size        : cover;
    background-position    : center;
    background-repeat      : no-repeat;
}

.futureevent .tag {
    color: #3b3b3b;
}

.futureevent .tag span {
    color: #000099;
}

/*
.event ul {
    margin-left: -40px;
}
*/

article.post.event-post {
    background: #fff;
}

.event-post.event-bild {
    margin-right: 0px;
}



div#upcomingevent {
    box-shadow: none;
    padding   : 0;
    background: none;
}

.post-event-container {
    width           : 100%;
    color           : #374a9a;
    background-color: #fff;
    padding         : 15px 25px 25px;
    min-height      : 240px !important;
}

.eventtitle .title {
    font-size    : 20px;
    font-family  : "EnBWDINPro-Bold";
    line-height  : 22px;
    margin-bottom: 0px;
    color        : #3b3b3b;
    font-weight  : 500;
}

.eventtitle p {
    font-size  : 16px;
    font-family: "EnBWDINPro-Regular";
    color      : #3b3b3b !important;
}

.eventtitle h5 {
    font-weight: 300 !important;
}

.eventbild {
    float       : left;
    margin-right: 10px;
}

.eventdate {
    float     : left;
    /* padding: 10px 0;*/
    width     : 60%;
}

.event-d {
    font-size  : 40px;
    font-weight: 100;
    float      : left;
    margin-left: -1px;
}

.event-m {
    font-family: "EnBWDINPro-Regular";
    font-size  : 20px;
    float      : left;
    color      : #3b3b3b;
    font-weight: 300;
    line-height: 20px;

}

.event-w {
    text-transform: uppercase;
    font-family   : "EnBWDINPro-Medium";
    font-size     : 20px;
    line-height   : 22px;
    margin-bottom : 0px;
    color         : #3b3b3b;
    font-weight   : 500;
}

.kategorie {
    font-family: "EnBWDINPro-Regular";
    font-size  : 20px;
    float      : left;
    color      : #999999;
    font-weight: 300;
    line-height: 36px;
}

.eventzeile {
	margin: 0px;
    display: inline-block;
    height: auto;
    width : 100%;
    border-bottom: 1px solid #C7C7C7;
}
.eventzeile a {
	color:#3b3b3b;
}
	

.frontlist ul 
{
list-style: none;
height: 158px;
padding: 0;
}


.frontlist li {
   /* border-bottom: 1px solid #C7C7C7;
    height: 37px;
    line-height: 40px; */
}

.eventspalte {
    float : left;
    height: 30px;
    width : 100%;
}

.eventtitle {
    float        : left;
    width        : 70%;
    margin-bottom: 8px;
}

.eventsocial {
    float  : right;
    display: block;
}

.eventsocial .sfmsb-square {
    margin-left: 5px;
}

#referenten p {

    color      : #000;
    margin     : 10px 0 5px 0;
    font-weight: 600;
}

#referenten span {
    display: block;
    color  : #8e8e8e;
}

#referenten .col-lg-6 {
    margin-bottom: 34px;
}

#referenten .col-lg-6 .daten {
    display       : table-cell;
    vertical-align: middle;
    height        : 180px;
}

.circle-image {
    border-radius        : 50%;
    -moz-border-radius   : 50%;
    -webkit-border-radius: 50%;
    -o-border-radius     : 50%;
}

#event table tr th {
    color      : #3b3b3b;
    font-weight: 600;
}

header#event .top-teaser .leading-image {
    width              : 100% !important;
    background-position: center center !important;
}

header#event .top-teaser .leading-image {
    /* position: absolute; */
    top                     : 0px;
    width                   : 100%;
    height                  : 390px;
    background-repeat       : no-repeat;
    background-position     : center center;
    /* background-attachment: fixed; */
    -moz-background-size    : cover;
    -o-background-size      : cover;
    -webkit-background-size : cover;
    background-size         : cover;
    z-index                 : -1;
    box-sizing              : border-box;
    /*
    display                 : inline-block;
    */
    width                   : 69%;
    float                   : right;
}

.event .post-content {
    text-align: left;
    color: #3b3b3b;
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 20px;
}


/*
.socials {
    border-top : 1px solid #e6e6e6;
    padding-top: 30px;
}
*/

.socials a {
    color       : #999999;
    padding     : 8px 10px;
    margin-right: 6px;
}

.socials a:hover {
    background-color: #e6e6e6;
    color           : #999999;
}

.socials span {
    line-height: 35px;
}

.socials strong {
    width      : 80px;
    display    : inline-block;
    line-height: 35px;
}

#event .overview {
    border-top : 1px solid #e6e6e6;
    padding-top: 0px;
    margin-top: -10px;
    text-align : center;
}


#event .post_photo {
    height : 400px;
    display: block;
}

#event .photo_wrapper.hover-mask {
    height                 : 400px !important;
    top                    : 0;
    overflow               : hidden;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    -webkit-background-size: cover;
    background-size        : cover;
    background-position    : center;
    background-repeat      : no-repeat;
}


.overview .btn {
    outline            : none;
    background-color   : transparent;
    cursor             : pointer;
    display            : inline-block;
    text-decoration    : none;
    font-family        : inherit;
    border-radius      : 100vh;
    background-clip    : padding-box;
    background-color   : #009;
    border             : 4px solid #e5e5f4;
    border-top-color   : rgb(229, 229, 244);
    border-right-color : rgb(229, 229, 244);
    border-bottom-color: rgb(229, 229, 244);
    border-left-color  : rgb(229, 229, 244);
    border-top-color   : rgb(229, 229, 244);
    border-right-color : rgb(229, 229, 244);
    border-bottom-color: rgb(229, 229, 244);
    border-left-color  : rgb(229, 229, 244);
    font-weight        : 700;
    width              : 2.75rem;
    height             : 2.75rem;
    background         : #009 url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke-linecap='round' stroke='%23FFF' stroke-width='2' d='M1 15l7-7-7-7'/%3E%3C/svg%3E") 55% no-repeat;
    transform          : rotate(180deg);
    background-color   : rgb(0, 0, 153);
    background-color   : rgb(0, 0, 153);
    margin-left        : 6px;
}

.overview span {
    color      : #009;
    height     : 2.5em;
    line-height: 2.5em;
    padding    : 6px 14px;
    font-size  : 16px;
    font-weight: 600;
    top        : -16px;
    position   : relative;
}

.futureevent .btn.desktop,
.pastevent .btn.desktop,
#event .btn.desktop {
    color           : #009;
    background-color: #f9f9f9;
    line-height     : 42px;
    border-radius   : 28px;
    font-size       : 16px;
    font-family     : "EnBWDINPro-Regular";
    border          : 4px solid rgba(42, 71, 117, .1);
    display         : inline-block;
    padding         : 0 60px;
    text-decoration : none;
    align-self      : flex-start;
    background-clip : padding-box;
    font-weight     : 600;
}


.futureevent .btn.desktop:hover,
.pastevent .btn.desktop:hover,
#event .btn.desktop:hover {
    color           : #fff;
    background-color: #009;
}

.futureevent .button,
.pastevent .button,
#event .button {
    display   : block;
    text-align: center;
    width: 100%;
}


.anfahrt a:after {
    content            : '';
    display            : inline-block;
    background-repeat  : no-repeat;
    -webkit-transition : background-image .3s;
    transition         : background-image .3s;
    background-position: bottom;
    height             : 1em;
    width              : 1em;
    background-size    : contain;
    background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='external link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 3v6a1 1 0 01-2 0V5.41L11.48 14a1 1 0 01-1.41-1.41L18.63 4H15a1 1 0 010-2h6a1 1 0 011 1zm-5 17H4V7h6.62V5H3a1 1 0 00-1 1v15a1 1 0 001 1h15a1 1 0 001-1v-7.8h-2z' fill='%23F90'/%3E%3C/svg%3E");
    vertical-align     : -7.5%;
    margin-left        : .4em;
}





/* ------------------------------Related -------------------------------------*/

#relatedposts {
    text-align: center;
}

#relatedposts .post-container {
    height: 496px;
}


#relatedposts .post-container .post-image {
    height                 : 260px !important;
    top                    : 0;
    overflow               : hidden;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    -webkit-background-size: cover;
    background-size        : cover;
    background-position    : center;
    background-repeat      : no-repeat;
}

#relatedposts .far,
#relatedposts .fas {
    display: inline-block;
    width  : 20px;
}

#relatedposts h3 {
    font-size  : 24px;
    margin     : 10px 0px 20px 0px;
    font-weight: 300;
    font-family: 'EnBWDINPro-Medium';
}

#relatedposts ul {
    list-style : none;
    margin-left: -40px;
}



#relatedposts ul li {
  width: 100%;
}
#relatedposts ul li {
  margin: 0px 6px 20px 6px;
      width: 24.13%;
  display: block;
  background-color: #f3f3f3;
  text-align: left;
  padding: 20;
  float: left;
}


#relatedposts .post-container div {
    padding    : 5px 10px;
    width      : 100%;
    margin     : 0 auto;
    font-size  : 18px;
    font-family: "EnBWDINPro-Regular" !important;
    font-weight: 300;
}

#relatedposts img {

    background   : #F8F8F8;
    /*! padding  : 5px; */
    margin-bottom: 5px;
}

#relatedposts a:hover {
    color: #51B1D3;
}

#relatedposts .relevanttitle {
    display      : inline-block;
    font-family  : "EnBWDINPro-Medium" !important;
    font-size    : 26px;
    color        : #3b3b3b !important;
    line-height  : 1.2em;
    max-height   : 3.7em;
    /*overflow     : hidden;*/
    margin-bottom: 0px;
    font-weight  : 400;
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px) {

#relatedposts .post-container {
    height: auto;
}
    #relatedposts ul {
        list-style: none;
    }

    #relatedposts ul li {
        width: 100%;
    }

    #relatedposts ul li {
        margin          : 0px 6px 20px 6px;
        width           : 100%;
        display         : block;
        background-color: #f3f3f3;
        text-align      : left;
        padding         : 0 30px;
        float           : left;
    }
}



/* ------------------------------addtocalendar -------------------------------------*/
.addtocalendar var {
    display: none;
}

.addtocalendar {
    position  : relative;
    display   : inline-block;
    background: transparent !important;
}

.atcb-link {
    display: block;
    outline: none !important;
    cursor : pointer;
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover {
    visibility: visible;
}

.atcb-list {
    visibility: hidden;
    position  : absolute;
    top       : 100%;
    left      : 0;
    width     : 170px;
    z-index   : 900;
}

.atcb-list,
.atcb-item {
    list-style: none;
    margin    : 0;
    padding   : 0;
    background: #fff;
}

.atcb-item {
    float     : none;
    text-align: left;
}

.atcb-item-link {
    text-decoration: none;
    outline        : none;
    display        : block;
}

.atcb-item.hover,
.atcb-item:hover {
    position       : relative;
    z-index        : 900;
    cursor         : pointer;
    text-decoration: none;
    outline        : none;
}

.atc-style-blue .atcb-link:after {
    background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='9' preserveAspectRatio='xMinYMin' stroke='%23F90' stroke-width='2'%3E%3Cpath fill='transparent' stroke-linecap='round' d='M1 1l7.5 7L16 1'/%3E%3C/svg%3E");
    display            : block;
    width              : 16px;
    height             : 9px;
    margin-top         : 10px;
    float              : right;
    margin-left        : 10px;
    background-color   : transparent;
    background-position: 50%;
    background-repeat  : no-repeat;
    transform-origin   : 50% 0;
    transform          : translateY(-50%);
    content            : "";
}

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
    color           : #061671;
    font-size       : 14px;
    font-weight     : normal;
    font-family     : "EnBWDINPro-Medium";
    position        : relative;
    float           : none;
    line-height     : .2;
    font            : inherit;
    font-weight     : 600;
}

ul.atcb-list {
  /* margin-left: 14px; */
}
.atc-style-blue .atcb-list {
    width: 152px;
    border       : 1px solid #bababa;
    border-radius: 2px;
    box-shadow   : 0 0 5px #aaa;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item {
    background: #fff;
    color     : #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
    line-height   : 1.3em;
    vertical-align: middle;
    zoom          : 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color          : #009;
    font-family    : "EnBWDINPro-Medium";
    font-size      : 14px;
    text-decoration: none;
    outline        : none;
    padding        : 5px 15px;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #fff;
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: #009;
}

/*-------------------------------------- Filter Funktion ---------------------------------*/

.work {
    background-color: #f9f9f9;
}

.portfolio-controllers .btn-default {
    color: #808080;
}

.portfolio-controllers .filter-btn {
    background-color: transparent;
    color           : #222;
    border-color    : #ff9800;
}

.portfolio-controllers .filter-btn.active-work {
    color: #ff9800;
}

.portfolio-link li a i {
    background-color: transparent;
    /*border        : 1px solid #00CCCC;*/
    color           : #fff;
}

.portfolio-link li a:hover i.fa-link,
.portfolio-link li a:hover i.fa-plus {
    background-color: #ff9800;
    color           : #fff;
}

.portfolio-item-title {
    color: #fff;
}

.portfolio-item-title:after {
    background-color: transparent;
}

.caption-content {
    background-color: rgba(225, 225, 225, .7);
}

.overlay {
    position        : absolute;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100%;
    background-color: rgba(35, 35, 40, 0.8);
}

.shutter-lock {
    transform: translateZ(0);
    position : relative;
}

.shutter-lock:after {
    content           : '';
    position          : absolute;
    top               : 0px;
    left              : 0px;
    width             : 0px;
    height            : 100%;
    background        : #00cccc;
    -webkit-transition: all 0.5s ease-in-out;
    transition        : all 0.5s ease-in-out;
    z-index           : -1;
}

.shutter-lock:hover:after {
    width: 100%;
}

.title {
    text-transform: uppercase;
}

.title strong {
    font-weight: 900;
}

.slider-btn {
    font-weight: 700;
}

.parallax {
    width                : 100%;
    height               : 100%;
    position             : absolute;
    top                  : 0px;
    left                 : 0px;
    z-index              : -999;
    background-size      : cover;
    background-position  : center;
    background-attachment: fixed;
}

.more {
    text-align: center;
}

.more a {
    display           : inline-block;
    padding           : 15px 25px;
    border-radius     : 2px;
    font-weight       : 700;
    text-transform    : uppercase;
    -webkit-transition: all 0.3s ease;
    transition        : all 0.3s ease;
}

.more a:hover {
    box-shadow: 0px 0px 5px #ff9999;
}

/*
====================================================
				6.Portfolio
====================================================
*/
.work {
    padding: 80px 0px;
}

.work-title {
    padding-bottom: 30px;
    text-align    : center;
}

.portfolio-controllers {
    padding: 0px;
    height : 100%;
    display: inline-block;
}

.portfolio-controllers .filter-btn {
    float             : left;
    padding           : 10px 15px;
    border            : 1px solid #ff9800;
    outline           : 0px;
    margin            : 0px 15px 15px 0px;
    -webkit-transition: all 0.3s ease;
    transition        : all 0.3s ease;
    cursor            : pointer;
}

.more-container {
    margin-top: 40px;
}

.portfolio {
    padding: 14px 7px;
}

.portfolio-image {
    position: relative;
    overflow: hidden;
}

.portfolio-image img {
    width             : 100%;
    height            : 100%;
    transform         : scale(1);
    -webkit-transition: all 0.5s ease;
    transition        : all 0.5s ease;
    position          : relative;
}

.portfolio-image:hover img {
    transform: scale(1.2);
    cursor   : pointer;
}

.portfolio-image::after {
    content            : '';
    position           : absolute;
    width              : 100%;
    height             : 100%;
    top                : 0px;
    left               : 0px;
    /* background-color: rgba(34,35,40,0.5); */
}

.work .caption {
    width             : 100%;
    height            : 100%;
    position          : absolute;
    top               : 0px;
    left              : 0px;
    cursor            : pointer;
    opacity           : 0;
    transform         : scale(1.2);
    -webkit-transition: all 0.5s ease;
    transition        : all 0.5s ease;
    padding           : 10px;
    z-index           : 999;
}

.caption-content {
    width   : 100%;
    height  : 100%;
    position: relative;
}

.portfolio-image:hover .caption {
    opacity  : 1;
    transform: scale(1);
}

.caption-content {
    width              : 100%;
    height             : 100%;
    text-align         : center;
    /*background-color : rgba(0,204,204,0.8);*/
    position           : relative;
}

.portfolio-link {
    display    : block;
    /* position: absolute;
	top           : 50%;
    left       : 50%;
    transform  : translateX(-50%); */
}

.portfolio-link li {
    float       : left;
    margin-right: 5px;
}

.portfolio-link li a i {
    font-size         : 25px;
    border-radius     : 2px;
    -webkit-transition: all 0.3s linear;
    transition        : all 0.3s linear;
}

.portfolio-link li a i.fa-link {
    padding: 10px 15px;
}

.portfolio-link li a i.fa-plus {
    padding: 10px 17px;
}

.portfolio-item-title {
    width    : 90%;
    height   : 40px;
    overflow : hidden;
    font-size: 18px;
    position : absolute;
    left     : 50%;
    top      : 25%;
    transform: translateX(-50%);
}

.portfolio-item-title:after {
    position: absolute;
    bottom  : 0;
    left    : 35%;
    content : '';
    width   : 30%;
    height  : 2px;
}

.footer-bottom p {
    text-align: center;
}

.border {
    border-right: 1px solid;
    border-color: #e6e6e6;
}

.icon-location {
width:1rem
}

/*Xtra Large*/
@media (min-width: 1200px) {}

/*Medium Device*/
@media(min-width:992px) {}

/*Small Device*/
@media(min-width:768px) {}

/*Xtra Small Device*/
@media(max-width:767px) {

    .portfolio-controllers .filter-btn {
        margin-bottom: 15px;
        padding      : 10px 12px;
        margin-left  : 10px;
    }
}

/* ------------------------------- Responsive Tabs -----------------------------------*/
/*
@mixin below($width) {
  @media screen and (max-width: $width - 1) {
    @content;
  }
}*/

.tabs {
    display: block;
    width  : 100%;
    height : 40px;
}

.tab-content {
    display: none;

    color  : white;
    padding: 15px;
}

.tab-content.current {
    display: inherit;
}

.projects_select {
    text-align  : center;
    color       : #000099;
    background  : #fff;
    padding     : 20px 0;
    padding     : 10px 20px;
    margin-right: 5px;
    float       : left;
    cursor      : pointer;

}

/*	
    @include below(736px) {: ;
    width: 100%;
    

  @include below(736px) {
    width: 100%;
  }
}
*/
.projects_select.current {
    font-weight: 500;
    position   : relative;
    color      : #fff;
    background : #f90;
    cursor     : pointer;
}

.projects_select.current:after {
    top             : 100%;
    left            : 65%;
    border          : solid transparent;
    content         : " ";
    height          : 0;
    width           : 0;
    position        : absolute;
    pointer-events  : none;
    border-color    : transparent;
    border-top-color: #f90;
    border-width    : 10px;
    margin-left     : -19px;
    z-index         : 101;
    /*
    @include below(736px) {
        display     : none;
    }
    */
}

.content-area.event {
    margin: 1rem;
}

.content-area.event .row {
    margin: 0;
}

.content-area.event ul {
    padding: 0;
}

.content-area.event li {
    width: auto;

}

.content-area.event .columns.row {
    display    : flex;
    align-items: center;
}

.content-area.event .eventdescription {
    height : 175px;
    width  : 240px;
    padding: 0;
}

.content-area.event .eventdate {
    margin-left : 70px;
   /* margin-right: 70px; */
    padding     : 0;
    align-self  : flex-start;

}

.content-area.event .eventtitle {
    padding   : 0 24px;
    width     : auto;
    align-self: flex-start;

}

.content-area.event .eventdate {
   /*  width: auto; */

}

.columns.row.futureevent {
    min-height: 200px;
    padding   : 1rem 60px;
    margin-bottom: 30px;
}



@media (max-width:1200px) {
    .content-area.event .columns.row {        flex-wrap: wrap;    }

	.columns.row.futureevent {		margin-bottom: 20px;   padding   : 1rem;	}
	
    .content-area.event .eventbutton {
        width    : 100%;
        direction: rtl;
    }

	.pastevent {    padding: 0px 10px 20px 10px; }
	
    .content-area.event .eventbutton .button {
        display      : block;
        width        : 25px;
        height       : 25px;
        content      : "";
        transform    : rotate(180deg);
        position     : relative;
        background   : url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23F90' stroke-width='2'%3E%3Cpath fill='none' stroke-linecap='round' d='M9 1L1 8l8 7'/%3E%3C/svg%3E") 45% no-repeat;
        border-radius: 25px;

    }

    .content-area.event .eventbutton .button:hover {
        color           : #fff;
        background-color: #009;
        border          : 4px solid rgba(42, 71, 117, .1);

    }

    .content-area.event .eventbutton .button div.btn.desktop {    display: none;    }
    .content-area.event .eventdescription {  display: none;    }
	
	.futureevent .btn.desktop, .pastevent .btn.desktop, #event .btn.desktop {
    	padding: 0 40px;
	}
	.content-area.event .eventtitle {
        padding: 0;
		    margin-top: 10px !important;
    }


    .content-area.event .eventdate
 	{
        display    : flex;
        align-items: baseline;
        font-size  : 16px;
        font-family: "EnBWDINPro-Regular";
    }

	.content-area.event .eventdate {  width: 100%;    }
	

	.event .list-separator-month h2 {
   		 margin-bottom: 15px !important;
	}
	
	.eventspalte {
		display: block;
		float: left;
		width: 50%;
	}
	
	.event-w {
    text-transform: uppercase;
    font-family: "EnBWDINPro-Regular";
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #3b3b3b;
    font-weight: 300;
}
	
	
    .event-m {
		display: block;
		float: left;
		width: 50%;
		 font-family: "EnBWDINPro-Regular";
    font-size: 18px;
    }
	
	.fa-xs {
    font-size: 0.9em;
}

    .content-area.event .eventdate {
        margin: 0;
    }

    .columns.row.pastevent {
        width: 100%
    }

}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px) {
	
section#event {
	top: -50px;
    border: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
.single-post-item {
    padding: 0px;
}
#event .post_photo {
    height: 300px;
    display: block;
}	
#event .photo_wrapper.hover-mask {
    height: 260px !important;
	margin-top: 20px;
}	
#referenten .col-lg-6 {
    margin-bottom: 0px; 
}
#referenten img.circle-image {
    height: 140px;
    width: 140px;
    display: block;
    float: left;
	margin-bottom: 30px;
	margin-right: 20px;
}
	
#referenten .col-lg-6 .daten {
    display: table-cell;
    vertical-align: middle;
    height: 140px;
}
	
.post-content.socials {
	border-top: 1px solid #e6e6e6;
    padding-top: 20px;	
}
#event .overview {
    border-top: 1px solid #e6e6e6;
    padding: 40px  0 60px 0;
    margin-top: 20px;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
}
.event-post .post-image { height: 155px !important; }
.frontlist ul, 
.frontlist li {
    height: auto;
}


}