/* === responsive === */

.mob{
    display: none !important;
}

.no-mob{
    display: block !important;
}

.js-slide-div{
    display: block ;
}

@media only screen and (max-width: 1024px) {
    .slick-next {
        right: 36px;
        background-color: #e8f1ef78;
        border-radius: 40px;
        width: 80px;
        height: 80px;
    }
}


@media only screen and (max-width: 1023px) {

    /********************************
    /*      General                 */
    /********************************/

    body{

        /*border: 2px solid red;*/
    }

    .mob{
        display: block !important;
    }

    .no-mob{
        display: none !important;
    }


    #snb_link,
    #yoohoo,
    #yoohoo a#startseite,
    #yoohoo a#ticketvorhanden,
    #fb-event a {
        /*display: none; bf 2018-02-17 */
    }
    #topnav,
    #mainnav{
        display: none;
    }
    #header-center {
        display: none;
    }
    .page {
        padding: 0 0 10px;
    }

    #header{
        height: 55px;
        color: #FFF;
        z-index: 40;
    }
    #header #topnav,
    #header #LTS-header-schrift,
    #header #LTS-header {
        display: none;
    }
    #p119 div.content, div.content {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #p119 div.page {
        background-position-y: 130px;
    }
    .main-content {
        margin: 0;
    }
    #main {
        z-index: 15;
    }

    div.holder.weisse-boxen-3fach div.weisse-boxen-3fach {
        width: 94%;
        min-height: 0;
        padding: 3%;
    }
    #search-home {
        width: 90%;
        margin: 0 0 0 8.3%;
        font-size: 18px;
    }
    div.holder.boxen-3fach{
        width: 94%;
        margin: 15px 0 0 3%;
        padding: 0 0 20px 0;
        border-bottom: none;
    }
    div.holder.weisse-boxen-3fach {
        width: 80%;
        margin: 15px 10% 0 10%;
        padding: 0 0 20px 0;
        border-bottom: none;
    }
    div.weisse-boxen-3fach {
        border-bottom: 2px dotted #92c4b0;;
        margin: 0 15px;
        padding: 15px;
    }
    div.weisse-boxen-3fach:last-Child {
        border-bottom: none;
    }
    /*.weisse-boxen-3fach .csc-header,
    .weisse-boxen-3fach h3 {
        margin: 0 15px;
    }*/
    .holder.grosse-boxen-2fach {
        max-height: unset;
        border-bottom: none;
    }
    #ticker {
        padding: 05px 0 0;
    }
    marquee {
        height: 25px;
    }
    .flex-direction-nav {
        display: none;
    }
    .flex-control-paging li a {
        width: 8px;
        height:8px;
    }
    .flex-control-nav {
        bottom:0;
    }
    .flexslider {
        margin: 0;
    }
    body#highlights .main-content,
    div.main-content {
        margin: 0;
        padding: 25px 3%;
        width: 94%;
    }
    .csc-default h1 {
        margin: 0 0 20px;
        /* margin: 0 0 20px 25px; */
    }
    .slick-slide img {
        width: 80%;
        height: 80%;
        margin: 0 auto;
    }
    .slick-text .bodytext {
        padding: 0 10%;
    }
    .slick-prev {
        left: -18px;
    }
    .slick-next {
        right: -18px;
    }
    .slick-prev,
    .slick-next {
        top: 39%;
    }
    div.startseite-carousel {
        border-bottom: none;
    }
    .single-item {
        margin:0;
    }
    .grosse-boxen-2fach {
        width: 100%;
        margin-right: 0;
    }

    div.csc-textpic .csc-textpic-imagewrap figure {
        margin: 0 30px;
    }
    .grosse-boxen-2fach .csc-textpic-text {
        margin: 0;
    }
    .grosse-boxen-2fach .csc-textpic-text p.bodytext {
        font-size: 16px;
    }
    .grosse-boxen-2fach:first-child {
        margin-bottom: -110px;
    }
    div.holder.boxen-3fach{
        text-align:center;
    }
    div.all-sponsors-holder {
        padding: 20px;
    }
    div.all-sponsors {
        padding: 0;
    }
    h4.titel1 {
        margin-top: 0;
    }

    /********************************
    /*      Navigation              */
    /********************************/

    .mobnav-toggle {
        background: transparent url("../img/icons/hamburger.svg") no-repeat scroll -2px 2px;
        height: 22px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 22px;
        transform: translateY(-50%);
        width: 28px;
        cursor: pointer;
        border: none;
        z-index: 50;
        float: right;
    }

    #fb-event a,
    .mobnav-toggle.toggled-on {
        background: transparent url("../img/icons/menu-close.png") no-repeat scroll center center;
        margin-top: 1px;
    }

    #mob-header {
        background: #E9F0EC;
        display: block;
        height: 55px;
        position: fixed;
        width: 100%;
        z-index: 50;
        text-align: left;
    }

    #mob-header a{
        display: inline-block;
        /*margin-top: 2px;*/
        padding: 0;
        /*width: 276px;*/
    }

    #mob-header a img{
        display: inline-block;
        max-height: 35px;
        z-index: 5;
        margin: 10px 0 0 10px;
        max-width: 100%;
    }
    #mob-header a img.datum{
        max-height: 22px;
    }
    #mob-header a.loginmeintag img,
    #mob-header a.overview img{
        width: 20px;
        padding: 0 0 5px 5px;
        box-sizing: unset;
    }
    #mob-header a.loginmeintag img{
        padding-left: 15px;
    }

    ul#mobnav{
        list-style: outside none none;
        margin: 0;
        background-color: #E9F0EC;
        position: fixed;
        width: 94%;
        top: 55px;
        display: none;
        padding: 0% 3% 6% 3%;
        z-index: 1000;
        height: calc(100vh - 55px);
        overflow: scroll;
    }

    ul#mobnav li:first-child{
        border: none;
    }

    ul#mobnav li{
        color: #2f2727;
    }

    ul#mobnav li span,
    ul#mobnav li a{
        display: block;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        padding: 6px 0 6px 20px;
        text-align: left;
        width: 93%;
        color: #005d55;
        letter-spacing: 0.1em;
        line-height: 1;
    }

    ul#mobnav li.mobnav-top span,
    ul#mobnav li.mobnav-top a{
        padding-left: 6px;
        text-transform: uppercase;
    }
    #footer ul {
        margin: 0 0 20px 0;
        width: 24%;
    }
    #mobile-footernav {
        background: RGBA(188, 209, 197, 1.00);
        padding: 5px;
        text-align: center;
    }
    #mobile-footernav ul {
        margin: 0 auto;
    }
    #mobile-footernav ul li {
        color: RGBA(32, 103, 31, 1.00);
        list-style: none;
        display: inline-block;
        padding: 0;
        font-size: 14px;
        line-height: 28px;
    }
    #mobile-footernav ul li a {
        padding: 0 5px;
    }
    ul#mobnav li.dotted{
        border-bottom: 1px dotted #005d55;
        margin-bottom: 3px;
        padding-bottom: 0px;
    }
    ul#mobnav li.dotted-top{
        border-top: 1px dotted #005d55;
        margin-top: 12px;
    }
    .footer-end {
        width: 100%;
        height: 190px;
        padding-bottom: 20px;
        background-position-x: center;
        background-position-y: top;
        background-size: 100% 100%;
    }
    #footer {
        padding: 30px 20px;
    }
    .all-sponsors h3 {
        font-size: 28px;
    }
    .grosse-boxen-2fach .csc-textpic-text {
        max-width: 465px;
    }
    .mobile-footer {
        display: block;
        background-color: RGBA(225, 234, 228, 1.00);
        text-align: center;
    }
    .mobile-footer img {
        margin: 10px 0 0 30px;
    }
    span.footer-adresse {
        font-size: 16px;
        padding: 10px 30px;
        display: block;
        line-height: 20px;
    }

    /********************************
    /*      Sponsors           */
    /********************************/

    .sponsors-index label {
        margin-bottom: 10px;
        width: 100%;
        padding: 0!important;
    }

    .sponsors-index img {
        display: block;
        margin: 10px auto 15px auto;
        float: none;
        height: 60px;
    }

    .sponsors-index a#thalia img {
        margin-left: 30px !important;
    }
    .sponsors {
        margin: 40px auto 20px auto;
        float: none;
    }
    /********************************
    /*      Programmsuche           */
    /********************************/

    .sucheform {
        display: block;
        float: none;
        margin: 0;
        padding: 5px 3%;
        width: 94%;
        border: none;
    }
    .sucheform h2 {
        font-size: 16px;
        margin-bottom: -5px;
        height: 20px;
        font-weight: bold;
    }
    .sucheform span.fullsearch {
        border-bottom: 1px solid #696969;
        display: block;
        float: none;
        margin: 8px 0 0 5px;
        /*max-width: 258px;*/
        padding-bottom: 2px;
        text-align: left;
    }

    #js-angebotSearchForm form{
        display: block;
        float: left;
        margin: 20px 0 0 0;
        text-align: left;
        width: 100%;
    }


    .box_block_search .floatbox_left.termine,
    .box_block_search .floatbox_left.bezirke,
    .box_block_search .floatbox_left.themen,
    .box_block_search .floatbox_left.artdesangebots,
    .box_block_search .floatbox_left.stichwort {
        width: 100%;
        display: block;
    }
    div.searchform ul.list-column {
        margin-bottom: 0;
    }

    div.transparent {
        padding: 0 16px 0 10px;
    }

    .register_info .js-details-off .more {
        width: 47px;
        float: none;
        margin-top: 12px;
    }
    .register_info .js-details-on .more {
        width: 71px;
        float: none;
        margin: 12px 0;
    }

    .location{
        padding: 14px 10px 6px !important;
    }

    .location ul li{
        margin: 0 !important;
    }

    .location ul li span {
        position: relative;
        top: -2px !important;
    }


    div.floatbox_right .themen,
    div.noscroll{
        height: auto !important;
        min-height: initial !important;
    }

    div.js-accordion ul.open,
    div.js-accordion .table-box,
    div.js-accordion div.fuerwen {
        display: none;/**/
    }

    div.js-accordion h3{
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
    }

    div.js-accordion h3.active{
        margin-bottom: 10px !important;
    }

    div.js-accordion h3:after{
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 9px solid #005d55;
        clear: both;
        content: "";
        height: 0;
        position: absolute;
        right: 5px;
        top: 4px;
        width: 0;
    }

    div.js-accordion h3.active:after{
        margin-bottom: 10px !important;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 9px solid #005d55;
        position: absolute;
        top: 0;
        right: -4px;
    }

    .sucheform-sucheliste {
        width: 100%;
        margin: 0;
    }

    .sucheliste {
        display: block;
        float: none;
        margin: 0;
        padding: 15px 3%;
        width: 94%;
    }
    .register_info a.button_buchen {
        float: left;
    }
    a.angebot-title {
        margin-top: 5px;
    }
    .register_info .details_show {
        font-size: 14px;
    }
    .register_time span.mob{
        display: inline-block !important;
    }
    .register_day {
        padding: 0 0 28px 18px;
    }
    .register_info {
        padding: 0;
    }

    .img_year,
    .img_weekday,
    .img_monthz,
    .img_day {
        width: 19px;
    }

    div.angebotuntertitel,
    a.angebot-title {
        width: auto;
    }

    /********************************
    /*      CONTENT PAGE CMS       */
    /********************************/
    .sublayout-blank {
        padding: 0 15px;
        margin: 0 10px;
        float: left;
    }

    .sublayout-blank #col3 {
        margin: 0;
        min-height: 600px;
        padding: 0;
        width: auto;
    }

    div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
    div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
        clear: both;
        float: none !important;
        display: block;
        width: 70%;
        max-width: 300px;
        margin: 10px auto !important;
    }

    div.csc-textpic-intext-right-nowrap div:nth-child(2),
    div.csc-textpic-intext-left-nowrap div:nth-child(2){
        margin: 10px auto !important;
    }

    .sublayout-blank {
        margin: 0;
        padding: 0 10px;
    }

    #ggfb .sublayout-blank #col3,
    #ggfb .sublayout-blank #col1_content,
    #ggfb .sublayout-blank #col3_content {
        width:100% !important;
    }
    #ggfb .sublayout-blank #col3_content img{
        height: 100% !important;
        width: 100% !important;
    }
    #col3_content .sponsors-index a {
        display: block;
        width: 100%;
        text-align: center !important;
    }
    #col3_content .sponsors-index a img {
        display: block !important;
    }


    /********************************
    /*      Anbieter                */
    /********************************/

    .sublayout-list {
        display: block;
        float: none;
        margin: 0 auto;
        /*padding: 0 2%;
        width: 96%;*/
    }

    .akteurliste_a-z {
        height: 60px;
    }

    .list_akteurliste {
        padding: 5px 0 0 15px;
    }

    .list_akteurliste li {
        margin: 10px 0;
    }

    /********************************
    /*      Angebote Details        */
    /********************************/

    /** sublayout-2-col cols **/

    .sublayout-2-col #col3 {
        float: none;
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 97%;
    }

    .sublayout-2-col #col1 {
        float: none;
        display: block;
        margin: 15px auto;
        min-height: 585px;
        padding: 0;
        width: 97%;
    }

    .angebot-detail-infos,
    .angebot-detail-buttons {
        width: 100%;
    }
    #anbieter .angebot-detail-bild,
    .angebot-detail-bild {
        width: 100%;
        padding: 0;
    }
    #tab_detail_header {
        display: none;
    }
    .angebot-detail-header a.button_drucken {
        display: none;
    }
    .angebot-detail-buttons {
        width: 25%;
        padding: 0;
    }
    .angebot-detail-buttons-right {
        width: 73%;
        padding: 0;
    }
    .angebot-detail-bild {
        margin-top: 20px;
    }

    /** Black box with tabs **/

    #tab_detail_impression, #tab_detail_karte, #tab_detail_bvg {
        width: unset;
    }

    #tab_detail_impression img, #tab_detail_karte img {
        height: auto;
        width: 100%;
        z-index: 20;
    }

    #tab_detail_header ul li {
        /*height: 27px;
        margin: 0 4px 0 0;
        padding: 0;
        width: 100%;*/
    }
    #tab_detail_header ul li a {
        text-align: center;
        width: auto;
    }

    #tab_detail #widget {
        height: 220px;
    }

    #tab_detail #widget input {
        width: 70%;
    }
    #tab_detail #widget div span{
        float: none;
    }

    /** Angebote box info **/

    .green_corners_footer,
    .green_corners_header{
        padding: 20px 15px;
    }

    .green_corners_header .button_zurueck{
        width: auto !important;
    }

    .green_corners_main {
        padding: 0 15px;
        width: 92%;
    }

    .green_corners_main h2.untertitel{
        margin-top: 0;
    }
    .green_corners_main h1.titel,
    .green_corners_main h2.untertitel{
        margin-bottom: 10px;
    }


    /** Extra **/

    #back_page_grad,
    .page_margins{
        width: 100%;
    }
    #headline {
        display: none;
    }
    .right-content {
        margin: 10px auto 0 auto !important;
        float: none !important;
        border-right: 0;
        border-left: 0;
    }
    .title-neues-datum{
        width:258px !important;
    }

    .right-content-first{ margin-bottom: 32px !important; }

    .slideshow_responsive {
        float: none !important;
        border-right: 0 !important;
        border-left: 0 !important;
    }

    .slideshow_responsive,
    .slideshow_responsive img {
        height: auto;
        margin: 0;
        width: 100%;
    }

    .sucheliste .separator  {
        border-bottom: solid 5px #959595;
        margin: 20px 5px 40px 10px;
    }
    .sponsors.sponsorsbottom  {
        display: block;
    }
    .sponsors.sponsorstop {
        display: none;
    }
    .slideshow_responsive .slideshow_undertitle,
    .slideshow_responsive .slideshow_title {
        width: 90% !important;
    }


    /* img { width: 100%; height: auto;  } */

    ul#mainmenu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .register_day {
        background: none;
        padding: 0;
    }
    .angebot-buchen.button_buchen,
    a.button_merken_details {
        /* display: none; bf 2018-02-17 */
    }
    .social_share_privacy_area .facebook {
        width: 100px !important;
    }
    #socialshareprivacy {
        margin-left: 15px !important;
    }
    #tab_detail_header ul li {
        border-left:none;
        border-right: none;
    }
    #tab_detail_impression, #tab_detail_karte, #tab_detail_bvg {
        padding: 0;
        width: 100%;
    }
    div#c321 {
        display: none;
    }
    div#c323 {
        display: block;
    }

    div#so-sind-sie-dabei,
    div#nicht-genug {
        display: none;
    }
    #col3_content marquee {
        margin-top: 10px;
    }
    .bezirk {
        padding: 0;
        margin: 0;
    }
    div.csc-textpic .csc-textpic-imagecolumn {
        margin-bottom: 20px;
    }
    div.csc-textpic .csc-textpic-imagewrap figure {
        margin: 0;
    }
    .sponsors-index img.sponsors-index_img-umvk {
        height: 33px;
        margin-top: 5px;
    }
}
@media only screen and (max-width: 769px) {
    #p119 h1.csc-firstHeader {
        text-align: center;
    }
    .holder.grosse-boxen-2fach {
        margin-top: 0px;
        text-align: center;
    }
    .grosse-boxen-2fach {
        width: 490px;
        margin: 0 auto -50px;
    }
    .grosse-boxen-2fach:first-child {
        margin-right: unset;
        margin-bottom: -90px;
    }
    .grosse-boxen-2fach .csc-textpic-text {
        text-align: left;
    }
    iframe#programmheftyumpu {
        width: 700px;
        height: 350px;
    }
    div.holder.boxen-3fach div.boxen-3fach {
        margin: 0 30px 20px 0;
    }
    #bookingModal {
        top: 0px !important;
    }
    .slick-text h3 {
        font-size: 14px;
        margin: 0 10px 10px 10px;
    }
    #footer ul#footer-meta li a, #footer li {
        font-size: 13px;
    }
}

