/*
 * Copyright - Violution GbR Dortmund
 */

/* Tablets, altes iPad 2 - 3 und iPad mini */
@media only screen and (min-width: 993px) and (max-width: 1260px){

    body {
        /*border: 3px solid #29a9db !important;*/
        max-width: 100%;
    }

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

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

    .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: 3.4% !important;
        padding-right: 3.4% !important;
    }

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

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

    .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.4em;
        padding: 36px 20px 36px 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 .grid8,
    #eventslider .grid10
    {
        width: 100%;
    }

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

    #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: -65px;
        text-align: center;
        padding-right: 0;
    }

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

    #domicil-logo-header
    {
        width: 17%;
        min-width: 300px;
    }

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

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

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

    /* Die Pfeile */
    .start #today{
        background-position: 44.5% center;
    }

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

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

    .folge .defaultform .formbody .select2-container .select2-selection__choice,
    .folge .defaultform .formbody .select2-container .show_more{
        margin-left: -2.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;
    }

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

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

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

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

    .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: 8.5% !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: 91.9%;
	    margin: 5px 0 !important;
	    position: relative;
	}
	
	.defaultform .formbody label {
	    margin: 10px 2px !important;
	    position: absolute;
	    left: 0;
	    top: 4px;
	}
	
	.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: 2.1%;*/
	/*}*/
	
	#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: -2.2%;
	}

    /* Filter Hack 28.2.2020 */
    .folge .defaultform .formbody .select2-container {
        background-position: 2% 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.grid5 {
        margin: -8px -0.8% !important;
        width: 101.3%;
    }

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

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

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

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

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

    /* Filter Hack 28.2.2020  ENDE */
    .start #main .mod_article.margintop{
        padding-top: 0 !important;
    }

    #vereinsdienstplaner td.position{
        width: 85px !important;
    }

    #vereinsdienstplaner th div {
        width: 65px;
        padding-left: 24px;
    }

    #vereinsdienstplaner th {
        font-size: 1.7em;
    }

    #vereinsdienstplaner td.date {
        width: auto;
        min-width: 130px;
        font-size: 1.5em;
        line-height: 1.3em;
    }

    #vereinsdienstplaner .event strong {
        font-size: 1.2em;
        line-height: 1.3em;
        margin-bottom: 8px;
    }

    /* Blog */
    #waterfall {
        margin: 0 auto !important;
    }

    #blog-headline{
        text-align: center;
        margin-bottom: 40px !important;
    }

    #main .vio-blog-item .teaser p,
    #main .vio-blog-item .teaser ol,
    #main .vio-blog-item .teaser ul {
        max-width: 90% !important;
    }

    #main .nogrid-binding .inner{
        margin: 0;
    }

    #main .nogrid-binding.binding {
        padding-left: 2.6% !important;
        padding-right: 2.8% !important;
    }
}