/*
 * Copyright - Violution GbR Dortmund
 */

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

    body {
        /* border:3px dashed #ac28bf !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: 4.9%;
    }

    .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%;
    }

    #main .mod_article.margintop {
        padding-top: 20px;
    }

    .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;
    }

    #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: 300px;
    }

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

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

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

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

    .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 36px;
    }

    .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;
        padding: 16px 10px 16px 36px;
    }

    #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: 3.2em;
        padding: 30px 20px 30px 36px;
        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: 2.2em !important;
        padding: 15px 15px 15px 40px !important;
        height: 65px !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 .swiper-slide,
    #eventslider .detail-header{
        min-height: 600px;
    }

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

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

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

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

    #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%;
    }

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

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

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

    #domicil-logo-header #logo{
        background-size: auto 100%;
    }

    #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: 40.2vw;
    }

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

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

    #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: 60px;
        /*padding-top: 310px;*/
    }

    #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;
    }

    .content-foerderungen .grid6{
        width: 100%;
        text-align: center;
    }

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

    #eventslider .image_wrapper{
        height: 300px;
    }

    /* 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;
    }

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

    .cookiebar__message{
        margin-bottom: 15px;
        margin-right: 0;
    }
    
    /* Mobile Filter */
    .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: 0 auto !important;
		padding: 20px;
		font-size: 1.4em;
		height: 54px !important;
		margin-left: 11% !important;
    }
    
    .domicil-event-search .defaultform .formbody input.select2-search__field{
		margin-left: 0% !important;
    }
    
    .defaultform .formbody .select2-container {
	    background-position: 10px center;
	    font-size: 0.9em;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 1em;
	    line-height: 13px !important;
	    margin-top: -3px;
	}
	
	.domicil-event-search .defaultform .formbody #eventTypes .select2-container,
	.domicil-event-search .defaultform .formbody #eventGenres .select2-container{
		padding-top: 8px;
	}

	
	#eventTypes .select2-search__field, 
	#eventGenres .select2-search__field{
		font-size: 0.6em;
		padding-bottom: 36px;
	}
	
	.folge .defaultform .formbody .select2-container .select2-selection__choice{
		font-size: 0.6em !important;
		padding-top: 8px !important;
		background-color: transparent !important;
		display: inline;
		padding-right: 38px !important;
	}
	
	.folge .defaultform .formbody .select2-container .show_more{
		display: none;
	}
	
	ul.select2-selection__rendered{
		text-align: left !important;
	}
	
	.domicil-event-search .defaultform .gridelement {
	    width: 85%;
	    margin: 5px 0 !important;
	    position: relative;
	}
	
	.defaultform .formbody label {
	    margin: 10px 2px !important;
	    position: absolute;
	    left: 0;
	    top: 4px;
	}

    .mini-event-block .grid3 {
        width: 32% !important;
    }


	.folge .domicil-event-search .defaultform {
    	margin-bottom: 0;
	}
	
	.domicil-event-search {
	    margin-top: 0;
	    margin-bottom: 23px;
	}
	
	.domicil-event-search .defaultform .select2-selection--multiple {
	    margin-left: -9px;
	}
	
	.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%;
	}

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

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

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

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

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

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

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

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

    .domicil-event-search .defaultform .formbody .search-submit {
        width: 9%;
    }

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

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

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

    .start #main {
        padding-top: 0;
    }

    #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.3em;
    }

    .domicil-event-list{
        margin-top: 0;
    }

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

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

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

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

    .mini-event-block .grid7 {
        width: 42% !important;
    }
    .special_box .flag {
        width: 100%;
        margin-left: 0;
    }

    /* 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: 45%;
        margin-left: 0;
    }

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

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

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

    /* Vereinsdienstplaner */
    #monthSelector select{
        width: 100%;
        margin-bottom: 0;
    }

    #vereinsdienstplaner tbody td.position {
        font-size: 1.65em;
    }

    #main .vio-blog-item-details h2.headlinelinebefore {
        margin-top: -0.4em;
        margin-bottom: 1em;
        font-size: 2.7em;
    }



}