/*
 * Copyright - Violution GbR Dortmund
 */

/* Große Smartphones (Android) z.B Galaxy */
@media only screen and (max-width: 690px){

    body {
         /*border: 3px dotted #1cffd8 !important;*/
    }

    /* Ausblenden */
    #header .sm-bar,
    .ticket-button,
    #top-infos .col,
    #video_background,
    .content-socialmedia,
    #message_container .message{
        display: none;
    }

    .folge .defaultform .formbody #wishMonth .select2-container{
        text-indent: 9.4%;
    }


    .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        padding: 0 9px !important;
    }

    #logo-nav-wrapper{
        padding-top: 50px;
        padding-left: 2.7% !important;
    }

    .binding{
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        /*border: 1px solid #f0f;*/
    }

    #hero .binding{
        margin: 0;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #hero .binding .row{
        margin: 0px 0 !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    #hero .row.mobilpadding{
        width: 96% !important;
        margin: 0 auto;
        position: relative;
    }

    #hero .row.mobilpadding .gridelement{
        margin: 0px 0%;
    }

    #hero .inner .binding-wrapper{
        position: relative;
        top: auto;
        width: 100%;
        max-width: 100%;
    }

    .start .domicil-event-search .ce_form{
        margin-left: 0;
        margin-right: 0;
    }

    #hero {
        height: 140px;
    }

    #main .mod_article.content-twocol-color .col_1 p,
    #main .mod_article.content-twocol-color .col_2 p,
    #main .mod_article.content-onecol-color p{
        padding: 0 40px;
    }

    #main .mod_article.content-twocol-color .col_1,
    #main .mod_article.content-twocol-color .col_2,
    #main .mod_article.content-onecol-color{
        padding-top: 90px;
        padding-bottom: 80px;
    }

    #main .mod_article.content-twocol-color .subcolumns,
    #main .mod_article.content-onecol-color{
        height: auto;
    }

    .start #eventTypes .select2-container {
        background-position: 27% center;
    }

    .start #wishdate {
        background-position: 32% center;
    }

    .start #today {
        background-position: 35.8% center;
    }

    #main .ce_download p, #main .ce_downloads p {
        font-size: 1.2em;
        padding: 0 0 0.8em 0;
        max-width: 100%;
    }

    #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{
        padding: 0 20px;
    }

    .folge .defaultform .formbody .select2-container .select2-selection__choice,
    .folge .defaultform .formbody .select2-container .show_more{
        margin-left: -3%;
    }

    .c50l, .c50r{
        width: 100%;
        float: none;
    }

    .start #main .mod_article.content-text-programmlist{
        padding-bottom: 50px !important;
    }

    .only-mobile{
        display: block;
    }

    .no-mobile{
        display: none;
    }

    .totop-link{
        margin-top: 25px;
    }

    /*Ausblenden*/
    #stickybutton,
    .ticket-button,
    #scroll-control .inner:before{
        display: none !important;
    }

    .folge.eventdetails #container .mod_article.first{
        margin-top: 0px;
        padding: 0 !important;
    }

    #colorbars-header .bar_2{
        width: 45vw;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 9px 0 9px;
    }

    #eventslider .swiper-slide-active .date_box,
    #eventslider .detail-header .date_box,
    #eventslider .swiper-slide-next .date_box,
    #eventslider .swiper-slide-prev .date_box {
        font-size: 1.8em !important;
        top: -50px;
        padding: 13px 10px 14px 25px;
    }

    .folge #eventslider .swiper-slide-active .date_box,
    .folge #eventslider .detail-header .date_box,
    .folge #eventslider .swiper-slide-next .date_box,
    .folge #eventslider .swiper-slide-prev .date_box{
        font-size: 1.6em !important;
        padding: 13px 10px 13px 25px;
        top: -44px;
    }

    #eventslider .swiper-slide-active .date_box,
    #eventslider .detail-header .date_box,
    #eventslider .swiper-slide-next .date_box,
    #eventslider .swiper-slide-prev .date_box
    {
        width: 73.333%;
    }

    #eventslider .swiper-slide-active .title_box,
    #eventslider .detail-header .title_box,
    #eventslider .swiper-slide-next .title_box,
    #eventslider .swiper-slide-prev .title_box {
        font-size: 2.5em;
        padding: 18px 20px 18px 25px;
        margin-top: 0 !important;
    }

    #eventslider .swiper-slide-active .subtitle_box,
    #eventslider .detail-header .subtitle_box,
    #eventslider .swiper-slide-next .subtitle_box,
    #eventslider .swiper-slide-prev .subtitle_box
    {
        width: 94.666%;
        font-size: 1.8em !important;
        padding: 12px 15px 12px 29px !important;
        height: 50px !important;
    }

    #eventslider .swiper-slide-active .first_box,
    #eventslider .detail-header .first_box,
    #eventslider .swiper-slide-next .first_box,
    #eventslider .swiper-slide-prev .first_box
    {
        height: 50px;
    }

    #eventslider .swiper-slide-active .first_box,
    #eventslider .swiper-slide-next .first_box,
    #eventslider .swiper-slide-prev .first_box,
    #eventslider .detail-header .first_box
    {
        height: 25px;
    }

    #eventslider .grid8,
    #eventslider .grid10
    {
        width: 100%;
    }

    #eventslider{
        margin: 0px 0% !important;
        width: 100%;
        padding-top: 52px;
    }

    /* Swiper-Navigation Bullets */
    #header .swiper-pagination,
    .folge #main .eventslider_inner .swiper-pagination {
        top: -40px;
        text-align: center;
        padding-right: 0;
    }

    #eventslider .swiper-slide,
    #eventslider .detail-header{
        min-height: 390px;
    }

    .defaultform .gridelement{
        width: 100%;
        margin: 0 0 !important;
    }

    #main .mod_article.content-formular .defaultform .formbody .grid10 input,
    #main .mod_article.content-formular .defaultform .formbody .grid10 select,
    #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container,
    #main .mod_article.content-formular .defaultform .formbody .grid10 div.button,
    #main .mod_article.content-formular .defaultform .formbody .grid10 textarea {
        max-width: 94%;
    }

    #main h1{
        font-size: 2.8em;
    }

    #main h2{
        font-size: 2.6em;
    }

    #domicil-logo-header
    {
        width: 80%;
    }

    #domicil-logo-header #logo{
        background-size: auto 90%;
        margin-left: 15px;
    }

    #header .mod_navigation.grid10{
        width: 83%;
    }

    #header .mod_navigation ul li{
        padding-left: 20px;
    }

    #header .mod_navigation ul li a,
    #header .mod_navigation ul li .active,
    #header .mod_navigation ul li .trail{
        font-size: 1.6em;
    }

    #main .mod_article.content-text-programmlist{
        padding-top: 90px;
    }

    .folge #main .mod_article.white-bg.margintop{
        margin-top: 20px;
    }

    #footer{
        height: 545px;
        padding-top: 60px;
    }

    #footer .row .grid9,
    #footer .row .grid3{
        width: 100%;
        float: none;
    }

    #footer .sm-bar{
        padding-top: 15px;
        height: 50px;
    }

    #footer .sm-bar,
    #footer .sm-bar ul{
        text-align: left;
    }

    #footer #copyright{
        padding-top: 25px;
    }

    #footer .sm-bar ul li:first-child{
        padding-left: 0;
    }

    #footer .footer-top{
        padding-bottom: 15px;
    }

    #footer .logo img{
        width: 140px;
        margin-bottom: 16px;
    }

    #footer .claim img{
        width: 230px;
    }

    #footer .mod_customnav{
        display: none;
    }

    #colorbars-header .bar_1{
        width: 53.2vw;
    }

    #colorbars-header .bar_2,
    #colorbars-footer-top{
        width: 100vw;
    }

    #colorbars-header .bar_3{
        width: 20.5vw;
    }

    #colorbars-footer-bottom .bar_1{
        bottom: -74px;
    }

    #colorbars-footer-bottom .bar_2{
        bottom: -94px;
    }

    /* Hero Startseite */
    .start #hero {
        width: 100%;
        height: 500px;
        display: block;
        position: relative;
        background-color: #1e1f28;
    }

    .start #main{
        padding-top: 100px;
    }

    #scroll-control span{
        padding-top: 56px;
    }

    #main p, #main ul, #main ol{
        max-width: 100%;
    }

    .folge .defaultform .formbody .select2-container .select2-selection__choice,
    .folge .defaultform .formbody .select2-container .show_more{
        margin-left: -3.8%;
    }

    .defaultform .formbody .select2-container .show_more,
    .defaultform .formbody .select2-container .select2-selection__choice{
        padding: 0;
    }

    #main .mod_article.content-video-start .video-caption{
        right: 45px;
    }

    #main .mod_article.content-crossteaser p:before{
        left: 38%;
        width: 25%;
        height: 15px;
    }

    a.button
    {
        padding: 25px 0 23px 0;
    }

    #main .special_box{
        margin-bottom: 20px !important;
    }

    /* Steuerpfeile Pagina */
    .swiper-button-next,
    .swiper-button-prev{
        display: block;
        top: 91%;
    }

    #eventslider .image_wrapper{
        height: 170px;
    }

    #main .mod_article.content-text-image .col_2 .bg_image_container,
    #main .mod_article.content-text-slider .col_2 .bg_image_container,
    #main .mod_article.content-text-video .col_2 .ce_swiperStart{
        height: 350px;
    }

    /* Hamburger einblenden */
    .mod_navigation.grid10{
        display: none;
    }

    #hamburger {
        display:block;
        top: -5px;
        right: -7px;
    }

    #hamburger .inside::before{
        font-size: 1.8em;
    }

    #main .mod_article.content-crossteaser p{
        height: 30px;
    }

    #main .mod_article.content-crossteaser {
        font-size: 2.1em;
        padding-top: 70px;
    }

    .cookiebar__text{
        margin-bottom: 10px;
        display: block;
    }

    .cookiebar__message{
        margin-bottom: 15px;
        margin-right: 0;
    }
    
    .folge .defaultform .formbody #wishMonth .select2-container {
    	text-indent: 3.9%;
	}
	
	#eventTypes .select2-search__field, 
	#eventGenres .select2-search__field {
	    padding-left: 6px !important;
	}
	
	.folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more {
	    margin-left: -4%;
	}
	
	.domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{
		margin-left: 26% !important;
	}
	
	.domicil-event-search .defaultform .gridelement {
	    width: 75%;
	}
	
	.folge .defaultform .formbody #wishMonth .select2-container {
	    text-indent: 8.9%;
	}
	
	.folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more {
	    margin-left: -10%;
	}

    /* Grid bei der Veranstaltungsliste */
    .mini-event-block .grid2 {
        width: 100% !important;
    }

    .mini-event-block .grid7 {
        width: 100% !important;
        margin-top: 20px;
        float: none !important;
    }

    .domicil-event-list .date {
        margin-top: 15px;
    }

    .special_box .flag {
        width: 80%;
        margin-left: 13%;
    }

    #main #programmsuche .month {
        margin-top: 1.2em;
    }

    /* Filter Hack 28.2.2020 */
    .folge .defaultform .formbody .select2-container {
        background-position: 5% center;
    }

    .folge .defaultform .formbody .select2-container .show_more{
        display: none;
    }

    .folge .defaultform .formbody #wishMonth .select2-container {
        /*text-indent: 27px;*/
    }

    .domicil-event-search .defaultform .gridelement {
        width: 91%;
    }

    .domicil-event-search .defaultform .gridelement {
        width: 78%;
    }

    .domicil-event-search .defaultform .gridelement.grid5 {
        margin: -10px -7.8% !important;
        width: 108%;
    }

    .defaultform .formbody .gridelement.grid5 label {
        margin: 10px 2px !important;
        position: absolute;
        left: 7.5%;
        top: 20px;
    }

    .domicil-event-search .defaultform .formbody input#eventTitle {
        width: 59.8%;
    }

    .domicil-event-search .defaultform .formbody .search-submit {
        width: 12.4% !important;
    }

    #eventTypes .select2-search__field, #eventGenres .select2-search__field {
        padding-left: 1.1% !important;
    }

    .defaultform .formbody label {
        font-size: 1.55em;
    }
    /* Filter Hack 28.2.2020  ENDE */

    .start #main .mod_article.margintop{
        padding-top: 0 !important;
    }

    .start #main {
        padding-top: 60px;
    }

    #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist {
        padding-bottom: 0;
    }

    #main .mod_article.content-crossteaser{
        padding-top: 30px;
        font-size: 2.2em;
    }

    #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color {
        padding-top: 45px;
        padding-bottom: 40px;
    }

    #main h2{
        font-size: 3.6em;
    }

    .domicil-event-list .mini-event-block .title {
        font-size: 1.8em;
    }

    .folge .domicil-event-search .defaultform {
        padding-top: 15px !important;
    }

    .special_box .flag {
        width: 50%;
        margin-left: 0;
    }

    #main .special_box {
        margin-bottom: 0px !important;
        margin-top: 15px;
    }

    /* Siteinfos Veranstaltungsdetails */
    #main #eventslider_text p.siteinfos{
        max-width: 100%;
    }

    #main #eventslider_text p.siteinfos a.button{
        margin-bottom: 30px !important;
        text-align: left !important;
    }

    #eventslider_text .special_box {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #eventslider_text .special_box .flag {
        width: 65%;
        margin-left: 0;
    }

    #eventslider_text .special_box {
        margin-bottom: 40px !important;
    }

    .swiper-button-next, .swiper-button-prev {
        display: block;
        top: 97%;
    }

    #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination {
        top: -20px;
    }

    /* IPhone */
    .safari.start #main{
        margin-top: 70px;
    }

    #main h2 {
        font-size: 2.7em;
    }

    #domicil-logo-header {
        height: 35px;
    }

    #main .mod_article.content-crossteaser {
        font-size: 1.8em;
    }

    .safari #eventTypes .select2-search__field,
    .safari #eventGenres .select2-search__field{
        overflow: visible !important;
        border-radius: 0 !important;
        width: 100% !important;
        box-shadow: 0 !important;
    }

    .domicil-event-list .mini-event-block .image {
        height: 166px;
    }

    .mini-event-block .grid3 {
        width: 100% !important;
        float: none;
    }

    #vereinsdienstplaner tbody td.date, #vereinsdienstplaner tbody td.event {
        width: 100%;
        float: none;
        padding: 1em 0.9em;
        height: auto;
    }

    #vereinsdienstplaner tbody td.position {
        width: 100% !important;
        float: none;
    }

    #vereinsdienstplaner tbody td.position[data-label]:before {
        width: 40%;
    }

    #vereinsdienstplaner .freifeld {
        left: 40%;
    }

    #main .vio-blog-item .teaser h2 {
        line-height: 1.2em;
        font-size: 2.4em;
        margin-bottom: 20px;
    }

    #main .vio-blog-item-details h2.headlinelinebefore {
        margin-top: 0;
        margin-bottom: 1.3em;
        font-size: 2.4em;
    }

    #main .vio-blog-item-details .meta {
        margin-right: 4.8%;
        font-size: 1.2em;
    }

}