@media only screen and (max-width: 667px) {
    #js-angebotSearchForm .floatbox_left.stichwort h3 {
        display: none;
    }
    #p119 div.main-content {
        margin: 20px auto 0;
    }
    #p119 h2.csc-firstHeader,
    #p119 h1.csc-firstHeader {
        font-size: 16px;
        line-height: 20px;
        margin: 10px auto;
    }
    .slick-text .span p {
        font-size: 16px;
        text-align: center;
    }
    .holder.grosse-boxen-2fach {
        margin-top: 0px;
    }
    #angebote h3 {
        font-size: 16px;
        font-weight: bold;
    }
    #angebote .sucheliste h3 {
        font-size: 18px;
    }
    .tx-srfeuserregister-pi1 dt,
    .tx-srfeuserregister-pi1 dd {
        clear: both;
        text-align: left;
        width: 80%;
        font-size: 85%;
    }
    #search-home {
        display: inline-block;
        text-align: center;
        background-color: transparent;
        padding-bottom: 0;
        height: 50px;
    }
    .search-home_headline, .search-home_detailsearch, .search-home_detailsearch > a, .search-home-fields {
        float: none;
        margin-bottom: 4px;
    }
    #search-home .search-home_headline,
    #search-home .search-home_detailsearch {
        display: none;
    }
    div.buttons-seitenende {
        height: 100px;
        margin:0 20px 20px 0;
        padding: 35px;
        vertical-align: auto;
    }
    div.csc-textpic div.csc-textpic-imagecolumn {
        margin-right: 0px;
    }
    div.csc-textpic .csc-textpic-imagewrap img {
        width: 100%;
        height: auto;
    }
    div.box50 {
        width: 92%;
        margin: 0 2% 2% 2%;
        padding: 2%;
        display: inline-block;
        vertical-align: top;
        background-color: #FFFFFF;
        height: 240px;
    }

    iframe#programmheftyumpu {
        width: 600px;
        height: 350px;
    }
    .footer-end {
        height: 90px;
    }
    #footer {
        padding: 30px 4%;
    }
    #footer ul {
        width: 48%;
    }
    #footer ul#footer-meta,
    #footer ul#footer-infos {width: 48%;}

    div.holder.boxen-3fach div.boxen-3fach {
        margin-right: 0;
    }
    .scrollToTop {
        margin-top: 15px;
    }
    div.startseite-carousel > div#slickcarousel1 {
        height: 260px;
    }
    div#c1047,
    div#c1049{
        display: none;
    }
    div#c1048,
    div#c1050{
        display: block;
    }
    .slick-text {
        text-align: center;
    }
    .slick-slide img {
        width: auto;
    }
    .slickcontentelement .contentwrap {
        width: 85% !important;
        margin: 0 auto;
    }
    .sponsors-index {
        padding: 5px 0;
        height: 100%;
        width: 100%;
        text-align: center;
    }
    .sponsors-index.sponsors-index-center {
        width: 100%;
    }
    .sponsors-index span {
        display: inline-block;
        padding: 0px 10px;
    }
}
@media only screen and (max-width: 541px) {
    .grosse-boxen-2fach {
        width: 100%;
    }

    iframe#programmheftyumpu {
        width: 300px;
        height: 300px;
    }
    #TicketsPage .ltbtn-red {
        margin-left: 0 !important;
    }
    #mob-header a img{
        max-height: 30px;
        vertical-align: middle;
    }
    #mob-header a img.datum{
        max-height: 18px;
    }
    li img.banner-image-normal,
    p img.banner-image-normal {
      display: none;
    }
    li img.banner-image-smart,
    p img.banner-image-smart {
        width: 100%;
        display: block;
        padding: 10px 0 20px;
    }
    #p119 .section-column {
        margin: 2% 8%;
    }
}
@media only screen and (min-width: 416px) {
    #c1119 {
        display:block;
    }
    #c1169 {
        display:none;
    }
}
@media only screen and (max-width: 415px) {

    h1.angebot-detail{
        font-size: 25px;
    }
    h2.angebot-detail {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
        font-weight: bold;
    }

    #ticket .tickettable td {
        float: left;
        display: block;
        padding: 5px 10px 5px 0;
    }
    #ticket .tickettable td.colC {
        width: 80%;
    }
    #delivery-col,
    #contactaddress-col,
    #paymentoptions-col,
    #payment table.table {
        width:100% !important;
        padding:0 !important;
        float: left;
    }
    #payment .table th {
        display: none;
    }
    #payment table.table.tt,
    #payment table.table.tb,
    #payment table.table.tph {
        float:left;
        width:100% !important;
        padding:0% !important;
        margin: 0 0 20px 0;
    }
    #payment table.table.tt td,
    #payment table.table.tb td
        /*#payment table.table.tph td*/ {
        float: left;
        width: 96% !important;
        padding: 2% !important;
        text-align: left;
    }
    #payment table.table.tt td:last-child ,
    #payment table.table.tb td:last-child {
        margin-bottom: 3px;
    }
    body#payment #OverviewObj {
        padding: 0;
    }
    .overview-holder-btn {
        float: unset;
        margin-top: 0px;
    }
    .overview-btn {
        float:unset;
    }
    .tickettable {
        margin: 0;
        width: 100%;
    }
    .tickettable a.ltbtn {
        float: left !important;
        margin-left: 2px;
    }
    #programmheft-bestellen table td {
        float: left;
    }

    #ProgrammHeftForm .tickettable .innertable td {
        padding: 10px 0 0 0;
        width: 100%;
    }
    #search-home {
        width: 96%;
        margin: 0 2%;
    }
    .search-home-fields {
        margin: 0;
    }
    div.csc-textpic-intext-left .csc-textpic-imagewrap {
        width: 100%;
    }
    .angebot-row--info,
    .buttons-actions,
    #meintag .buttons-actions,
    #meintag .register_info {
        width: 100%;
    }
    #meintag .meineliste tr {
        margin-bottom: 15px;
        display: block;
        border: 2px dotted #92c4b0;
    }
    #meintag .meineliste td {
        border: none;
        display: inline-block;
    }
    #meintag .meineliste td.display-block {
        display: block;
    }
    .register_monat .list_item {
        padding: 0;
    }
    .buttons-actions {
        float: unset;
    }
    .angebot-row--img {
        display: none;
    }
    #footer {
        padding: 30px 5%;
    }
    #header,
    #mob-header {
        height: 65px;
    }
    #mob-header a {
        padding: 0 0 0 5px;
    }
    #mob-header a img {
        display: block;
        margin: 10px 0 0 10px;
    }
    #mob-header a img.datum {
        padding: 0 0 0 103px;
        margin: 0;
    }
    #BookingApp div.modalcontent {
        /* height: 580px; */
        z-index: 10000;
        position: relative;
        /* overflow: scroll; */
    }
    #c1119 {
        display:none;
    }
    #c1169 {
        display:block;
        margin: 7%;
    }
}
@media only screen and (max-width: 321px) {

    iframe#programmheftyumpu {
        width: 270px;
        height: 180px;
    }
    .slick-prev,
    .slick-next {
        top: 28%;
    }
    div.holder.boxen-3fach div.boxen-3fach {
        width: 270px;
    }
    div.startseite-carousel > div#slickcarousel1 {
        height: 240px;
    }
    #BookingApp div.modalcontent {
        height: 520px;
    }
}