@import url("../fonts/stylesheet.css");

html {
  scroll-behavior: smooth;
}

body {    background: url(../images/bg-cross-gray.png) 0 0 no-repeat #1e242a ;color:#cccccc;       line-height: 1.4;   font-family: 'barlow_condensedregular';font-size: 18px;}
.container, .sppb-row-container  {    max-width: 1430px;    width: 100%;}
.col-lg-3 {}
.col-lg-9 {}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: 'barlow_condensedsemibold';     font-weight: normal;}
/*.h1, h1 {    font-size: 46px; border-bottom: 1px solid rgba(0,0,0,0.2); color:#6d7986;margin: 0 0 30px  0 ;    padding-bottom: 10px; }*/
.h1, h1 {    font-size: 40px;    color: rgb(255, 255, 255);    margin: 0;    padding-bottom: 0px;    text-transform: uppercase;}
.h2, h2 {     font-size: 30px;    color: #fff;    line-height: 1;}
.h3, h3 {     font-size: 30px;    color: #fff;    line-height: 1;}
.h4, h4 {   font-size: 18px;    color: #fff;}
.h5, h5{font-family: 'barlow_condensedmedium'; color: #fff; }
a.btn, .btn-primary , .btn-secondary, .convertforms .cf-btn{position:relative;text-transform:uppercase;    background: #ffed00;      line-height: 1.5;  border-radius: 0;    color: #000;    padding: 2px 40px 0px 15px;    margin: 10px 0;font-family: 'barlow_condensedmedium';font-size:20px;}
a.btn:before , .btn-primary:before, .btn-secondary:before, .convertforms .cf-btn:before{     content: "";    position: absolute;    top: -1px;    right: -12px;    width: 25px;    height: 48px;    background: rgb(54 59 64);		-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);-ms-transform: rotate(20deg);-o-transform: rotate(20deg);transform: rotate(20deg);		}
a.btn:hover, .btn-primary:hover , .btn-secondary:hover, .convertforms .cf-btn:hover{    background: #e6007e;}
a:hover, a:focus, a:active {    outline: none;}
hr {    border-top: 1px solid #aaaaaa;}
b, strong {
    font-weight: normal;
    font-family: 'barlow_condensedsemibold';
}


div#sp-menu > .sp-column {
    align-items: flex-start!important;justify-content: flex-start!important;
}

/******************TOP*********************/
div#sp-top2 {    border-bottom: 1px solid rgba(255,255,255,0.3);}
#sp-top-bar {    background:transparent;padding: 0;margin: 0;}
#sp-top-bar .sp-module {   margin: 0;display: block;}
#topmenu {    padding: 0;margin: 0;}
#topmenu   li{list-style: none;    float: left;}
#topmenu   li a{ color: #aaa;    font-size: 15px;    text-transform: uppercase;padding:  15px ;font-family: 'barlow_condensedmedium';line-height: 45px;}
#topmenu li a img{display:inline-block;    margin: -7px 10px 0 0;}
#topmenu li a:hover{opacity:0.7;}
#sp-top-bar.sticky {
    background: #171819;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    transition: all 1s ease 0s;    position: fixed;
    z-index: 999;    left: 0;
    right: 0;
}

/******************HEADER*********************/
#sp-header {    background: transparent;    box-shadow: none;    height: auto; transition: all 1s ease 0s;}
#sp-logo {    position: absolute;    top: 0;    right: 85px;width: 162px;    padding: 0;}
.logo-image {    transition: all 0.3s ease-in-out 0s;}
#sp-header.header-sticky {    background: #171819;    box-shadow: 0 0 40px rgba(0,0,0,0.5); transition: all 1s ease 0s;}
#sp-header.header-sticky  .logo-image {    height: 100px;display:none;}
#sp-header.header-sticky #sp-logo {top: 20px;}
#sp-header.header-sticky .row {  transition: all 0.3s ease-in-out 0s;  }
.logo-image, #sp-header, #sp-logo {    transition: all 0.3s ease-in-out 0s;}

/******************MENU*********************/
.sp-megamenu-parent {    margin: 0px;    float: left;}
.sp-megamenu-parent > li > a {    color: #fff;   font-family: 'barlow_condensedsemibold';font-size: 18px;text-transform:uppercase;line-height: 50px; transition:  all 400ms;}
.sp-megamenu-parent > li.active > a {    color: #ffed00;}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active:hover > a {    color: #e6007e;}
.sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after {   display:none;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {    background:rgb(71 76 81);}
.joblink:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    right: 30px;
    background: url(../images/dreieich_x-yellow.svg) 100% 0 no-repeat;
    
    width: 50px;
    height: 50px;
    background-size: 30px;
    opacity: 0.7;
}
a.joblink {
    padding-right: 50px!important;
    display: block;
}
#roksearch_search_str {    background: #fff url(../images/ico_search_dark.svg) 98% 50% no-repeat;    border: none;    border-radius: 0;background-size: 20px;}
#roksearch_results .roksearch_odd {    background: #1e242a;    border-bottom: 1px solid #474c51;}
#roksearch_results span.small {    color: #aaa;    width: 130px;}
#roksearch_results br {    display: none;}



.ico_link a {padding-left: 40px!important;    background-size: 18px!important;   }
.ico_link.active a {}
.ico_home a {background:url(../images/ico-home.svg) 15px 14px  no-repeat; background-size: 18px!important; }
.ico_home.active a {background:url(../images/ico-home_active.svg) 15px 14px   no-repeat; background-size: 18px!important; }
.ico_home:hover a, .ico_home a:hover, .ico_home.active a:hover {background:url(../images/ico-home_hover.svg) 15px 14px   no-repeat; background-size: 18px!important; }

.ico_archiv {padding-left: 24px!important;    background-size: 18px!important;    background: url(../images/ico_filing_cabinet.svg) 0 17px no-repeat;    border-top: 1px solid #363b40;    padding-top: 15px!important;    margin-top: 10px;}
.ico_archiv:hover, li.current .ico_archiv {  background: url(../images/ico_filing_cabinet_red.svg) 0 17px no-repeat;    }



.itemid-164 #sp-main-body {
    padding: 40px 0 70px 0;
}
/******************LEFT Kategorie Filter*********************/
#sp-left {    padding-right: 45px;}
#sp-left .sp-module {    padding: 0;border:none;transition: all 400ms;    border-radius: 0;}
#sp-left .sp-module.programmheft:hover {transform: scale(1.1);}
#sp-left  .mod_left_cat {    background: #ffed00;    padding: 0;border-radius:0;transition: all 0.3s ease-in-out 0s;top: 0px; }
 .mod_left_yellow {    background: #ffed00;    padding: 0;border-radius:0;color: #363b40;}
  .mod_left_yellow a{ color: #e6007e;}   
 .mod_left_yellow a:hover{color: #363b40;}   
  .mod_left_yellow h3 {    color: #363b40;    font-size: 25px;} 
#sp-left .sp-module .sp-module-title {    margin: 0 0 0 0;    padding-bottom: 10px;    font-weight: normal;    border-bottom: 1px solid #000;    color: #363b40;    font-size: 35px;    text-transform: uppercase;padding: 20px;}
#sp-left  .sp-module-content{padding: 20px;}
.mod_left_cat  ul > li , ul#digi_showcase_filter li{    border-bottom: none!important;}
.mod_left_cat  ul > li  a , ul#digi_showcase_filter li a {    color: #363b40;font-size:20px;    font-family: 'barlow_condensedmedium';display:block;}
#sp-left .mod_left_cat.sticky {      position: fixed;        top: -35px;	    width: 100%;    max-width: 296px;transition: all 0.3s ease-in-out 0s;    z-index: 10;}
#sp-left .sp-module ul > li > a {        padding: 5px 0;    line-height: 1.2;}
#sp-left .sp-module ul  li.active a,#sp-left .sp-module ul  li.current a, #sp-left .sp-module ul  li:hover a {    color: #e9267a;}
.itemid-164 #sp-left .sp-module ul  li.item-234 a {    color: #e9267a;}
#sp-left .programmheft .sp-module-content {    padding: 0;}

/******************BLOG*********************/
.article-list .article {   border: none;    border-radius: 0;    background: #363b40;}
.introImageBlock {    margin: -20px -20px 20px -20px;    position: relative;}
.logoImageBlock {    position: absolute;    bottom: 10px;}

.blogprogramm .article-list .article h3	{    margin: 0;}
.blogprogramm .article-list .article h3 a {   color:#fff; text-transform:uppercase;}
.blogprogramm .article-list .article h3 a:hover{color:#e6007e;}
.blogprogramm .tab_intro {    margin: 15px 0;}
.introImage{position:relative}
.introImage:before{content: "";    position: absolute;    left: 0px;    width: 100%; height: 116px;    bottom: -62px; }
.col-md-4:nth-child(3n+1) .introImage:before, .col-md-3:nth-child(3n+1) .introImage:before{ background: url(../iamges/dreieich_slope-1.svg) 0 0 no-repeat transparent;}
.col-md-4:nth-child(3n+2) .introImage:before, .col-md-3:nth-child(3n+2) .introImage:before, .col-md-3:nth-child(3n+4) .introImage:before{     background: url(../iamges/dreieich_slope-2.svg) 0 0 no-repeat transparent;}
.col-md-4:nth-child(3n+3) .introImage:before, .col-md-3:nth-child(3n+3) .introImage:before{    background: url(../iamges/dreieich_slope-3.svg) 0 0 no-repeat transparent;}
.team .introImage:before { display:none}
.tab-meta {    font-family: 'barlow_condensedmedium';}
.tab-heading {  margin:5px 0;    min-height: 255px;}
.blogprogramm  .tab_veranstalter {    margin: 0 0 0 0;    font-size: 14px;}
.ribbon {width: 190px;    height: 190px;    overflow: hidden;    position: absolute;    top: -10px;    right: -30px;    z-index: 1;    top: 0;
    right: -20px;}
.ribbon__content { left: -22px;    top: 53px;    transform: rotate(45deg);    position: absolute;    display: block;    width: 267px;    padding: 10px 0px;    background-color: rgb(247, 230, 0);    box-shadow: rgba(0, 0, 0, 0.192) 0px 5px 10px;    color: rgb(54, 59, 64);    text-transform: uppercase;    text-align: center;    font-family: 'barlow_condensedsemibold';}
/*.ribbon::before {      top: 0;      left: 3px;      border-top-color: transparent;      border-right-color: transparent;      position: absolute;      z-index: -1;      content: '';      display: block;      border: 5px solid rgb(160 150 5);      box-sizing: content-box;  }
.ribbon::after {      bottom: 3px;      right: 0;      border-top-color: transparent;      border-right-color: transparent;      position: absolute;      z-index: -1;      content: '';      display: block;      border: 5px solid rgb(160 150 5);  }
*/
.article-body {    position: relative;}
.pink .ribbon__content {    background-color: rgb(234 48 116);color: rgb(255 255 255);}
.pink::before , .pink::after{      border: 5px solid rgb(158 34 79);}

.online .ribbon__content {    background-color: rgb(53 165 162);    color: rgb(255 255 255);}
.special .ribbon__content {        background-color: rgb(109 78 148);    color: rgb(255 255 255);}
.frei .ribbon__content {        background-color: rgb(109 78 148);    color: rgb(255 255 255);}

.page-link {       background-color: #ffed00;     border-color: #ffed00;      padding: 0 15px;    margin: 0 5px 0 0;    height: 44px;    line-height: 44px;   }
.pagination > li > a, .pagination > li > span {   color: #000;}
.page-item.active .page-link {       background-color: #e9267a;  border-color:#e9267a;       border-radius: 0;}
.page-item:last-child .page-link , .page-item:first-child .page-link{    border-radius: 0;}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus , .page-link:hover{    border-color:#e9267a;    background-color: #e9267a;    color: #fff;}




/*INFOBLOCK*************/
#sp-position2 .sp-module {    background: #363b40;      background: #000;  padding: 20px;    margin-bottom: 15px;}
#sp-position2 .sp-module:first-child {      padding-top: 70px;    padding-bottom: 10px;}
 #sp-position2 h3 {    font-family: 'barlow_condensedregular';    font-size: 28px;      margin: 12px 0 15px 0;}
.sp-module.mod_bild {    padding: 0!important;transition: all 400ms;    background: none!important;}
.sp-module.mod_bild:hover {transform: scale(1.1);transition: all 400ms;}
.aktuelleinfos .akt_date {    color: #f7e600;display:inline-block; margin-right:5px;}
.item_aktuelles{line-height:1.2; margin:0 0  10px 0;    height: 42px;}

/*HIGHLIGHTS*************/
#digi_showcase_carousel .slick-slide img {    margin-left: 0;}
#sp-position1 h3.sp-module-title {    position: absolute;    z-index: 100;    top: 142px;    left:-20px;    background: #000;    padding: 7px 20px 5px 20px;text-transform:uppercase;font-size:24px;}
#sp-position1 .sp-module {position:relative;}
#sp-position1 .sp-module:before {content:'';    position: absolute;    z-index: 99;    top:85px;    left: -85px;    background: url(../images/dreieich_x-yellow.svg) 0 0 no-repeat;    background-size: 166px;    width: 200px;    height: 200px;}
.digi_showcase.carousel .slick-list {    margin-left: 0!important;    margin-right: 0!important;}
#sp-position1 .item-content.no-image {    position: relative;}
.item-content{color:#363b40;}
.item-content-overlay {    position: absolute;    top: 0;    bottom: 0;       right: -1px;   left: 60%;     background: url(../images/dreieich_slider_yellow-bg.svg) right center no-repeat;}

.item-content-center {       display: flex;    flex-direction: column;    justify-content: center;    height: 100%;      padding: 0px 30px 0 120px;}
#sp-position1  h2 a {    color: #363b40;    font-size: 48px;    display: block;    font-family: 'barlow_condensedbold';text-transform:uppercase;line-height:0.9;      background: url(../images/dreieich_hatched-abstract.svg) 0 0 no-repeat;    background-size: 100%;}
#sp-position1  h5 {    font-family: 'barlow_condensedsemibold';    color: #363b40;    text-transform: uppercase;}
#sp-position1 .tab-meta {    font-family: 'barlow_condensedsemibold'; margin-bottom:15px;}
#sp-position1  span.tab_cat {    color: #e9267a;    display: block;    font-size: 20px; line-height:1;  text-transform: uppercase;}
.btn.btn-highlight {       background: rgb(54, 59, 64);    display: inline-flex;    color: rgb(255, 237, 0);    font-size: 22px;    max-width: 175px;}
.btn.btn-highlight:before {background: rgb(247 230 0);}
.slick-prev, .slick-next {    width: 40px;    height: 40px;top: auto;    bottom: -12px;    z-index: 100;}
.slick-prev:before, .slick-next:before{display:none;}
.slick-prev {   background: url(../images/ico_left_arrow_pink.svg) center center no-repeat;}
.slick-next {    background: url(../images/ico_right_arrow_pink.svg) center center no-repeat;}
.slick-prev:hover {   background: url(../images/ico_left_arrow_grey.svg) center center no-repeat;}
.slick-next:hover {    background: url(../images/ico_right_arrow_grey.svg) center center no-repeat;}
.slick-prev {    left: 20px!important;}
.slick-next {    right: 20px!important;}
.slick-dots {bottom: 15px;}
#digi_showcase_carousel .slick-dots li button::before {display:none;    color: #ffed00;}
#digi_showcase_carousel .slick-dots li button {background: #ffed00;    border: none;width:18px; height:18px; transition: all 1s ease 0s;}
#digi_showcase_carousel .slick-dots li.slick-active button , #digi_showcase_carousel .slick-dots li:hover button {    background: #e9267a; border: none;}
#digi_showcase_carousel {    margin-bottom: 0!important;}
#digi_showcase_carousel .introImage {    width: 71%;}
.mod_bfsbanner .item-content-overlay {   left: 59%; background: url(../images/dreieich_slider_red-bg.svg) right center no-repeat;color:#fff;}
.mod_bfsbanner .btn.btn-highlight {    background: #fff;    color: #d62f36;margin-right: 30px;}
.mod_bfsbanner .btn.btn-highlight:before {    background: rgb(214 47 54);}
.mod_bfsbanner .btn.btn-highlight:hover {    background: #000000;}
.mod_bfsbanner:before {display:none;}

/*Artikel*************/
.article-details {    background: #363b40;padding:40px;}
.article-details.programm {   padding:0;}
.showtime.showtime-slideshow {}
.showtime-default .showtime-image img {    outline: none;    border: none;    box-shadow: none;}
.view-article .slick-initialized .slick-slide {    display: block;    padding: 0; background: #181b1d;  }
.showtime-slideshow .showtime-image img {}
.slick-slider {    max-height: 585px;  overflow:hidden;}
.tab_content{padding:0 40px 40px 40px;}
.tab_links {    margin-top: 25px;}
.tab_content .tab-meta>span{    background-size: 23px;      padding: 0px 0px 10px 35px; display:block;}
.tab_content .tab_date {    background: url(../images/ico_calendar.svg) 0px 0px no-repeat;  }
 .tab_city {    background: url(../images/ico_marker.svg) 0px 0px no-repeat;}
 .tab_map {    background: url(../images/ico_map.svg) 0px 0px no-repeat;}
.tab_content .tab_price {    background: url(../images/ico_ticket.svg) 0px 0px no-repeat;}
.select2-container .select2-choice {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    height: 44px;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
}
.select2-container .select2-choice div {

width: 25px;}
.select2-container .select2-choice div b {

    background-position: 3px 7px;
}
#sp-content-right {    border-left: 1px solid #8e9092;    padding-left: 20px;}
#sp-content-left {    padding-right: 40px;}
 .info_city {    background: url(../images/ico_marker_grey.svg) 0px 0px no-repeat; background-size: 23px;      padding: 0px 0px 10px 35px; display: block;}
 .info_map {    background: url(../images/ico_map_grey.svg) 0px 0px no-repeat; background-size: 23px;      padding: 0px 0px 10px 35px; display: inline-block;}
.article-details span.tab_veranstalter { background: url(../images/ico_customer.svg) 0px 0px no-repeat; background-size: 23px;      padding: 0px 0px 10px 35px; display: block;}
.img-desc{  position: absolute;  bottom: 0; width: 100%;  left: 0;  right: 0; height: 50px;  padding: 11px 20px;   text-align: right;  font-size: 13px;  text-shadow: 0 0 5px #000; color: #fff;}


.newsitem {    background: #474c51;    padding: 20px;}
.newsitem h4{   text-transform: uppercase;    font-size: 20px;    margin-bottom: 20px;    border-bottom: 1px solid rgba(255,255,255,0.3);    padding-bottom: 20px;}
 em { }
.newsitem .showtime.showtime-slideshow {    margin: -20px -20px 20px;}



.team .introImage img {    width: 100%;}
.sp-module-content-top .article_anywhere {    background: #363b40;    padding: 40px;    margin-bottom: 30px;}
.sp-module-content-top .article_anywhere h2 {    font-size: 30px;    color: #fff;    line-height: 1;    font-size: 40px;    color: rgb(255, 255, 255);    margin: 0 0 30px 0;    padding-bottom: 0px;    text-transform: uppercase;}
.sp-module-content-top .article_anywhere h2 a {       color: #fff; pointer-events:none;}

 .showtime-slideshow  .slick-prev,  .showtime-slideshow .slick-next {
    width: 40px;
    height: 40px; 
    top: auto;
    bottom: -12px;
    z-index: 100;
}

/*******************FOOTER*******************/
#sp-footer, #sp-bottom {    background: #f2e100;    color: #1e242a;    font-size: 18px;}
#sp-footer a, #sp-bottom a {    color: #e9267a;}


/*****************FORMULARE*************/
.jsn-master .jsn-bootstrap form {    margin: 0;    background: #363b40;    margin-top: 80px;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {    color: #cccccc!important;    font-family: 'barlow_condensedregular'!important;    font-size: 18px!important;    font-weight: normal!important;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group {    padding: 0!important;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {    border-radius: 0!important;box-sizing: border-box!important;}
.jsn-master .jsn-input-xlarge-fluid {    width: 100%!important;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group .label-important, .jsn-master .jsn-bootstrap .jsn-form-content .control-group .label-important .badge-important {    background: #e6007e!important;}
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content span.required {    color: #e6007e!important;}
.jsn-master .jsn-text-center {   display:none;}
.jsn-uniform .form-actions .btn-toolbar {    display: flex;    justify-content: flex-end;    position: absolute;    bottom: 10px;    right: 10px;}
.jsn-uniform.jsn-master .jsn-row-container .form-actions {    margin-left: 0;   padding: 0;}
.optin input, .check input{display:none;}
label input[type="checkbox"] + span {  display: inline-block;    width: 25px;    height: 25px;    margin: 2px 10px 0 -38px;    vertical-align: middle;    cursor: pointer;   background: #fff;      line-height: 1.3!important;    position: absolute;}
label input[type="checkbox"]:checked + span:before {	content: "";    color: #21549e;    background: url(../images/ico_checkmark.svg) 0 0 no-repeat transparent; background-size: 20px!important;    width: 25px;    height: 25px;    position: absolute;    left: 1px;    top: 3px;}
.jsn-uniform .radio, .jsn-uniform .checkbox {    padding-left: 38px;}
.inputmy label, .inputmy .controls {}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group.inputmy .controls  input {    background: transparent!important;    border: none!important;    color: #fff!important;pointer-events: none;font-family: 'barlow_condensedsemibold'!important;    padding: 0 !important;margin-bottom: 30px!important;    font-size: 21px!important;}
.inputmy ::-webkit-input-placeholder {   color: #fff;}
.inputmy :-ms-input-placeholder {   color: #fff;}
.inputmy ::placeholder {   color: #fff;}
.article-details-buchung {    background: #363b40;    padding: 30px;    margin-top: 30px;}
.article-details-buchung h2 {    font-size: 40px;}
.article-details-buchung p.ft_desc {    font-size: 14px;}
.article-details-buchung p.ft_desc span{    font-size: 12px;}
.jsn-master .jsn-bootstrap .alert {    color: #fff;    border-color: transparent;    background-color: #cf0076;    border-radius: 0;}

.block_frankfurt {       width: auto;
    float: right;
    background: rgba(255,255,255,0.4);
    padding: 10px 20px;
    color: #000;}
.block_frankfurt img {
    margin-bottom: 8px;
}
.block_frankfurt a {display:inline-block;margin-bottom:10px;}
.block_frankfurt .btn:before {    background: rgb(134 137 140);}
.showtime-wall .showtime-image {    border-radius: 0;      border: none;transition:  all 400ms;}
.showtime-wall .showtime-image:hover {opacity:0.7;transition:  all 400ms;}
.streetfield1 {
       width: 75%!important;
    float: left !important;margin-right:5%;
}
.streetfield2 {
       width: 20%!important;
    float: left !important;
}

#footersection, #sp-banner .sppb-container-inner {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto!important;
}
#sp-bottom .sp-module ul.slick-dots li {
    display: inline-block;
    margin-bottom: 0;
}
#sp-bottom .sp-module ul.slick-dots {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#sp-bottom  .slick-dotted.slick-slider {
    overflow: visible;
}
#sp-bottom  .showtime-carousel .showtime-image img {
    border: none;
    box-shadow: none;
}

.banneritem img{
          max-height: 70px;
    width: auto;    margin: 0 auto;
}
#sp-banner {
    background: #fff;
    padding: 20px 0;
}
.bannergroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.banneritem {
       margin: 0px 20px 25px 10px;
    flex: 0 0 15%;
    max-width: 15%;
}
#sp-banner h3 {
    font-size: 23px;
    color: #aaaaaa;
   display:block;
    text-align: center;
    margin-bottom: 20px;
}
.rl_tabs>.tab-content {
    padding: 0;
    background-color: transparent;
}
.rl_tabs>ul.nav-tabs>li>a{
   
    font-family: 'barlow_condensedmedium';
    font-size: 20px;
    color: #fff!important;
	    padding: 8px 0;
    margin: 0 40px 0 0;    background-color: transparent;
    border: none;
}
.rl_tabs .nav-tabs>li.active>a, .rl_tabs .nav-tabs>li.active>a:hover,
.rl_tabs .nav-tabs>li:hover >a , .rl_tabs>.nav>li>a:hover,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #ffed00!important;
    background-color: transparent;
    border: none;

}
.rl_tabs>ul.nav-tabs>li.active>a:focus, .rl_tabs>ul.nav-tabs>li>a:focus {
    outline: 0;
    border: none;
}
.rl_tabs.top>ul.nav-tabs>li.active>a:focus, .rl_tabs.top>ul.nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
}
/*************FRONTEND*****************/
.edit.item-pageprogramm {
    background: #363b40;
    padding: 40px;
    margin-bottom: 30px;
}
.layout-edit #editor-xtd-buttons, .layout-edit .toggle-editor {

    display: none;
}
.layout-edit button {

  margin-right:35px;
}





.floox-icon {
      font-family: "Font Awesome 5 Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#sp-top2 .floox-search:before {
    content: "\e90d";
    margin-top: 11px;
    display: block;
}
.icon-top-wrapper {
  height: auto;
  line-height: 50px;
  margin: 0 0 0 5px;
  width: 15px;
  position: relative;
  z-index: 999999;
}
.icon-top-wrapper i {
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
font-size: 18px;
}
.icon-top-wrapper i.search-close-icon {
  font-size: 22px;
  color: #fff;
  z-index: 9999;
  position: relative;
  left: 4px;
  width: 16px;
  height: 16px;
}
.icon-top-wrapper i.search-close-icon:after,
.icon-top-wrapper i.search-close-icon:before {
  position: absolute;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #fff;
  left: 0;
  top: 0;
}
.icon-top-wrapper i.search-close-icon:before {
  transform: rotate(45deg);
}
.icon-top-wrapper i.search-close-icon:after {
  transform: rotate(-45deg);
}
.icon-top-wrapper .search-close-icon {
  display: none;
}

@import url("/components/com_sppagebuilder/assets/css/font-awesome-5.min.css");
.top-search-input-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  -webkit-animation: searchZoomIn .4s;
  animation: searchZoomIn .4s;
}
.top-search-input-wrap .top-search-overlay {
  position: absolute;
  background: rgba(0,0,0,0.85);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}
.top-search-input-wrap form {
  width: 100%;
}
.top-search-input-wrap .search-wrap {
  width: 100%;
}
.top-search-input-wrap .search-wrap .search.floox-top-search {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.top-search-input-wrap .search-wrap .search.floox-top-search input {
  border-radius: 3px;
  border-width: 0;
  height: 60px;
  background-color: transparent;
  box-shadow: none;
  padding: 10px 20px 10px 0;
  width: 100%;
  border-bottom: 3px solid;
  font-size: 24px;
  color: #fff;
  border-radius: 0;
}
.top-search-input-wrap .search-wrap .search.floox-top-search input:focus {
  outline: 0;
  box-shadow: none;
}
.top-search-input-wrap .search-wrap .search.floox-top-search .sp_search_input:after {
     content: "\f002";
  font-size: 20px;
  color: #fff;
 font-family: "Font Awesome 5 Free"!important;
  position: absolute;
  right: 15px;
  pointer-events: none;
  line-height: 60px;
  top: 42px;
    right: 53px;display:none;
}
.search-wrap .fa-search {
    position: absolute;
    top: 49%;
    left: auto;
    width: 20px;
    color: #fff;
    right: 31%;    cursor: pointer;
    z-index: 9999999;
}


.suche .sp-column  > .search {
    background: #363b40;
    padding: 40px;
    margin-bottom: 30px;
}

.sp-module.pull-right.floox-top-search {
    width: 60px;
    float: left;
}



p#reload-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: right;
    margin-top: -20px;
}
p#reload-btn:hover {
   opacity:0.7;
}




.mod_nl .sp-module-title , .mod_nl .sppb-addon-title{
    font-weight: normal!important;
    font-size: 25px!important;
    margin: 0 0 !important;
    color: #1e242a;
    text-transform: uppercase;
    background: url(../images/ico_newsletter.svg) 0 1px no-repeat;
    background-size: 42px;
    padding: 0 0 0 50px;
    display: inline-block;
    line-height: 2;
}

.acym_module_form #field_3{    width: 50%;    float: left; z-index: 10;}
.acym_module_form #field_1{    width: 50%;    float: left; z-index: 10;}
.acym_module_form label {    width: 100%;}
input#acym__user__edit__email {    max-width: 95%;}
.acym_module_form input {    border: none!important;    border-radius: 0!important;}
input.btn.btn-primary.button.subbutton {    background: #e6007e;    color: #fff;    padding: 4px 18px;}
.acym__users__creation__fields__title {    display: none;}
.acym_module_form label {    width: 100%;    font-size: 15px;}
.acym__custom__fields__select__form.acym__select{    border: none!important;
    border-radius: 0 !important;color: #757575;}
.acyfield_single_dropdown	label {
    margin: 0;
}
.acym_module_form #field_1 input, .acym_module_form #field_2 input {
    max-width: 100%;
}

/**************************POPUP********************/
#sp-absolute {  position: fixed;  bottom: 0;  right: 0;left:0;      margin: 0 auto;height:0px; z-index: 10;}
.sp-module.popupnl {    background: #f7e600 ;
    float: right;
    padding: 20px 40px 20px 20px;
    margin-bottom: 20px;
    bottom: 0px;
    height: 135px;
    position: relative;
    text-align: center;
    right: 0;
     box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.sp-module.popupnl 	li.edit-icon {
    display: none !important;
}
/*.sp-module.popupnl:after {   
      content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;

    border-width: 20px 20px 20px;
    border-color: #f7e600 transparent transparent transparent;
    bottom: -36px;
    right: 38%;  box-shadow: 0 0 5px rgba(0,0,0,0.3); }*/
.sp-module.popupnl:before:hover {color:#000;
}
.popupnl a.btn{
  
    background: #363b40;
    color: #f7e600;
    padding: 2px 25px 0px 15px;    margin-top: 0;

}
.popupnl a.btn:before {      background: rgb(247 230 0);}
.popupnl h3 {
    font-weight: normal!important;
    font-size: 25px!important;
    margin: 0 0 !important;
        color: #363b40;
    text-transform: uppercase;
    background: url(../images/ico_newsletter.svg) 0 1px no-repeat;
    background-size: 42px;
    padding: 0 0 0 50px;
    display: inline-block;
    line-height: 2;
}


a.closepopup{
    color: #1e242a!important;
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 25px;
    width: 20px;
    height: 20px;
    z-index: 27;
	    font-size: 22px;
 
}
 .closepopup:after {
    transform: rotate(-45deg);
}
.closepopup:before {
    transform: rotate(45deg);
}

.closepopup:before, .closepopup:after  {
    position: absolute;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #1e242a;
        right: 8px;
    top: 8px;
}
a.closepopup:before {
 /*   font-family: "FontAwesome";
    content: '\f057';*/
  
}
a.closepopup:hover {    color: #ebebeb;}






img.jsn-captcha-image {
    width: 150px;
}
input#jsn-captcha {
    position: absolute;
    width: 150px;
    margin-top: -48px;
    margin-left: 168px;
}
a.jsn-refresh-captcha {
    float: left;
    position: absolute;
    margin-top: -37px;
    margin-left: 326px;
}


.anreise h3 img {
        float: left;
    margin-right: 12px;
}




table{width:100%!important;}
tr:nth-child(odd) {
   /* background: rgba(255,255,255,0.1);*/
}
td {
       padding: 8px 10px;vertical-align: middle;border: 1px solid #4a4f53;
}
tr:first-child {
    background: rgba(255,255,255,0.1);
}
tr:first-child td{
    font-family: 'barlow_condensedsemibold';
    font-size: 22px;
}
.tableclass-1 td{width:100%!important;}
.tableclass-2 td{width:50%!important;}
.tableclass-3 td{width:33.3333%!important;}
.tableclass-4 td{width:25%!important;}



#sp-position7   .slick-slide {    background: transparent;}
#sp-position7 .showtime-carousel .showtime-image img {   border: none;    box-shadow: none;}
#sp-position7 .slick-dotted.slick-slider {       overflow: visible;}
#sp-position7 .slick-dots {    bottom: -20px;}
#sp-position7 .slick-dots li button:before {    width: 10px;    height: 10px;   }



.video-wrapper , .videoWrapper{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe, .videoWrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/**********FORMULAR********/


.jsn-master .jsn-bootstrap h4 {    margin: 5px 0 18px;    font-weight: normal;    color: #fff;    font-size: 22px;}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    padding: 5px 0!important;}

.control-group.single_line_text_74773260711_18_18 {    max-width: 20%;}
#buchbox .control-group.single_line_text_3470981878_20_17 {    max-width: 40%;}
#buchbox .control-group.name_vorname {    max-width: 40%;}
.control-group.single_line_text_74773260711_18_18 .controls, 
.control-group.single_line_text_3470981878_20_17 .controls, 
.control-group.single_line_text_8018052387_51_0 .controls,
.control-group.number_89159669011_16_9  .controls{    margin-right: 15px;}
.control-group.single_line_text_8018052387_51_0 {    width: 25%!important;}
.control-group.single_line_text_5536296568_8_31{width:75%!important}

div#\38 1-jsn-uf-form-field .jsn-column-item {     float: left;    height: 47px;    line-height: 47px;}

.optin input, .check input{display:none;}
label input[type="radio"] + span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 12px 0px 0 -26px;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    line-height: 1.3!important;
    position: absolute;
   
    border-radius: 100%;
}
label input[type="radio"]:checked + span:before {
    content: "";
 
    background: #ed267a;
    background-size: 20px!important;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 100%;
}
label input[type="radio"]:checked  +span {
    
   border: 1px solid #ed267a;
   
}
.jsn-uniform .radio {
    padding-left: 27px;    margin-right: 20px;    font-size: 15px;
}

.control-group.number_89159669011_16_9 {
    width: 25%!important;
}
.jsn-form-content .control-group .controls textarea {
      padding: 10px;font-size:16px; height: 208px!important;
}



.control-group.single_line_text_96805177811_17_48 {
    width: 75%!important;
}


.convertforms .cf-input.is-invalid {      border: 3px solid #ed267a!important;    }
.convertforms .cf-input.is-invalid  + label span {   border: 3px solid #ed267a!important; }

img.wf_file_icon {
    float: left;
}



.view-login .list-group{display:none;}
.login, .logout {
    background: #363b40;
    padding: 30px;
    width: 50%;
}

.view-login .login .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (max-width: 414px){

.control-group.number_89159669011_16_9 {
    width: 100%!important;
}
.control-group.single_line_text_96805177811_17_48 {
     width: 100%!important;
}

.control-group.single_line_text_74773260711_18_18 .controls, .control-group.single_line_text_3470981878_20_17 .controls, .control-group.single_line_text_8018052387_51_0 .controls, .control-group.number_89159669011_16_9 .controls {
    margin-right: 0px;    ;
}
.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    padding: 5px 0!important;
    width: 100%!important;
}
.control-group.single_line_text_74773260711_18_18, .control-group.single_line_text_3470981878_20_17, .control-group.name_vorname{
    max-width: 100%;
}



}



.fifteen  .sppb-addon-text-block {
    background: #363b40;
    padding: 30px;
}
.fifteen  #heading .sppb-addon-text-block {
    background: #363b40;
    padding: 30px 315px 30px 30px;
}
.fifteen .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.fifteen #heading .showtime.showtime-slideshow {
    position: absolute;
    width: 600px;
    right: 15px;
    top: 10%;
    max-height: 600px;
}

section#heading {
    min-height: 686px;
}
.fifteen h1 {    margin-bottom: 20px;}
.fifteen #testimonials h2{    font-size: 40px;
    color: rgb(255, 255, 255);
    margin: 0;
    padding-bottom: 0px;
    text-transform: uppercase;}
.fifteen .sppb-testimonial-pro {
    padding-bottom: 40px;
    background: #363b40;
    padding: 50px 30px;
}
.fifteen .sppb-carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
}
.fifteen .sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name {
   
    font-weight: normal;    font-family: 'barlow_condensedsemibold';
}
.fifteen .sppb-addon-testimonial-pro-footer {
 
    justify-content: center;
}
.fifteen .sppb-addon.sppb-addon-video {
    display: flex;
    flex-direction: column;
}
.fifteen .sppb-addon-video-local-source {
object-fit: cover;}
.fifteen .sppb-addon.sppb-addon-video h4.sppb-addon-title {
    order: 2;    margin-top: 10px;
}
.fifteen .sppb-testimonial-carousel-item-content {
    margin-bottom: 25px!important;
    background: #363b40!important;

    min-height: 220px;
}
.fifteen  .sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-item-content::before {
  
    border-top: 15px solid #363b40;
  
}
.fifteen  .sppb-testimonial-carousel-message {
     color: #cccccc!important;line-height: 1.4!important;
}
.fifteen .sppb-testimonial-carousel-name {
    color: #cccccc!important;
    font-weight: normal;
}

.fifteen .sppb-carousel-extended-nav-control .next-control {
 background: url(../images/ico_right_arrow_pink.svg) center center no-repeat!important;
    border: none;
}
.fifteen .sppb-carousel-extended-nav-control .prev-control {
background: url(../images/ico_left_arrow_pink.svg) center center no-repeat!important;
    border: none;
}
.fifteen .sppb-carousel-extended-nav-control .nav-control i {
    display: none;
}
.fifteen .sppb-carousel-extended-nav-control {
    top: -70%!important;
}
.fifteen .minsize .sppb-testimonial-carousel-message {
    font-size: 16px!important;
   
}
.fifteen .plakate.sppb-carousel-extended {    max-width: 328px;    margin: 0 auto;}
.fifteen .plakate .sppb-carousel-extended-content-wrap,
.fifteen .plakate .sppb-carousel-extended-item img, 
.fifteen .plakate  .sppb-carousel-extended-item-overlay {    border-radius: 0;}
.fifteen .plakate  .sppb-carousel-extended-heading {    display: none;}

.fifteen .sppb-addon-text-block.textblockright {
    background: #363b40;
    padding: 30px 30px 30px 330px;
}
.topcarousel {
    position: absolute;
    width: 900px;
    right: 0px;
    top: 10%;
    max-height: 600px;
}
.topcarouselleft {
    position: absolute;
    width: 750px;
    left: 0px;
    top: 10%;
    max-height: 600px;
}
 {
   
}
.columnright .sppb-col-md-8 {
      z-index: 2;
    }
.columnright	    .sppb-col-md-4 {
      z-index: 1;
    }
.gastbook  .sppb-addon-text-block {
  
    padding: 30px 30px 30px 0!important;
}

.spage .textbox {
  
    background: #363b40;
    padding: 40px;
}
.directions {}
.contactbox img{width:20px;margin-top: -12px;}
.spage .sppb-media .pull-left {
    width: auto!important;
}


.mapbox {
    margin: -30px -30px 10px -30px;position:relative;overflow: hidden;
}


.mapbox:before{content: "";    position: absolute;    left: 0px;    width: 100%; height: 116px;    bottom: -52px; }
.sppb-col-md-3:nth-child(1) .mapbox:before{ background: url(../iamges/dreieich_slope-1.svg) 0 0 no-repeat transparent;}
 .sppb-col-md-3:nth-child(2) .mapbox:before{     background: url(../iamges/dreieich_slope-2.svg) 0 0 no-repeat transparent;}
 .sppb-col-md-3:nth-child(3) .mapbox:before{    background: url(../iamges/dreieich_slope-3.svg) 0 0 no-repeat transparent;}
 .sppb-col-md-3:nth-child(4) .mapbox:before{     background: url(../iamges/dreieich_slope-2.svg) 0 0 no-repeat transparent; bottom: -62px;}
.column_loc h2 {    color: #ffed00;}


/**************NEW FORMS********************/
#cf_1 {    margin-top: 100px!important;}
.col-two {    width: 50%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.col-three {    width: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.col-two:first-child {    padding-right: 15px;}
.col-two:last-child {    padding-left: 15px;}
.convertforms {   background: transparent!important;margin-top:50px;}
.convertforms .cf-fields {    align-items: flex-start;}
.convertforms .cf-control-group {    padding: 8px 10px;}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {    padding: 0!important;}
.convertforms .cf-label {}
.cf-control-group h4 {    margin: 5px 0 18px;    font-weight: normal;}
.convertforms .cf-input {    border-radius: 0!important;}
.cf-control-group.cf-one-third.anrede {    width: 20%;}
.cf-control-group.cf-one-third.name {    width: 40%;}
.cf-control-group.cf-one-half.strasse, .cf-control-group.cf-one-half.ort , .cf-control-group.cf-one-half.grund{    width: 75%;}
.cf-control-group.cf-one-half.nummer, .cf-control-group.cf-one-half.plz , .cf-control-group.cf-one-half.menge{    width: 25%;}
.cf-radio-group {    float: left;    height: 38px;    line-height: 38px;}
#form1_anmerkungen {    padding: 10px;    font-size: 16px;    height: 208px!important;}
.convertforms  input[type="radio"] + label span {    display: inline-block;    width: 20px;    height: 20px;    margin: 0 0px 0 -26px;    vertical-align: middle;    cursor: pointer;    background: #fff;    line-height: 1.3!important;    position: absolute;    border-radius: 100%;}
.convertforms  input[type="radio"]:checked + label span:before {    content: "";     background: #ed267a;    background-size: 20px!important;    width: 12px;    height: 12px;    position: absolute;    left: 3px;    top: 3px;    border-radius: 100%;}
.convertforms  input[type="radio"]:checked  + label span {       border: 1px solid #ed267a;   }
.convertforms .cf-radio-group .cf-label {    padding-left: 27px;    margin-right: 20px;}
.cf-control-group.cf-one-half.send {  display: flex;    align-items: flex-end;    justify-content: flex-end;}
button.cf-btn.cf-width-auto.btn {    margin: 0;}
.inputEvent {    display: none !important;}
.inputDate {    display: none !important;}
input[type="checkbox"] + label span {  display: inline-block;    width: 25px;    height: 25px;    margin: 2px 10px 0 -38px;    vertical-align: middle;    cursor: pointer;   background: #fff;      line-height: 1.3!important;    position: absolute;}
input[type="checkbox"]:checked + label  span:before {	content: "";    color: #21549e;    background: url(../images/ico_checkmark.svg) 0 0 no-repeat transparent; background-size: 20px!important;    width: 25px;    height: 25px;    position: absolute;    left: 1px;    top: 3px;}
.optin label.cf-label {    padding-left: 38px;font-size:14px!important;}










/****************RD******************/



@media (max-width: 1600px ){}

@media (max-width: 1440px ){
	
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {        padding: 0 12px;    }
	
}

@media (max-width: 1366px ){
.introImage:before {    bottom: -63px;}
}

@media (max-width: 1280px ){
.introImage:before {    bottom: -66px;}
#sp-left .sp-module .sp-module-title {    font-size: 30px;}
.cf-control-group.cf-one-half.strasse, .cf-control-group.cf-one-half.ort, .cf-control-group.cf-one-half.grund {    width: 70%;}


}

 


@media (max-width: 1195px){
#sp-position1 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}	
#sp-position2 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;margin-top:30px;}		
#sp-position2 .sp-column {        display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    align-items: center;    background: rgb(0, 0, 0);    }	
#sp-position2 .sp-module{    -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;    }	
#sp-position2 .sp-module:nth-child(1){  }
/*#sp-position2 .sp-module:nth-child(2){  padding-left: 30px!important;    padding-right: 15px!important;}
#sp-position2 .sp-module:nth-child(3){  padding-left: 15px!important;   }	*/
#offcanvas-toggler.offcanvas-toggler-left {       margin-top: -44px;position:absolute;}
#sp-logo { }
#sp-position2 .sp-module:first-child {    padding-top: 0;}
#sp-position2 .sp-module {    margin-bottom: 0px;}
.article_anywheremod_bild p {    margin: 0;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {    padding: 0 12px;}
.blogprogramm .col-md-3 {   -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;   }
.blogprogramm .col-md-3:last-child { display:none;}
#sp-left {    -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;}
#sp-component{    -ms-flex: 0 0 66.6666%;    flex: 0 0 66.66666%;    max-width: 66.66666%;}
.itemid-164 #sp-component{    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.blogprogramm  .col-md-4 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.introImage img {    width: 100%;}
.item-content-overlay {    background-size: cover;}
#sp-content-left {
   -ms-flex: 0 0 66.6666%;    flex: 0 0 66.66666%;    max-width: 66.66666%;
}
#sp-content-right {
     -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;
}
.team .col-md-3 {      -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;}





.tableclass-1 td , .tableclass-2 td, .tableclass-3 td, .tableclass-4 td{
  
    display: block;
    width: 100%!important;
}
.tableclass-2 tr:first-child td {
  
    width: 50%!important;
    display: inline-block;
}

.tableclass-3 tr:first-child td {
  
    width: 33.3333%!important;
    display: inline-block;
}

tr {    border: 1px solid #4a4f53;}
td {    border: none;}

.mod_bfsbanner .introImage img {    width: 71%;}
.col-two {    width: 100%;}
.col-two >.cf-control-group h4 {    margin-top: 30px;}




}

@media (max-width: 1024px){
.com-sppagebuilder	#sp-component {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.spage.directions	.sppb-col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;margin-bottom:20px;
}


.topcarousel, .topcarouselleft {
  
    position: relative;
}

 .kultursommer   .sppb-col-md-4 {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;flex-basis: 100%!important;
    }

 .kultursommer   .sppb-col-md-8 {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;flex-basis: 100%!important;
    }
 .kultursommer  .fifteen .sppb-addon-text-block.textblockright {

    padding: 30px 30px 30px;
}






	
}



@media (max-width: 960px){

.offcanvas-menu  {    background: #000;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { color: #fff;    font-family: 'barlow_condensedsemibold';    font-size: 18px;    text-transform: uppercase;    line-height: 50px;    transition: all 400ms;}
#topmenu {    padding-left: 90px;}
#topmenu li {    display: none;}
#topmenu li.item-134 ,#topmenu li.item-181, #topmenu li.item-274 , #topmenu li.item-275 {display:block;}
.offcanvas-menu li.item-134 ,.offcanvas-menu li.item-181, .offcanvas-menu li.item-274 , .offcanvas-menu li.item-275 {display:none!important;}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {    margin-bottom: 0;}
.close-offcanvas {    font-size: 22px;    background: #000;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus { color: #e9267a;}
#sp-header.header-sticky #offcanvas-toggler.offcanvas-toggler-left {    margin-top: 1px;}
#sp-header.header-sticky #sp-logo {   }
#sp-left {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
#sp-component{    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}


#sp-left #sideNavigation {   height: 100%;   width: 0;  position: fixed;   z-index: 10000;   top: 0;   left: -40px;     background-color: #ffed00;;overflow-x: hidden;   padding-top: 60px;    transition: 0.5s;  }
#sp-left #sideNavigation .closebtn {    color: #363b40;    float: right;margin-top: -30px;}
#sp-left nav.topnav {    padding: 15px 20px;    float: left;}
#sp-left .mod_verantaltungen  .sp-module-title {        padding: 17px 20px 10px 20px;}
#sp-left {    padding-right: 15px;}
#sp-left .mod_verantaltungen {    margin-bottom: 25px;}
.sp-module.mod_left_cat.mod_abo {    margin-bottom: 25px;}
#sp-left {   
    order: 2;margin-top:30px;}
main#sp-component {    order: 1;}

.programm #sp-left  {    order: 1;margin-top:0px;}
.programm #sp-component  {    order: 2;}

.abo #sp-left {    order: 1;margin-top:0px;}
.abo #sp-component  {    order: 2;}

.fifteen #sp-page-builder #heading .sppb-addon-text-block {
    background: #363b40;
    padding: 20px;
}
.fifteen #heading .showtime.showtime-slideshow {
  
    position: relative;right: 0;
    width: 100%;
}
.fifteen .sppb-col-md-4 {
    margin-bottom: 30px;
}

	}


@media (max-width: 768px){



.blogprogramm .col-md-3 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.blogprogramm .col-md-4 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.blogprogramm .col-md-3:last-child {    display: block;}
.blogprogramm .introImage img{    width: 100%;}
.slick-prev, .slick-next{display:none!important;}
.logo-image-phone {    height: 110px;}
#sp-logo {    top: -25px;    right: -10px;}
.item-content-overlay {   left: 56%;}
#sp-position1 h2 a {     font-size: 35px;}


.mod_bfsbanner .item-content-overlay {       background-size: cover;    left: 56%;}
.mod_bfsbanner .item-content-center {    padding: 0px 30px 0 80px;}




	}



 

@media (max-width: 430px){

#topmenu li.item-134 ,#topmenu li.item-181 {display:none;}
.logo-image-phone {    height: 80px;}
#sp-logo {    top: -37px;     width: 28%;}
#offcanvas-toggler.offcanvas-toggler-left {    margin-top: -44px;}
.h1, h1 {    font-size: 30px;}
#sp-position1 h2 a {    font-size: 25px;}
.item-content-center {     padding: 0px 15px 0 65px;}
#digi_showcase_carousel .introImage {    width: 100%;}
.item-content-overlay {    left: 0%;    background-size: cover;    position: relative;padding: 50px 15px 15px 15px;       background: url(../images/dreieich_slider_yellow-bg-rotate.svg) 0px top / 100% no-repeat;       margin-top: -67px;}
.mod_bfsbanner .item-content-overlay  {    left: 0%;    background-size: cover;    position: relative;    padding: 80px 0 15px 0;    background: url(../images/dreieich_slider_red-bg_rotate.svg) 0px top / 100% no-repeat;    margin-top: -92px;   }
.mod_bfsbanner .item-content-center {    padding: 0px 15px 0 15px;}
.item-content-center {    padding: 0;}
#sp-position1 span.tab_cat {      font-size: 14px;}
span.tab_date {    font-size: 14px;}
#sp-position1 h5 {    font-family: barlow_condensedsemibold;    color: rgb(54, 59, 64);    text-transform: uppercase;    font-size: 16px;}
#digi_showcase_carousel .slick-dots {    display: none !important;}
#sp-position1 .sp-module::before {
  
    top: 8px;
    left: -30px;
    background: url(../images/dreieich_x-yellow.svg) 0px 0px / 65px no-repeat;
    width: 65px;
    height: 65px;
}
	#sp-position1 h3.sp-module-title {
    position: absolute;
    z-index: 100;
    top: 26px;
    left: -8px;
    background: #000;
    padding: 7px 8px 5px 8px;
    text-transform: uppercase;
    font-size: 13px;
}
#sp-position2 .sp-module {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#sp-position2 h3 {
     margin: 20px 0px 15px;
}
	#sp-position2 .sp-module:first-child {
  
    padding-bottom: 15px;
}
#sp-position2 .sp-column {
 
    background: transparent;
}
#sp-position2 .sp-module {
    margin-bottom: 15px;
}


.blogprogramm .col-md-3 {  -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.blogprogramm .col-md-4 {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.banneritem {
    margin: 0px;
    flex: 0 0 48%;
    max-width: 50%;
}
.introImage:before {
    bottom: -49px;
}
#sp-main-body {
    padding: 00px 0 70px 0;
}
#sp-content-left {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
#sp-content-right {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.tab_content {
    padding: 0 15px 15px 15px;
}
div#sp-content-left {
    padding-right: 15px;
}
div#sp-content-right {
    border-left: none;
    padding-left: 15px;
    border-top: 1px solid rgb(142, 144, 146);
    padding-top: 20px;
    margin-top: 20px;
}
.article-details-buchung {
  
    padding: 20px 15px;
}
.jsn-uniform .form-actions .btn-toolbar {
    display: block;

    position: relative;

    left: 0;
}
.jsn-uniform .form-actions .btn-toolbar .btn {
    font-size: 20px;
    line-height: 37px;
}
.jsn-uniform.jsn-master .jsn-row-container .form-actions {
    text-align: left;
   
}
.block_frankfurt {    width: 100%;        margin-bottom: 20px;   }
#cf_1 {    margin-top: 0px !important;}
.cf-control-group.cf-one-third.anrede {    width: 100%;}
.cf-control-group.cf-one-third.name {    width: 100%;}
.cf-control-group.cf-one-half.strasse, .cf-control-group.cf-one-half.ort , .cf-control-group.cf-one-half.grund{    width: 100%;}
.cf-control-group.cf-one-half.nummer, .cf-control-group.cf-one-half.plz , .cf-control-group.cf-one-half.menge{    width: 100%;}


.sp-module-content-top .article_anywhere {
  
    padding: 20px 15px;

}
.team .col-md-3 {   -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.mod_bfsbanner .introImage img {
    width: 100%;
}
.mod_bfsbanner .item-content-overlay {    left: 0%;}

.spage.directions	.sppb-col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.linktoall {
   position:relative!important;display: block !important;
        width: 100%;
}

}

 

/*Android (Nexus 4) portrait */

@media (max-width: 384px){

.introImage:before {    bottom: -56px;}
}

 


/*iPhone 6 portrait */

@media (max-width: 360px){

 .introImage:before {    bottom: -58px;}

}

 
/*iPhone 5 portrait + Crappy Android landscape*/

@media (max-width: 320px){
.introImage:before {    bottom: -67px;}
 

}